/*
Theme Name: CreativeWriteHub Dossier Tab System
Theme URI: https://creativewritehub.com/
Author: CreativeWriteHub
Description: Premium news/business classic WordPress theme with dossier tabs, filed rows, stamps and reference codes.
Version: 1.0.0
Requires at least: 6.5
Tested up to: 7.1
Requires PHP: 7.4
Text Domain: creativewritehub
License: GPL-2.0-or-later
*/
:root{
 --cwh-manila:#EFE3C8;--cwh-paper:#FDFCF9;--cwh-ink:#1C1A17;--cwh-red:#D22B2B;
 --cwh-blue:#17457A;--cwh-green:#2E7D5B;--cwh-yellow:#FFE45C;
 --cwh-bg:#EFE3C8;--cwh-doc:#FDFCF9;--cwh-text:#1C1A17;--cwh-rule:#3E382F;
 --cwh-muted:#6C645B;--cwh-max:1440px;--cwh-content:900px;--cwh-wide:1160px;
}
@media(prefers-color-scheme:dark){
 :root:not([data-theme="light"]){--cwh-bg:#221F1A;--cwh-doc:#17161A;--cwh-text:#EFE3C8;--cwh-rule:#625A50;--cwh-muted:#B9AF9D;--cwh-manila:#332E26;--cwh-blue:#2B68A7;--cwh-green:#42A678}
}
:root[data-theme="dark"]{--cwh-bg:#221F1A;--cwh-doc:#17161A;--cwh-text:#EFE3C8;--cwh-rule:#625A50;--cwh-muted:#B9AF9D;--cwh-manila:#332E26;--cwh-blue:#2B68A7;--cwh-green:#42A678}
*{box-sizing:border-box}
html{background:var(--cwh-bg);color:var(--cwh-text)}
body{margin:0;background:var(--cwh-bg);color:var(--cwh-text);font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.65;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
button,input{font:inherit}
.cwh-container{width:min(calc(100% - 40px),var(--cwh-max));margin-inline:auto}
.cwh-skip{position:fixed;left:10px;top:-100px;z-index:9999;background:var(--cwh-yellow);color:var(--cwh-ink);padding:10px 14px;border:2px solid var(--cwh-ink)}
.cwh-skip:focus{top:10px}
:focus-visible{outline:3px solid var(--cwh-yellow);outline-offset:3px}
.cwh-cabinet{position:sticky;top:0;z-index:120;background:var(--cwh-blue);color:#fff}
.cwh-drawer{height:64px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.cwh-logo img{height:44px;width:auto}
.cwh-actions{display:flex;gap:8px}
.cwh-icon{width:38px;height:38px;border:1px solid rgba(255,255,255,.55);background:transparent;color:#fff;border-radius:3px;cursor:pointer}
.cwh-tabs-wrap{position:sticky;top:64px;z-index:110;background:var(--cwh-bg);border-bottom:1px solid var(--cwh-rule)}
.cwh-tabs{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding:0 0 0;scrollbar-width:none}
.cwh-tabs::-webkit-scrollbar{display:none}
.cwh-tabs ul{display:flex;gap:8px;list-style:none;margin:0;padding:0}
.cwh-tabs li{margin:0;padding:0}
.cwh-tab-link,.cwh-tabs a{
 display:block;white-space:nowrap;background:var(--cwh-manila);color:var(--cwh-ink);font-weight:900;
 text-transform:uppercase;letter-spacing:.055em;font-size:12px;padding:12px 22px 10px;border:1px solid var(--cwh-rule);
 border-bottom:0;clip-path:polygon(0 9px,9px 0,calc(100% - 9px) 0,100% 9px,100% 100%,0 100%);
 margin-top:8px
}
.cwh-tabs .current-menu-item>a,.cwh-tabs a[aria-current="page"]{background:var(--cwh-doc);color:var(--cwh-text);padding-bottom:12px;margin-bottom:-1px}
.cwh-trust{display:flex;gap:14px;flex-wrap:wrap;align-items:center;padding:9px 0;font:800 11px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase}
.cwh-search-overlay{position:fixed;inset:0;background:var(--cwh-doc);z-index:999;display:none;padding:7vh 20px}
.cwh-search-overlay.is-open{display:block}
.cwh-search-box{width:min(920px,92vw);margin:auto}
.cwh-search-box input{width:100%;border:0;border-bottom:3px solid var(--cwh-blue);background:repeating-linear-gradient(to bottom,transparent 0,transparent 40px,rgba(28,26,23,.12) 41px);color:var(--cwh-text);font-size:clamp(32px,5vw,64px);padding:18px 0 26px}
.cwh-main-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px;padding:30px 0 80px}
.cwh-index{position:sticky;top:130px;align-self:start;border:1px solid var(--cwh-rule);background:var(--cwh-doc)}
.cwh-index-head{background:var(--cwh-blue);color:#fff;padding:12px 14px;font:900 12px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em}
.cwh-index ul{list-style:none;margin:0;padding:0}
.cwh-index li{border-top:1px solid var(--cwh-rule)}
.cwh-index a{display:grid;grid-template-columns:45px 1fr auto;gap:8px;padding:10px 12px;font-size:13px;align-items:center}
.cwh-index code{font:800 11px/1 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--cwh-blue)}
.cwh-index .count{font:800 11px/1 ui-monospace,SFMono-Regular,Consolas,monospace}
.cwh-index li.current a{background:var(--cwh-yellow);color:var(--cwh-ink)}
.cwh-index-toggle{display:none}
.cwh-top-file{background:var(--cwh-manila);border:1px solid var(--cwh-rule);padding:34px 34px 28px;position:relative;margin-bottom:34px}
.cwh-folder-tab{position:absolute;top:-29px;left:28px;background:var(--cwh-blue);color:#fff;padding:8px 28px 9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:12px;clip-path:polygon(0 8px,8px 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%)}
.cwh-document{background:var(--cwh-doc);border:1px solid var(--cwh-rule);padding:24px;position:relative}
.cwh-ref{font:800 11px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--cwh-blue);letter-spacing:.04em}
.cwh-file-date{font:700 11px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--cwh-muted)}
.cwh-doc-meta-top{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-bottom:18px}
.cwh-lead-image{aspect-ratio:16/7;overflow:hidden;background:#D4C4A2;margin-bottom:22px}
.cwh-lead-image img{width:100%;height:100%;object-fit:cover}
.cwh-top-file h1{font-size:clamp(42px,6vw,82px);line-height:.98;letter-spacing:-.045em;margin:.2em 0}
.cwh-dek{font-size:clamp(18px,2vw,24px);line-height:1.5;color:var(--cwh-muted)}
.cwh-byline{font-size:13px;color:var(--cwh-muted)}
.cwh-stamp{display:inline-block;border:3px solid var(--cwh-red);color:var(--cwh-red);padding:7px 12px;font:900 12px/1 Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;transform:rotate(-4deg)}
.cwh-top-stamp{position:absolute;right:32px;top:30px}
.cwh-files{position:relative}
.cwh-file-row{position:relative;background:var(--cwh-doc);border:1px solid var(--cwh-rule);margin-top:-8px;min-height:132px;display:grid;grid-template-columns:140px minmax(0,1fr) 180px;align-items:stretch;transition:transform .16s ease,z-index 0s}
.cwh-file-row:hover{transform:translateX(4px);z-index:5}
.cwh-file-cat{background:var(--cwh-tab,var(--cwh-blue));color:#fff;display:flex;align-items:center;justify-content:center;padding:15px;text-transform:uppercase;font-size:12px;font-weight:900;letter-spacing:.06em;clip-path:polygon(0 10px,10px 0,100% 0,100% 100%,0 100%)}
.cwh-file-cat.is-yellow{color:var(--cwh-ink)}
.cwh-file-copy{padding:18px 20px}
.cwh-file-copy h2{font-size:clamp(24px,2.5vw,36px);line-height:1.05;letter-spacing:-.035em;margin:6px 0 7px}
.cwh-file-copy h2 a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.cwh-file-summary{margin:0;color:var(--cwh-muted);font-size:15px;line-height:1.5}
.cwh-file-side{border-left:1px solid var(--cwh-rule);padding:14px;display:flex;flex-direction:column;justify-content:space-between}
.cwh-thumb{aspect-ratio:16/9;overflow:hidden;background:#D5C6A5}
.cwh-thumb img{width:100%;height:100%;object-fit:cover}
.cwh-section-divider{position:relative;background:var(--cwh-manila);border:1px solid var(--cwh-rule);padding:28px 18px 14px;margin:34px 0 30px}
.cwh-section-divider strong{position:absolute;top:-24px;left:20px;background:var(--cwh-tab,var(--cwh-blue));color:#fff;padding:8px 24px;font-size:13px;text-transform:uppercase;letter-spacing:.07em;clip-path:polygon(0 8px,8px 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%)}
.cwh-section-divider span{font:800 11px/1 ui-monospace,SFMono-Regular,Consolas,monospace}
.cwh-datasheet{background:var(--cwh-doc);border:2px solid var(--cwh-rule);margin:38px 0;padding:0}
.cwh-datasheet-head{display:flex;justify-content:space-between;gap:12px;padding:12px 16px;background:var(--cwh-ink);color:#fff;font:900 12px/1 ui-monospace,SFMono-Regular,Consolas,monospace}
.cwh-data-grid{display:grid;grid-template-columns:repeat(5,1fr)}
.cwh-data-cell{padding:18px;border-right:1px solid var(--cwh-rule)}
.cwh-data-cell:last-child{border-right:0}
.cwh-data-cell strong{display:block;font:900 clamp(24px,3vw,42px)/1 ui-monospace,SFMono-Regular,Consolas,monospace}
.cwh-data-cell span{display:block;margin-top:8px;font-size:11px;text-transform:uppercase}
.cwh-data-change{color:var(--cwh-red)!important;font-weight:900!important}
.cwh-ad{min-height:220px;border:2px dashed var(--cwh-rule);background:var(--cwh-doc);display:grid;place-items:center;margin:30px 0}
.cwh-ad:empty{display:none;min-height:0;margin:0}
.cwh-earlier{display:inline-block;margin:36px 0 0;background:var(--cwh-manila);border:1px solid var(--cwh-rule);padding:12px 24px;font-weight:900;text-transform:uppercase;clip-path:polygon(0 8px,8px 0,100% 0,100% 100%,0 100%)}
.cwh-case-shell{width:min(calc(100% - 40px),var(--cwh-max));margin:0 auto;display:grid;grid-template-columns:220px minmax(0,var(--cwh-content)) 200px;gap:34px;justify-content:center;padding:52px 0 90px}
.cwh-case-rail,.cwh-marginalia{position:sticky;top:135px;align-self:start}
.cwh-case-rail{border:1px solid var(--cwh-rule);background:var(--cwh-doc);padding:16px}
.cwh-case-rail h2{font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin:0 0 12px}
.cwh-toc{list-style:none;margin:0;padding:0;counter-reset:cwh-toc}
.cwh-toc li{counter-increment:cwh-toc;display:grid;grid-template-columns:20px 1fr;gap:7px;margin:0 0 12px;font-size:12px}
.cwh-toc li:before{content:"☐";font-family:Arial,sans-serif}
.cwh-toc li.is-read:before{content:"☑";color:var(--cwh-green)}
.cwh-related-rail{margin-top:22px;border-top:1px solid var(--cwh-rule);padding-top:14px}
.cwh-related-rail a{display:block;font-size:12px;margin-bottom:10px;text-decoration:underline}
.cwh-case{min-width:0}
.cwh-case-header{background:var(--cwh-doc);border:1px solid var(--cwh-rule);padding:24px;position:relative}
.cwh-case-head-grid{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}
.cwh-case-header h1{font-size:clamp(40px,5vw,66px);line-height:1.02;letter-spacing:-.045em;margin:16px 0}
.cwh-case-dek{font-size:21px;line-height:1.5;color:var(--cwh-muted)}
.cwh-case-stamp{margin:12px 0}
.cwh-hero{width:min(var(--cwh-wide),calc(100vw - 40px));margin:26px 0 0 50%;transform:translateX(-50%);background:#D5C6A5}
.cwh-hero img{width:100%;height:auto}
.cwh-file-summary-box{width:100%;background:var(--cwh-yellow);color:var(--cwh-ink);border:2px solid var(--cwh-ink);padding:18px 22px;margin:26px 0}
.cwh-file-summary-box strong{display:block;font:900 12px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;margin-bottom:8px}
.cwh-entry{font-size:19px;line-height:1.7;background:var(--cwh-doc);border-left:1px solid var(--cwh-rule);border-right:1px solid var(--cwh-rule);padding:28px}
.cwh-entry p{margin:0 0 1.4em}
.cwh-entry h2{font-size:clamp(29px,3vw,44px);line-height:1.12;margin:2.2em 0 .65em;scroll-margin-top:145px}
.cwh-entry h3{font-size:26px;margin:1.8em 0 .6em}
.cwh-entry a{text-decoration:underline;text-decoration-color:var(--cwh-blue);text-decoration-thickness:2px;text-underline-offset:3px}
.cwh-entry .alignwide,.cwh-entry figure.alignwide,.cwh-entry table,.cwh-entry blockquote,.cwh-wide{
 width:min(var(--cwh-wide),calc(100vw - 40px));max-width:none;margin-left:50%;transform:translateX(-50%)
}
.cwh-entry .alignfull{width:100vw;max-width:none;margin-left:50%;transform:translateX(-50%)}
.cwh-entry blockquote{background:linear-gradient(transparent 0,transparent 35%,var(--cwh-yellow) 35%,var(--cwh-yellow) 88%,transparent 88%);color:var(--cwh-ink);font-size:29px;line-height:1.35;padding:10px 22px}
.cwh-entry table{border-collapse:collapse;background:var(--cwh-doc);margin-top:26px;margin-bottom:26px}
.cwh-entry th,.cwh-entry td{padding:12px 14px;border:1px solid var(--cwh-rule);text-align:left}
.cwh-entry td:last-child,.cwh-entry th:last-child{text-align:right;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.cwh-also-read{width:100%;border:1px solid var(--cwh-rule);background:var(--cwh-manila);padding:14px 16px}
.cwh-author{display:grid;grid-template-columns:80px 1fr;gap:18px;border:1px solid var(--cwh-rule);background:var(--cwh-doc);padding:20px;margin-top:30px}
.cwh-author img{width:80px;height:80px;border-radius:50%;object-fit:cover}
.cwh-marginalia{font-size:12px;border:1px solid var(--cwh-rule);background:var(--cwh-doc);padding:14px}
.cwh-marginalia dt{font-weight:900;text-transform:uppercase;margin-top:12px}.cwh-marginalia dd{margin:3px 0;color:var(--cwh-muted)}
.cwh-related{margin-top:48px}
.cwh-related h2{font-size:13px;text-transform:uppercase;letter-spacing:.12em}
.cwh-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.cwh-related article{background:var(--cwh-doc);border:1px solid var(--cwh-rule);padding:14px}
.cwh-related h3{font-size:20px;line-height:1.15;margin:8px 0}
.cwh-archive-head,.cwh-page-head{text-align:center;padding:55px 20px 40px}
.cwh-archive-head h1,.cwh-page-head h1{font-size:clamp(42px,6vw,86px);line-height:.95;letter-spacing:-.05em;margin:0}
.cwh-case-officer{width:min(900px,calc(100% - 40px));margin:0 auto 28px;background:var(--cwh-doc);border:1px solid var(--cwh-rule);padding:22px;display:grid;grid-template-columns:90px 1fr;gap:20px}
.cwh-case-officer img{border-radius:50%}
.cwh-404{min-height:68vh;display:grid;place-items:center;text-align:center}
.cwh-empty-folder{width:180px;height:110px;background:var(--cwh-manila);border:2px solid var(--cwh-rule);margin:0 auto 20px;position:relative}
.cwh-empty-folder:before{content:"";position:absolute;top:-24px;left:14px;width:90px;height:24px;background:var(--cwh-manila);border:2px solid var(--cwh-rule);border-bottom:0}
.cwh-footer{background:var(--cwh-blue);color:#fff;padding:52px 0 24px}
.cwh-footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:28px}
.cwh-footer-logo img{height:44px;width:auto}
.cwh-footer h3{font-size:12px;text-transform:uppercase;letter-spacing:.1em}
.cwh-footer ul{list-style:none;padding:0;margin:0}
.cwh-footer li{margin:7px 0}
.cwh-room-stamp{display:inline-block;border:2px solid #fff;padding:7px 10px;transform:rotate(3deg);font-size:11px;font-weight:900;letter-spacing:.1em;margin-top:18px}
.cwh-footer-bottom{margin-top:35px;border-top:1px solid rgba(255,255,255,.35);padding-top:18px;font-size:12px}
@media(max-width:1199px){
 .cwh-case-shell{grid-template-columns:minmax(0,1fr);width:min(90%,1000px)}
 .cwh-case-rail,.cwh-marginalia{display:none}
}
@media(max-width:900px){
 .cwh-main-grid{grid-template-columns:1fr;padding-top:18px}
 .cwh-index{position:static;display:none}.cwh-index.is-open{display:block}
 .cwh-index-toggle{display:block;width:100%;background:var(--cwh-blue);color:#fff;border:0;padding:12px 14px;text-align:left;font-weight:900;letter-spacing:.08em}
 .cwh-file-row{grid-template-columns:105px minmax(0,1fr);margin-top:0}
 .cwh-file-side{grid-column:1/-1;border-left:0;border-top:1px solid var(--cwh-rule);display:flex;flex-direction:row;gap:10px}
 .cwh-thumb{width:160px}
 .cwh-data-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
 .cwh-container{width:min(calc(100% - 28px),var(--cwh-max))}
 .cwh-drawer{height:58px}.cwh-tabs-wrap{top:58px}
 .cwh-logo img{height:38px}
 .cwh-top-file{padding:24px 14px 14px}.cwh-document{padding:16px}
 .cwh-top-file h1{font-size:38px}.cwh-top-stamp{position:static;margin:10px 0}
 .cwh-file-row{grid-template-columns:1fr}
 .cwh-file-cat{justify-content:flex-start;clip-path:none;padding:9px 12px}
 .cwh-file-side{grid-column:auto}.cwh-thumb{width:100%}
 .cwh-data-grid{grid-template-columns:1fr}
 .cwh-data-cell{border-right:0;border-bottom:1px solid var(--cwh-rule)}
 .cwh-case-shell{width:calc(100% - 40px);padding-top:28px}
 .cwh-entry{font-size:17px;line-height:1.7;padding:18px}
 .cwh-case-dek{font-size:18px}
 .cwh-entry .alignwide,.cwh-entry figure.alignwide,.cwh-entry table,.cwh-entry blockquote,.cwh-wide,.cwh-hero{width:calc(100vw - 24px)}
 .cwh-related-grid,.cwh-footer-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
 .cwh-file-row{transition:none}.cwh-file-row:hover{transform:none}
}