/*
Theme Name: WriteHunt Folded Ribbon Sequence
Theme URI: https://writehunt.com/
Author: OpenAI
Description: Premium business/news publishing theme built around one continuous folded ribbon sequence with flat front/back faces, crease turns and an off-ribbon archive.
Version: 1.0.1
Requires at least: 6.5
Tested up to: 7.1
Requires PHP: 7.4
Text Domain: writehunt
*/

/* STEP 0A — EXACT DESIGN TOKENS */
:root{
  --wh-backdrop:#EFECE4;
  --wh-front:#FAF8F2;
  --wh-back:#223039;
  --wh-ochre:#C08A2E;
  --wh-ochre-back:#6E4C13;
  --wh-teal:#2C6A66;
  --wh-teal-back:#17403D;
  --wh-clay:#A0533A;
  --wh-clay-back:#5C2C1D;
  --wh-edge-light:rgba(255,255,255,.70);
  --wh-edge-shade:rgba(34,48,57,.22);
  --wh-crease-shade:rgba(34,48,57,.30);
  --wh-text:#14191D;
  --wh-text-pale:#F3F1EA;
  --wh-faded:#6B6F6A;
  --wh-alert:#C8412E;
  --wh-ribbon-width:88%;
  --wh-run-height:260px;
  --wh-turn-size:96px;
  --wh-crease-width:2px;
  --wh-turn-radius:18px;
  --wh-container:1440px;
  --wh-reading:900px;
}

/* STEP 0B-1 — RIBBON RUN */
.wh-run{
  width:var(--wh-ribbon-width);
  min-height:var(--wh-run-height);
  margin-inline:auto;
  position:relative;
  background:var(--wh-front);
  color:var(--wh-text);
  border-top:1px solid var(--wh-edge-light);
  border-bottom:1px solid var(--wh-edge-shade);
  overflow:visible;
}
.wh-run::before,.wh-run::after{content:"";position:absolute;left:0;right:0;height:1px;pointer-events:none}
.wh-run::before{top:0;background:var(--wh-edge-light)}
.wh-run::after{bottom:0;background:var(--wh-edge-shade)}

/* STEP 0B-2 — FOLD TURN */
.wh-turn{position:relative;width:var(--wh-turn-size);height:64px;background:var(--wh-back);color:var(--wh-text-pale);display:grid;place-items:center;font-size:11px;letter-spacing:.12em;text-transform:uppercase;z-index:3}
.wh-turn--right{margin-left:auto;margin-right:calc((100% - var(--wh-ribbon-width))/2)}
.wh-turn--left{margin-right:auto;margin-left:calc((100% - var(--wh-ribbon-width))/2)}
@supports (clip-path:polygon(0 0)){
 .wh-turn--right{clip-path:polygon(0 0,100% 0,100% 100%,22% 100%,0 64%)}
 .wh-turn--left{clip-path:polygon(0 0,100% 0,100% 64%,78% 100%,0 100%)}
}

/* STEP 0B-3 — CREASE LINE */
.wh-crease{height:var(--wh-crease-width);position:relative;background:var(--wh-crease-shade);box-shadow:0 -1px 0 var(--wh-edge-light),0 1px 0 var(--wh-edge-shade)}
.wh-turn::before{content:"";position:absolute;inset:0 auto 0 0;width:8px;background:rgba(255,255,255,.08);pointer-events:none}.wh-turn--left::before{left:auto;right:0}

*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--wh-backdrop);color:var(--wh-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;line-height:1.6}img{max-width:100%;height:auto}a{color:var(--wh-teal);text-underline-offset:3px;text-decoration-thickness:2px}.wh-container{width:min(calc(100% - 40px),var(--wh-container));margin-inline:auto}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.wh-header{position:sticky;top:0;z-index:50;background:transparent}.wh-header-band{background:var(--wh-back);color:var(--wh-text-pale);min-height:84px;border-bottom:1px solid var(--wh-edge-light);box-shadow:inset 0 -1px 0 var(--wh-edge-shade)}.wh-header-inner{width:min(calc(100% - 40px),1220px);margin:auto;min-height:84px;display:grid;grid-template-columns:minmax(190px,1fr) auto minmax(180px,1fr);gap:24px;align-items:center}.wh-brand img{display:block;height:48px;width:auto;max-width:235px}.wh-nav{display:flex;gap:4px;align-items:center;justify-content:center;padding:5px;border:1px solid rgba(243,241,234,.16);background:rgba(12,17,20,.22);border-radius:999px}.wh-nav a{position:relative;display:block;color:var(--wh-text-pale);text-decoration:none;padding:10px 15px;border-radius:999px;font-size:12px;font-weight:750;letter-spacing:.035em;white-space:nowrap;transition:background-color .16s ease,color .16s ease}.wh-nav a::after{content:"";position:absolute;left:18px;right:18px;bottom:5px;height:2px;background:transparent}.wh-nav a:hover,.wh-nav a:focus-visible{background:rgba(250,248,242,.10);text-decoration:none}.wh-nav .current-menu-item>a,.wh-nav .current_page_item>a{background:var(--wh-front);color:var(--wh-text);box-shadow:inset 0 0 0 1px rgba(20,25,29,.10)}.wh-nav .current-menu-item>a::after,.wh-nav .current_page_item>a::after{background:var(--wh-ochre)}.wh-tools{display:flex;justify-content:flex-end;gap:8px}.wh-tool{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(243,241,234,.25);border-radius:999px;background:transparent;color:var(--wh-text-pale);padding:9px 14px;cursor:pointer;font:inherit;font-size:12px;font-weight:700}.wh-tool:hover,.wh-tool:focus-visible{background:rgba(250,248,242,.10)}.wh-menu-toggle{display:none;width:42px;height:42px;border:1px solid rgba(243,241,234,.25);border-radius:999px;background:transparent;color:var(--wh-text-pale);padding:0;cursor:pointer}.wh-menu-toggle__bars,.wh-menu-toggle__bars::before,.wh-menu-toggle__bars::after{display:block;width:18px;height:2px;background:currentColor;content:"";margin:auto;position:relative}.wh-menu-toggle__bars::before{position:absolute;top:-6px}.wh-menu-toggle__bars::after{position:absolute;top:6px}.wh-trust{width:min(calc(100% - 40px),1220px);margin:auto;padding:7px 0 8px;display:flex;gap:24px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#ccd1d0}.wh-header .wh-crease{background:#44535b}

.wh-sequence{padding:28px 0 0}.wh-run-inner{padding:32px;min-height:var(--wh-run-height);display:flex;align-items:center}.wh-run-content{width:100%;max-width:1180px;margin:auto}.wh-direction{position:absolute;top:14px;font-size:18px;font-weight:800;color:var(--wh-faded);aria-hidden:true}.wh-direction--right{left:18px}.wh-direction--left{right:18px}.wh-run-num{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;margin-bottom:12px}.wh-run--front{background:var(--wh-front);color:var(--wh-text)}.wh-run--ochre{background:var(--wh-ochre);color:var(--wh-text)}.wh-run--teal{background:var(--wh-teal);color:var(--wh-text-pale)}.wh-run--clay{background:var(--wh-clay);color:var(--wh-text-pale)}

.wh-lead-grid{display:grid;grid-template-columns:52% 48%;gap:32px;align-items:center}.wh-mount{background:var(--wh-front);padding:4px;border:1px solid #dcd7cc;position:relative}.wh-mount img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;filter:contrast(1.04) saturate(1.02)}.wh-mount::after{content:"";position:absolute;left:4px;right:4px;top:4px;height:2px;background:var(--wh-edge-light);pointer-events:none}.wh-kicker,.wh-meta{font-size:12px;text-transform:uppercase;letter-spacing:.12em}.wh-kicker{font-weight:800}.wh-run h1{font-size:clamp(42px,4vw,54px);line-height:1.05;margin:10px 0 16px;max-width:17ch}.wh-run h2{font-size:34px;line-height:1.12;margin:8px 0 12px}.wh-run h3{font-size:24px;line-height:1.15;margin:10px 0 8px}.wh-dek{font-size:18px;line-height:1.7;max-width:58ch}.wh-meta{display:flex;gap:14px;flex-wrap:wrap;margin-top:14px}.wh-run--teal .wh-meta,.wh-run--clay .wh-meta{color:var(--wh-text-pale)}.wh-run--teal a,.wh-run--clay a{color:var(--wh-text-pale)}

.wh-three{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.wh-story{min-width:0}.wh-story .wh-mount img{aspect-ratio:16/9}.wh-story p{margin:0;font-size:15px;line-height:1.55}.wh-story .wh-meta{font-size:10px}.wh-story a{color:inherit}

.wh-feature-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:30px;align-items:center}.wh-secondary-list{display:grid;gap:12px}.wh-secondary-list article{border-top:1px solid #d8d3c8;padding-top:12px}.wh-secondary-list h3{font-size:20px;margin:0 0 5px}

.wh-readouts{display:grid;grid-template-columns:repeat(5,1fr);gap:0}.wh-readout{padding:22px 18px;text-align:center;border-left:1px solid rgba(255,255,255,.22)}.wh-readout:first-child{border-left:0}.wh-readout-value{font-size:56px;font-weight:800;line-height:1}.wh-readout-label{font-size:11px;text-transform:uppercase;letter-spacing:.12em;margin-top:8px}

.wh-off-list{width:min(calc(100% - 40px),1180px);margin:42px auto 0;background:transparent;padding:0}.wh-off-list-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:12px}.wh-off-list h2{font-size:30px;margin:0}.wh-register-row{display:grid;grid-template-columns:96px minmax(0,1fr);gap:18px;align-items:center;padding:18px 0;border-bottom:1px solid #cfc9bd}.wh-register-row.no-thumb{grid-template-columns:1fr}.wh-register-thumb img{display:block;width:96px;height:68px;object-fit:cover}.wh-register-row h3{font-size:20px;line-height:1.25;margin:0 0 7px}.wh-register-row .wh-meta{margin:0;font-size:10px;color:var(--wh-faded)}.wh-older{display:inline-block;margin-top:24px;background:var(--wh-front);border:1px solid #cbc4b8;padding:11px 16px;color:var(--wh-text);text-decoration:none}

.wh-ad{width:min(calc(100% - 40px),900px);margin:24px auto;background:transparent;border:1px solid var(--wh-faded);padding:18px;text-align:center;min-height:100px}.wh-ad:empty{display:none}.wh-ad-label{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--wh-faded)}

.wh-footer{margin-top:54px;background:var(--wh-back);color:var(--wh-text-pale);border-top:1px solid var(--wh-edge-light);box-shadow:inset 0 1px 0 var(--wh-edge-shade)}.wh-footer .wh-crease{background:#44535b}.wh-footer-inner{width:min(calc(100% - 40px),var(--wh-container));margin:auto;padding:34px 0 28px;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:34px}.wh-footer-brand img{height:auto;width:min(280px,100%)}.wh-footer a{color:var(--wh-text-pale)}.wh-footer-cats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.wh-footer h3{margin-top:0}.wh-endmark{display:inline-flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.14em;text-transform:uppercase}.wh-endmark::before{content:"";width:30px;height:8px;background:var(--wh-front);border-right:8px solid var(--wh-back)}

.wh-article-hero{width:var(--wh-ribbon-width);margin:30px auto 0;background:var(--wh-front);border-top:1px solid var(--wh-edge-light);border-bottom:1px solid var(--wh-edge-shade);position:relative}.wh-article-hero-grid{display:grid;grid-template-columns:44% 56%;gap:28px;align-items:center;padding:30px 72px 30px 30px}.wh-article-hero h1{font-size:clamp(40px,4vw,54px);line-height:1.05;margin:10px 0 12px}.wh-article-fold{position:absolute;right:0;top:0;bottom:0;width:48px;background:var(--wh-back)}.wh-article-fold::before{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--wh-crease-width);background:var(--wh-crease-shade);box-shadow:-1px 0 0 var(--wh-edge-light),1px 0 0 var(--wh-edge-shade)}

.wh-reading-wrap{display:grid;grid-template-columns:220px minmax(680px,var(--wh-reading)) 220px;gap:28px;justify-content:center;align-items:start;margin-top:32px}.wh-entry{background:transparent;padding:18px 0 0;overflow:hidden}.wh-entry-content{font-size:19px;line-height:1.8}.wh-entry-content p{margin:0 0 1.5em}.wh-entry-content h2{font-size:32px;line-height:1.2;margin:2.4em 0 .7em}.wh-entry-content h3{font-size:26px}.wh-entry-content img,.wh-entry-content figure,.wh-entry-content .wp-block-image,.wh-entry-content .wp-block-gallery,.wh-entry-content .wp-block-media-text{max-width:100%!important;width:auto!important;margin-left:auto!important;margin-right:auto!important}.wh-entry-content img{height:auto!important}.wh-entry-content .alignwide,.wh-entry-content .alignfull{max-width:100%!important;width:100%!important;margin-left:0!important;margin-right:0!important}.wh-entry-content iframe,.wh-entry-content embed,.wh-entry-content object{max-width:100%;width:100%;border:1px solid var(--wh-faded);box-shadow:none}.wh-keypoints{background:var(--wh-front);border:1px solid #d7d1c6;padding:20px 22px;margin:0 0 28px}.wh-pullquote{background:var(--wh-teal);color:var(--wh-text-pale);padding:24px 28px;border-top:1px solid var(--wh-edge-light);border-bottom:1px solid var(--wh-edge-shade);font-size:28px;font-weight:700;line-height:1.3;margin:36px 0}.wh-dropcap:first-letter{float:left;font-size:52px;line-height:.85;margin:8px 10px 0 0;padding:8px 10px;background:var(--wh-back);color:var(--wh-text-pale)}
.wh-toc{position:sticky;top:110px;padding:14px 14px 14px 18px;border-left:2px solid #bbb4a9}.wh-toc h3{font-size:12px;text-transform:uppercase;letter-spacing:.12em}.wh-toc a{display:flex;gap:10px;padding:8px 0;color:var(--wh-text);text-decoration:none}.wh-toc a::before{content:"";width:2px;height:18px;background:#bdb6aa}.wh-toc a.active::before{background:var(--wh-back)}.wh-marginalia{font-size:13px;color:var(--wh-faded);position:sticky;top:110px}.wh-marginalia-box{border:1px solid #d2ccc1;padding:16px}.wh-author-box{margin-top:36px;padding:20px;border-top:1px solid #cfc8bc;border-bottom:1px solid #cfc8bc;display:grid;grid-template-columns:80px 1fr;gap:18px}.wh-author-box img{width:80px;height:80px;object-fit:cover}.wh-related{margin-top:38px}.wh-related-run{position:relative;background:var(--wh-front);border-top:1px solid var(--wh-edge-light);border-bottom:1px solid var(--wh-edge-shade);padding:24px 64px 24px 24px}.wh-related-run::after{content:"";position:absolute;right:0;top:0;bottom:0;width:44px;background:var(--wh-back)}.wh-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.wh-related-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.wh-related-card h3{font-size:20px;line-height:1.2}.wh-related-card .wh-meta{font-size:10px}
.wh-internal-links{margin:34px 0;padding:20px;background:var(--wh-front);border:1px solid #c9c2b6}.wh-internal-links__title{font-size:12px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px}.wh-internal-link-row{display:grid;grid-template-columns:36px 1fr;gap:10px;padding:10px 0;border-top:1px solid #d8d1c5}.wh-internal-link-row a{color:var(--wh-teal)!important;-webkit-text-fill-color:var(--wh-teal)!important}.wh-internal-link-num{font-weight:800;color:var(--wh-faded)}

.wh-search-overlay{position:fixed;inset:0;background:rgba(20,23,26,.94);z-index:90;display:none;padding:90px 20px}.wh-search-overlay.is-open{display:block}.wh-search-panel{width:min(760px,100%);margin:auto;background:var(--wh-backdrop);padding:24px;border:1px solid #bdb6aa}.wh-search-panel input{width:100%;font:inherit;font-size:20px;padding:15px 12px;border:0;border-bottom:2px solid var(--wh-back);background:var(--wh-front);color:var(--wh-text)}.wh-search-close{float:right;border:0;background:transparent;font-size:28px;cursor:pointer;color:var(--wh-text)}

.wh-archive-head{width:min(calc(100% - 40px),1180px);margin:34px auto 18px}.wh-archive-head h1{font-size:40px;margin:0 0 8px}.wh-archive-head p{color:var(--wh-faded)}.navigation.posts-navigation{margin-top:24px}.navigation.posts-navigation .nav-links{display:flex;justify-content:space-between;gap:12px}.navigation.posts-navigation a{display:inline-block;background:var(--wh-front);border:1px solid #c9c2b6;padding:10px 14px;color:var(--wh-text)}

:focus-visible{outline:3px solid var(--wh-alert);outline-offset:2px}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

@media(max-width:1199px){.wh-header-inner{grid-template-columns:minmax(170px,1fr) auto auto}.wh-nav{gap:2px}.wh-nav a{padding:9px 11px;font-size:11px}.wh-lead-grid,.wh-article-hero-grid{grid-template-columns:1fr}.wh-reading-wrap{grid-template-columns:minmax(0,900px);padding:0 22px}.wh-toc,.wh-marginalia{display:none}.wh-run h1{max-width:none}.wh-feature-grid{grid-template-columns:1fr}.wh-readouts{grid-template-columns:repeat(3,1fr)}}
@media(max-width:767px){:root{--wh-ribbon-width:calc(100% - 20px);--wh-run-height:220px;--wh-turn-size:48px}.wh-header-inner{width:calc(100% - 20px);grid-template-columns:1fr auto auto;gap:8px;min-height:70px;position:relative}.wh-header-band{min-height:70px}.wh-brand img{height:40px;max-width:185px}.wh-menu-toggle{display:inline-grid;place-items:center}.wh-tools .wh-tool{width:42px;height:42px;padding:0;justify-content:center}.wh-tools .wh-tool span:last-child{display:none}.wh-nav{display:none;position:absolute;top:64px;left:0;right:0;z-index:65;padding:8px;background:var(--wh-back);border:1px solid rgba(243,241,234,.18);border-radius:16px;box-shadow:none;flex-direction:column;align-items:stretch}.wh-nav.is-open{display:flex}.wh-nav a{padding:12px 14px;border-radius:10px;font-size:12px}.wh-nav .current-menu-item>a,.wh-nav .current_page_item>a{background:var(--wh-front);color:var(--wh-text)}.wh-trust{width:calc(100% - 20px);gap:10px;flex-wrap:wrap;font-size:9px}.wh-run-inner{padding:24px 20px;min-height:auto}.wh-turn{width:var(--wh-ribbon-width);height:48px;margin:0 auto!important;clip-path:none!important}.wh-turn--right,.wh-turn--left{justify-items:start;padding-left:20px}.wh-turn--left{justify-items:end;padding-right:20px}.wh-lead-grid,.wh-three{grid-template-columns:1fr}.wh-three{gap:22px}.wh-run h1{font-size:40px}.wh-run h2{font-size:30px}.wh-readouts{grid-template-columns:repeat(2,1fr)}.wh-readout{border-left:0;border-top:1px solid rgba(255,255,255,.2)}.wh-off-list{width:calc(100% - 24px)}.wh-register-row{grid-template-columns:72px 1fr}.wh-register-thumb img{width:72px;height:56px}.wh-footer-inner{width:calc(100% - 24px);grid-template-columns:1fr}.wh-footer-cats{grid-template-columns:1fr 1fr}.wh-article-hero{width:calc(100% - 20px)}.wh-article-hero-grid{padding:20px 58px 20px 20px}.wh-entry-content{font-size:18px}.wh-related-grid{grid-template-columns:1fr}.wh-related-run{padding-right:56px}.wh-direction{display:none}}
