/* PEK Visual System 3.6
   Public UI only. Professional typography + editorial anti-template polish.
   Replaces Visual 3.5 as the single public visual layer; no stacked legacy visual layers.
   No external font dependency: fast, privacy-friendly system typography. */
:root{
  --pek-paper:#f7f5f1;
  --pek-surface:#fffefa;
  --pek-surface-2:#f0ece6;
  --pek-ink:#211b17;
  --pek-ink-soft:#403832;
  --pek-muted:#6d625a;
  --pek-faint:#988d84;
  --pek-line:#ddd6ce;
  --pek-line-strong:#c9beb4;
  --pek-orange:#d94b1b;
  --pek-orange-dark:#a93312;
  --pek-orange-soft:#f7e9df;
  --pek-danger:#913423;
  --pek-success:#35634b;
  --pek-serif:Georgia,"Noto Serif","Times New Roman",serif;
  --pek-sans:"Segoe UI Variable Text","Segoe UI Variable","Segoe UI",Arial,Helvetica,sans-serif;
  --pek-page:1380px;
  --pek-reading:760px;
  --pek-radius:5px;
  --pek-shadow:0 10px 30px rgba(38,29,23,.055);
  --pek-focus:0 0 0 3px rgba(217,75,27,.16);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--pek-paper);color:var(--pek-ink);font-family:var(--pek-sans);font-size:16.5px;line-height:1.68;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-kerning:normal}
body::selection{background:#f0cdbb;color:var(--pek-ink)}
a{color:inherit;text-underline-offset:.18em}
img{max-width:100%}
.shell{width:min(var(--pek-page),calc(100% - 72px))!important;max-width:none!important;margin-inline:auto!important}
.skip-link{position:fixed;left:18px;top:14px;z-index:9999;transform:translateY(-180%);padding:10px 14px;background:var(--pek-ink);color:#fff;border-radius:6px}.skip-link:focus{transform:none}
:focus-visible{outline:2px solid var(--pek-orange);outline-offset:3px;border-radius:3px}

/* HEADER: quiet, wide, utility-first. */
.site-header{position:sticky;top:0;z-index:100;background:rgba(248,245,239,.97);border-bottom:1px solid rgba(23,20,17,.12);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.header-inner{min-height:70px;display:flex;align-items:center;gap:24px}
.brand{display:inline-flex;flex-direction:column;flex:0 0 auto;text-decoration:none;line-height:1}
.brand strong{font-family:var(--pek-sans);font-size:28px;font-weight:850;letter-spacing:-.045em}.brand strong span{color:var(--pek-orange)}
.brand small{margin-top:4px;color:var(--pek-muted);font-size:9px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}
.primary-nav{display:flex;align-items:center;gap:2px;min-width:0}
.primary-nav a{position:relative;padding:13px 10px;color:#3f3833;text-decoration:none;font-size:13px;font-weight:650;white-space:nowrap}
.primary-nav a:hover{color:var(--pek-orange-dark)}
.primary-nav a[aria-current="page"]{color:var(--pek-ink);font-weight:820}
.primary-nav a[aria-current="page"]::after{content:"";position:absolute;left:10px;right:10px;bottom:5px;height:2px;background:var(--pek-orange)}
.header-search{margin-left:auto;display:flex;align-items:center;min-width:205px;max-width:250px;background:#fff;border:1px solid var(--pek-line);border-radius:8px;overflow:hidden}
.header-search input{width:100%;min-width:0;padding:9px 3px 9px 13px;border:0!important;outline:0;background:transparent;font:inherit;font-size:12.5px;color:var(--pek-ink)}
.header-search button{border:0;background:transparent;padding:8px 12px;color:var(--pek-muted);cursor:pointer}
.header-search:focus-within{border-color:#bd9e8c;box-shadow:var(--pek-focus)}
.menu-toggle{border:0;background:transparent;padding:8px;color:var(--pek-ink);cursor:pointer}

/* TYPOGRAPHY & SHARED UI. */
.eyebrow,.card-kicker{display:inline-flex;align-items:center;gap:9px;margin:0;color:var(--pek-orange-dark);font-size:10px;line-height:1.25;font-weight:850;letter-spacing:.15em;text-transform:uppercase}
.eyebrow::before,.card-kicker::before{content:"";width:18px;height:1px;background:currentColor;opacity:.9}
.section{padding-block:66px}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:32px}
.section-heading h2{margin:7px 0 0;max-width:880px;font-family:var(--pek-serif);font-size:clamp(32px,2.7vw,42px);font-weight:700;line-height:1.1;letter-spacing:-.012em}
.section-link,.text-link{color:var(--pek-orange-dark);font-size:12px;font-weight:820;text-decoration:none}.section-link:hover,.text-link:hover{text-decoration:underline}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 19px;border:1px solid transparent;border-radius:4px;text-decoration:none;font-size:13px;font-weight:750;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}
.btn:hover{transform:translateY(-1px)}
.btn.primary{background:var(--pek-orange);color:#fff}.btn.primary:hover{background:#c74418}
.btn.secondary,.btn.light{background:transparent;border-color:var(--pek-line-strong);color:var(--pek-ink)}.btn.secondary:hover,.btn.light:hover{background:#fff;border-color:#a99384}

/* HOMEPAGE HERO: broad editorial composition, no decorative AI effects. */
.hero{position:relative;border-bottom:1px solid var(--pek-line);background:#f3efe9;overflow:hidden}
.hero::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:rgba(255,255,255,.7)}
.hero::after{content:none!important}
.hero-grid{min-height:530px;padding-block:52px;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(460px,.96fr);gap:58px;align-items:center}
.hero-copy{position:relative;z-index:1;max-width:720px}
.hero-copy h1{margin:12px 0 20px;max-width:720px;font-family:var(--pek-serif);font-size:clamp(48px,4.15vw,62px);font-weight:700;line-height:1.045;letter-spacing:-.018em}
.hero-lead{max-width:680px;margin:0 0 24px;color:var(--pek-ink-soft);font-size:17px;line-height:1.66}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:27px}
.hero-media{position:relative;z-index:1;aspect-ratio:4/3;overflow:hidden;background:#e8ded4;border:1px solid var(--pek-line);border-radius:4px;box-shadow:none}
.hero-media::before,.hero-media::after{content:none!important}
.hero-media img{display:block!important;width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important;object-position:center!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.trust-row{display:grid;grid-template-columns:repeat(3,1fr);margin:31px 0 0;border-top:1px solid rgba(23,20,17,.16)}
.trust-row>div{min-width:0;padding:15px 20px 0 0;background:transparent!important;border:0!important;border-radius:0!important}
.trust-row>div+div{padding-left:20px;border-left:1px solid rgba(23,20,17,.11)!important}
.trust-row b{display:block;margin-bottom:3px;font-size:11px;line-height:1.35}.trust-row span{display:block;color:var(--pek-muted);font-size:10.8px;line-height:1.4}

/* TASK NAV: editorial shortcuts, not dashboard cards. */
.pek-intent-nav{background:var(--pek-surface);border-bottom:1px solid var(--pek-line)}
.pek-intent-inner{width:min(var(--pek-page),calc(100% - 80px));margin:auto;padding:27px 0 30px}
.pek-intent-head{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:17px}
.pek-intent-head strong{font-family:var(--pek-serif);font-size:23px;font-weight:700;letter-spacing:-.012em}.pek-intent-head span{color:var(--pek-muted);font-size:12px}
.pek-intent-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--pek-line);border-bottom:1px solid var(--pek-line)}
.pek-intent-card{position:relative;display:block;min-height:96px;padding:18px 22px 16px 4px;background:transparent!important;border:0!important;border-radius:0!important;text-decoration:none}
.pek-intent-card+.pek-intent-card{padding-left:22px;border-left:1px solid var(--pek-line)!important}
.pek-intent-card::after{content:"→";position:absolute;right:8px;top:20px;color:var(--pek-orange);font-size:19px;line-height:1}
.pek-intent-card:hover strong{color:var(--pek-orange-dark)}
.pek-intent-icon{display:none!important}
.pek-intent-card strong{display:block;padding-right:28px;font-family:var(--pek-sans);font-size:16px;font-weight:750;line-height:1.25;letter-spacing:0}
.pek-intent-card small{display:block;max-width:250px;margin-top:5px;color:var(--pek-muted);font-size:12px;line-height:1.42}

/* HOMEPAGE EDITORIAL CONTENT: one dominant story, clean side rail. */
.editorial-section{padding-top:64px;padding-bottom:20px}
.editorial-grid{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(420px,.78fr);gap:40px;align-items:start}
.lead-story,.compact-story,.topic-card,.recommend-panel,.content-card,.article-card,.search-result{background:transparent;border:0;box-shadow:none}
.lead-story{overflow:visible;border-radius:0}
.lead-media{display:block;aspect-ratio:16/9;overflow:hidden;background:#e9e0d7;border-radius:7px}
.lead-media img,.compact-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.lead-story:hover .lead-media img,.compact-story:hover .compact-media img{transform:scale(1.012)}
.lead-copy{padding:20px 0 0}
.lead-copy h3{margin:7px 0 10px;max-width:850px;font-family:var(--pek-serif);font-size:clamp(28px,2.05vw,35px);font-weight:700;line-height:1.14;letter-spacing:-.01em}.lead-copy h3 a,.compact-story h3 a{text-decoration:none}
.lead-copy p{max-width:760px;margin:0 0 13px;color:var(--pek-muted);font-size:14.5px}
.secondary-stories{display:grid;gap:0;border-top:1px solid var(--pek-line)}
.compact-story{display:grid;grid-template-columns:128px minmax(0,1fr);gap:16px;align-items:center;padding:15px 0;border-bottom:1px solid var(--pek-line);border-radius:0;min-width:0;overflow:hidden}.compact-story>div{min-width:0;overflow:hidden}
.compact-media{position:relative!important;inset:auto!important;display:block!important;width:128px!important;min-width:128px!important;max-width:128px!important;aspect-ratio:4/3!important;overflow:hidden!important;background:#e9e0d7;border-radius:4px}
.compact-story h3{position:static!important;inset:auto!important;margin:0 0 6px!important;max-width:100%!important;font-family:var(--pek-serif);font-size:17px!important;font-weight:700;line-height:1.22!important;letter-spacing:0;overflow:hidden;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.compact-story p{margin:0 0 6px;color:var(--pek-muted);font-size:11.75px;line-height:1.45;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.compact-story .text-link{font-size:10.8px}

/* TOPICS: compact editorial knowledge map. */
.topics{padding-top:18px;padding-bottom:46px}
.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--pek-line);border-bottom:1px solid var(--pek-line);counter-reset:pek-topic}
.topic-card{position:relative;display:block;min-height:106px;padding:16px 28px 15px 0!important;text-decoration:none;border:0!important;border-bottom:1px solid var(--pek-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--pek-ink)!important;transition:background-color .16s ease}
.topic-card:nth-child(3n+2),.topic-card:nth-child(3n+3){padding-left:30px!important;border-left:1px solid var(--pek-line)!important}
.topic-card:nth-last-child(-n+3){border-bottom:0!important}
.topic-card::before{content:counter(pek-topic,decimal-leading-zero);counter-increment:pek-topic;display:block;margin-bottom:8px;color:var(--pek-orange-dark);font-size:9.5px;font-weight:850;letter-spacing:.12em}
.topic-card:hover{background:#fbf7f2}
.topic-icon{display:none!important}
.topic-copy{display:flex;flex-direction:column;height:100%}
.topic-copy strong{max-width:330px;color:var(--pek-ink)!important;font-family:var(--pek-serif);font-size:18px;font-weight:700;line-height:1.16;letter-spacing:-.004em}
.topic-copy>span{max-width:320px;margin:6px 0 0;color:var(--pek-muted);font-size:12px;line-height:1.44}
.topic-copy em{display:inline-flex;align-items:center;gap:7px;margin-top:16px;color:var(--pek-orange-dark);font-style:normal;font-size:10.5px;font-weight:800;line-height:1.3}
.topic-copy em::after{content:"→";font-size:12px;line-height:1}

/* Academy / recommendations: stronger brand signature, clearer CTA. */
.academy{display:grid;grid-template-columns:1.08fr .92fr;gap:24px}
.academy-panel{position:relative;min-height:330px;padding:44px;background:linear-gradient(180deg,#241d18 0%,#1f1814 100%);color:#fff;border-radius:6px;overflow:hidden;box-shadow:none}
.academy-panel::before{content:"";position:absolute;right:-72px;bottom:-92px;width:340px;height:340px;border-radius:50%;background:repeating-radial-gradient(circle at center,rgba(255,255,255,.075) 0 1px,transparent 1px 26px);opacity:.45}
.academy-panel::after{content:"";position:absolute;left:44px;bottom:42px;width:170px;height:58px;background:linear-gradient(90deg,rgba(217,75,27,.34),rgba(217,75,27,0));opacity:.32;filter:blur(16px)}
.academy-panel .eyebrow{color:#f0ab89}
.academy-copy{position:relative;z-index:1;max-width:600px}
.academy-copy h2{margin:11px 0 16px;font-family:var(--pek-serif);font-size:clamp(38px,3.4vw,50px);font-weight:700;line-height:1.03;letter-spacing:-.02em}
.academy-copy p{max-width:520px;color:#ddd3cc;font-size:15.5px;line-height:1.6}
.academy-panel .btn.light{margin-top:14px;background:var(--pek-orange);border-color:var(--pek-orange);color:#fff;box-shadow:none}
.academy-panel .btn.light:hover{background:#c74418;border-color:#c74418}
.recommend-panel{padding:32px 30px;border:1px solid var(--pek-line);border-radius:6px;background:var(--pek-surface)}
.recommend-panel h2{margin:7px 0 14px;font-family:var(--pek-serif);font-size:30px;font-weight:650;line-height:1.04}
.recommend-item{display:flex;justify-content:space-between;gap:18px;padding:15px 0;border-top:1px solid var(--pek-line);text-decoration:none;line-height:1.35}
.recommend-item small{display:block;margin-bottom:4px;color:var(--pek-orange-dark);font-size:9px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.recommend-item b{color:var(--pek-orange);font-size:18px;line-height:1}
.recommend-item:hover span{text-decoration:underline;text-decoration-color:#c9a18c}

/* TRUST BAND: compact proof of method, not oversized cards. */
.proof{display:grid;grid-template-columns:repeat(3,1fr);margin:0 0 60px;border-top:1px solid var(--pek-line);border-bottom:1px solid var(--pek-line);background:transparent;border-radius:0}
.proof>div{padding:18px 30px 19px;border-left:1px solid var(--pek-line)}
.proof>div:first-child{border-left:0}
.proof strong{display:block;margin-bottom:4px;font-family:var(--pek-serif);font-size:18px;font-weight:650;line-height:1.2}
.proof span{display:block;max-width:320px;color:var(--pek-muted);font-size:12px;line-height:1.45}

/* ARTICLES 3.4: calm professional reading experience. */
.article-shell{width:min(1240px,calc(100% - 72px))!important;max-width:none!important;padding-top:24px;padding-bottom:94px}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin:8px 0 30px;color:#867a71;font-family:var(--pek-sans);font-size:11px;line-height:1.4}.breadcrumbs a{text-decoration:none}.breadcrumbs a:hover{color:var(--pek-orange-dark)}
.article-header{max-width:940px;margin:0 auto 30px}.article-header .eyebrow{margin-bottom:3px}.article-header h1{margin:8px 0 17px;font-family:var(--pek-serif);font-size:clamp(40px,3.75vw,54px);font-weight:700;line-height:1.075;letter-spacing:-.014em;text-wrap:balance}.article-deck{max-width:830px;margin:0 0 19px;color:var(--pek-ink-soft);font-family:var(--pek-sans);font-size:18px;line-height:1.62;text-wrap:pretty}.byline{display:flex;flex-wrap:wrap;gap:7px 17px;align-items:center;padding-top:13px;border-top:1px solid var(--pek-line);color:var(--pek-muted);font-family:var(--pek-sans);font-size:11.5px;line-height:1.4}.byline a{color:var(--pek-ink);font-weight:780;text-decoration:none}.byline a:hover{color:var(--pek-orange-dark)}
.article-hero{max-width:1120px;margin:28px auto 46px}.article-hero::after{content:none!important}.article-hero img{display:block;width:100%;height:auto;background:#e9e0d7;border:0!important;border-radius:5px!important;box-shadow:none}.article-hero figcaption{max-width:900px;margin:8px auto 0;color:var(--pek-muted);font-family:var(--pek-sans);font-size:11.5px;line-height:1.45}
.article-shell>article,.article-shell .article-body,.article-shell .prose,.article-shell .content-body{max-width:780px;margin-inline:auto;font-family:var(--pek-sans)!important;font-size:17.25px!important;line-height:1.74!important;color:#302b27}.article-shell h2{margin:50px 0 17px;font-family:var(--pek-serif);font-size:clamp(27px,2.15vw,32px);font-weight:700;line-height:1.18;letter-spacing:-.004em;text-wrap:balance}.article-shell h3{margin:34px 0 11px;font-family:var(--pek-serif);font-size:22px;font-weight:700;line-height:1.25;letter-spacing:0;text-wrap:balance}.article-shell h4{margin:27px 0 8px;font-family:var(--pek-sans);font-size:16px;font-weight:780;line-height:1.35}.article-shell p{margin-block:0 19px;font-family:var(--pek-sans)!important}.article-shell :where(p,li){color:#342f2b;font-family:var(--pek-sans)!important}.article-shell :where(p,li) a{color:#8f3216;text-decoration-thickness:1px;text-decoration-color:#d9a58f;text-underline-offset:.18em}.article-shell :where(p,li) a:hover{color:var(--pek-orange-dark);text-decoration-color:currentColor}.article-shell ul,.article-shell ol{padding-left:1.42em;margin:0 0 24px}.article-shell li{padding-left:.18em;margin:.43em 0}.article-shell li::marker{color:#8a5d48}.article-shell hr{margin:42px 0;border:0;border-top:1px solid var(--pek-line)}
.article-shell blockquote{margin:31px 0;padding:18px 0 18px 22px;border:0;border-left:3px solid var(--pek-orange);background:transparent;color:#493f39;font-family:var(--pek-serif);font-size:19px;line-height:1.55}.article-shell blockquote p:last-child{margin-bottom:0}
.article-shell table{width:100%;margin:30px 0 34px;border-collapse:collapse;background:transparent;border-top:2px solid var(--pek-ink);font-family:var(--pek-sans);font-size:13.5px;line-height:1.45}.article-shell th,.article-shell td{padding:12px 12px;border-bottom:1px solid var(--pek-line);text-align:left;vertical-align:top}.article-shell th{background:transparent;color:var(--pek-ink);font-size:10.5px;font-weight:800;letter-spacing:.055em;text-transform:uppercase}.article-shell tbody tr:hover{background:#faf7f2}
.article-shell :where(.quick-answer,.tldr,.article-summary,.key-takeaways){margin:30px 0 38px;padding:22px 25px 23px;background:#fbf7f2;border:0!important;border-left:3px solid var(--pek-orange)!important;border-radius:0!important;box-shadow:none!important}.article-shell :where(.quick-answer,.tldr,.article-summary,.key-takeaways)::before{content:none!important}.article-shell :where(.quick-answer,.tldr,.article-summary,.key-takeaways) :is(h2,h3){margin-top:0!important}.article-shell :where(.expert-note,.practical,.glossary,.faq){margin:30px 0;padding:21px 23px;background:#fff;border:1px solid var(--pek-line);border-radius:4px;box-shadow:none}
.article-shell details{margin:9px 0;padding:0 15px;background:transparent;border:0;border-top:1px solid var(--pek-line);border-radius:0}.article-shell details:last-child{border-bottom:1px solid var(--pek-line)}.article-shell summary{padding:14px 0;font-family:var(--pek-sans);font-weight:760;line-height:1.4;cursor:pointer}.article-shell details[open] summary{color:var(--pek-orange-dark)}
.article-shell figure:not(.article-hero){margin:34px 0 38px}.article-shell figure:not(.article-hero) img{display:block;width:100%;height:auto;border-radius:4px;box-shadow:none}.article-shell figcaption{margin-top:8px;color:var(--pek-muted);font-family:var(--pek-sans);font-size:11.5px;line-height:1.45}

/* ARTICLE SIDE RAIL 3.4: navigation, not a competing card. */
:where(.article-sidebar,.article-aside){position:sticky;top:92px;padding:15px 0 18px 20px!important;background:transparent!important;border:0!important;border-left:1px solid var(--pek-line)!important;border-radius:0!important;box-shadow:none!important;font-family:var(--pek-sans)!important;color:var(--pek-ink-soft)}
:where(.article-sidebar,.article-aside) :is(h2,h3){margin:0 0 12px!important;font-family:var(--pek-serif);font-size:19px!important;font-weight:700!important;line-height:1.2!important;letter-spacing:0!important}
.article-shell :where(.article-toc,.toc,.in-this-article,.article-sidebar nav,.article-aside nav){font-family:var(--pek-sans)!important;font-size:12.5px;line-height:1.42}
.article-shell :where(.article-toc,.toc,.in-this-article,.article-sidebar nav,.article-aside nav) a{display:block;margin:0;padding:7px 8px 7px 11px;border:0!important;border-left:2px solid transparent!important;color:#6b625b;text-decoration:none;overflow-wrap:anywhere;transition:color .14s ease,border-color .14s ease,background-color .14s ease}
.article-shell :where(.article-toc,.toc,.in-this-article,.article-sidebar nav,.article-aside nav) a+a{margin-top:2px}.article-shell :where(.article-toc,.toc,.in-this-article,.article-sidebar nav,.article-aside nav) a:hover{color:var(--pek-orange-dark);background:#faf6f1}.article-shell :where(.article-toc,.toc,.in-this-article,.article-sidebar nav,.article-aside nav) a:is(.is-active,[aria-current="location"]){border-left-color:var(--pek-orange)!important;background:#fbf6f1;color:var(--pek-ink);font-weight:720}
:where(.article-sidebar,.article-aside) :where(p,li,a){font-family:var(--pek-sans)!important;font-size:12.5px!important;line-height:1.42!important}

/* DIAGNOSTICS 3.4: symptom -> cause -> solution. */
.diagnostics{margin:52px 0!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important}.diagnostics>.eyebrow{margin-bottom:8px}.diagnostics>h2{margin-top:0!important;margin-bottom:22px!important}.diagnostic-grid{display:grid;gap:13px}.diagnostic-card{padding:21px 23px 22px;background:var(--pek-surface);border:1px solid var(--pek-line);border-left:3px solid var(--pek-orange);border-radius:3px;box-shadow:none}.diagnostic-card h3{margin:0 0 11px!important;font-size:21px!important;line-height:1.28!important}.diagnostic-card p{margin:7px 0 0!important;font-family:var(--pek-sans)!important;font-size:15.5px;line-height:1.62}.diagnostic-card p strong{color:var(--pek-ink);font-weight:760}.diagnostic-card .diagnostic-solution{margin-top:13px!important;padding-top:12px;border-top:1px solid #e8e1da;color:#304a3a}.diagnostic-card .diagnostic-solution strong{color:var(--pek-success)}

/* CATEGORY / SEARCH. */
.category-header,.archive-header,.search-header{padding:52px 0 26px}.category-header h1,.archive-header h1,.search-header h1{max-width:900px;font-family:var(--pek-serif);font-size:clamp(40px,3.8vw,54px);font-weight:700;line-height:1.08;letter-spacing:-.014em}.card-grid,.article-grid,.content-grid,.search-results{gap:24px}.content-card,.article-card,.search-result{overflow:hidden;background:transparent;border:0;border-radius:0;box-shadow:none}.content-card img,.article-card img{display:block;width:100%;object-fit:cover;border-radius:6px}.search-result{padding:20px 0;border-top:1px solid var(--pek-line)}.search-result h2,.search-result h3{font-family:var(--pek-serif);font-weight:650}

/* CALCULATORS: tool first, mature visual language. Renderer owns placement/math. */
body #pekis-cake-converter,body [data-pekis-cake-converter]{width:min(1240px,calc(100% - 80px))!important;max-width:none!important;margin:26px auto 42px!important;padding:30px!important;background:#fff!important;border:1px solid var(--pek-line)!important;border-radius:4px!important;box-shadow:none!important}
body #pekis-cake-converter .cc-grid{display:grid!important;grid-template-columns:minmax(0,1.16fr) minmax(340px,.84fr)!important;gap:28px!important;align-items:start!important}
body #pekis-cake-converter :where(input,select){min-height:44px!important;border:1px solid var(--pek-line-strong)!important;border-radius:4px!important;background:#fff!important;box-shadow:none!important}
body #pekis-cake-converter :where(input,select):focus{border-color:#b78f78!important;box-shadow:var(--pek-focus)!important;outline:0!important}
body #pekis-cake-converter .cc-card{border:1px solid var(--pek-line)!important;border-radius:4px!important;background:#fff!important;box-shadow:none!important}
body #pekis-cake-converter .cc-btn{border-radius:4px!important;font-weight:750!important}.pek-calc-results{position:sticky;top:94px}.pek-calc-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0 0 22px;border-top:1px solid var(--pek-line);border-bottom:1px solid var(--pek-line)}.pek-calc-flow-step{display:flex;align-items:center;gap:10px;min-height:48px;padding:8px 12px;color:var(--pek-muted);font-size:11px}.pek-calc-flow-step+.pek-calc-flow-step{border-left:1px solid var(--pek-line)}.pek-calc-flow-step b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--pek-orange);color:#fff;font-size:10px}.pek-more-tools{width:min(1240px,calc(100% - 80px));margin:-20px auto 52px;padding:19px 0;border-top:1px solid var(--pek-line);display:flex;align-items:center;justify-content:space-between;gap:20px}.pek-more-tools-copy strong{display:block;font-family:var(--pek-serif);font-size:20px;font-weight:650}.pek-more-tools-copy span{display:block;margin-top:2px;color:var(--pek-muted);font-size:12px}

/* FOOTER. */
.site-footer{margin-top:20px;background:#211b17;color:#eee7e0;border-top:1px solid #2f2722}.footer-grid{display:grid;grid-template-columns:1.35fr .8fr .8fr;gap:74px;padding-block:62px}.footer-brand strong{color:#fff}.footer-brand small{color:#b9aaa0}.footer-grid p{max-width:430px;color:#beb2a9}.footer-grid h2{margin:0 0 13px;color:#d8c7bc;font-size:10px;letter-spacing:.14em;text-transform:uppercase}.footer-grid>div>a:not(.brand){display:block;padding:5px 0;color:#d1c6be;text-decoration:none;font-size:12.5px}.footer-grid>div>a:hover{color:#fff}.copyright{padding-block:17px;border-top:1px solid #302923;color:#8e8179;font-size:10.5px}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.lead-media img,.compact-media img{transition:none!important}.btn:hover{transform:none}}

@media(max-width:1240px){
  .shell,.pek-intent-inner{width:min(1180px,calc(100% - 48px))!important}
  .hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(410px,.95fr);gap:48px}
  .hero-copy h1{font-size:clamp(50px,5.4vw,70px)}
  .primary-nav a{padding-inline:7px;font-size:12px}.header-inner{gap:14px}.header-search{min-width:165px}
}

@media(max-width:960px){
  .shell,.pek-intent-inner,.article-shell,body #pekis-cake-converter,.pek-more-tools{width:min(100% - 40px,900px)!important}
  .header-inner{position:relative;min-height:66px;flex-wrap:nowrap;padding-block:0}
  .brand strong{font-size:27px}.menu-toggle{margin-left:auto}
  .header-search{display:none!important}
  .primary-nav{position:absolute;left:0;right:0;top:100%;z-index:20;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:10px 20px 14px;background:var(--pek-surface);border-top:1px solid var(--pek-line);border-bottom:1px solid var(--pek-line);box-shadow:0 18px 30px rgba(25,19,15,.09)}
  .primary-nav[hidden],.menu-toggle[aria-expanded="false"] ~ .primary-nav{display:none!important}
  .menu-toggle[aria-expanded="true"] ~ .primary-nav{display:grid!important}
  .primary-nav a{min-height:44px;padding:12px 8px;border-bottom:1px solid #eee8e1;font-size:13px;text-align:left}.primary-nav a:nth-last-child(-n+2){border-bottom:0}.primary-nav a[aria-current="page"]::after{left:8px;right:auto;bottom:8px;width:28px}
  .hero-grid{min-height:0;padding-block:50px;grid-template-columns:1fr;gap:34px}.hero-copy{max-width:800px}.hero-copy h1{max-width:800px;font-size:clamp(48px,8vw,68px)}.hero-media{max-width:800px;width:100%;aspect-ratio:16/9}
  .pek-intent-grid{grid-template-columns:repeat(2,1fr)}.pek-intent-card:nth-child(3){border-left:0!important;border-top:1px solid var(--pek-line)!important;padding-left:4px}.pek-intent-card:nth-child(4){border-top:1px solid var(--pek-line)!important}
  .editorial-grid{grid-template-columns:1fr}.secondary-stories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;border:0}.compact-story{display:block;padding:0;border:0}.compact-media{width:100%!important;min-width:0!important;max-width:none!important;margin-bottom:11px}.compact-story h3{font-size:19px}
  .academy{grid-template-columns:1fr}.proof{grid-template-columns:1fr}.proof>div{border-left:0;border-top:1px solid var(--pek-line);padding:16px 0}.proof>div:first-child{border-top:0}
  :where(.article-sidebar,.article-aside){position:static;top:auto;padding:18px 0 0!important;border-left:0!important;border-top:1px solid var(--pek-line)!important}
  .topic-grid{grid-template-columns:repeat(2,1fr)}.topic-card:nth-child(3n+2),.topic-card:nth-child(3n+3){padding-left:0;border-left:0}.topic-card:nth-child(even){padding-left:24px!important;border-left:1px solid var(--pek-line)!important}.topic-card:nth-last-child(-n+3){border-bottom:1px solid var(--pek-line)!important}.topic-card:nth-last-child(-n+2){border-bottom:0!important}
  body #pekis-cake-converter .cc-grid{grid-template-columns:1fr!important}.pek-calc-results{position:static}.pek-more-tools{align-items:flex-start;flex-direction:column}
  .footer-grid{grid-template-columns:1.2fr 1fr;gap:36px}.footer-grid>div:first-child{grid-column:1/-1}
}

@media(max-width:680px){
  body{font-size:16px}
  .shell,.pek-intent-inner,.article-shell,body #pekis-cake-converter,.pek-more-tools{width:calc(100% - 28px)!important}
  .site-header{backdrop-filter:none;-webkit-backdrop-filter:none}.header-inner{min-height:64px}.brand strong{font-size:25px}.brand small{font-size:8px}
  .primary-nav{grid-template-columns:repeat(2,minmax(0,1fr));padding:8px 14px 11px}.primary-nav a{min-height:42px;padding:11px 8px;font-size:12.5px}.primary-nav a:nth-last-child(-n+2){border-bottom:0}.primary-nav a:last-child{border-bottom:0}.primary-nav a[aria-current="page"]::after{bottom:6px;left:8px}
  .section{padding-block:46px}.section-heading{display:block;margin-bottom:23px}.section-heading h2{font-size:clamp(29px,8vw,37px);line-height:1.12}.section-link{display:inline-block;margin-top:10px}
  .hero-grid{padding-block:38px;gap:27px}.hero-copy h1{font-size:clamp(38px,10.8vw,48px);line-height:1.07}.hero-lead{font-size:16px;line-height:1.58}.hero-actions{margin-top:22px}.hero-actions .btn{flex:1 1 auto}.hero-media{aspect-ratio:4/3;border-radius:6px}.trust-row{grid-template-columns:1fr;margin-top:25px}.trust-row>div,.trust-row>div+div{padding:11px 0;border-left:0!important;border-top:1px solid rgba(23,20,17,.12)!important}.trust-row>div:first-child{border-top:0!important}
  .pek-intent-inner{padding:23px 0 25px}.pek-intent-head{display:block}.pek-intent-head strong{font-size:22px}.pek-intent-head span{display:block;margin-top:3px}.pek-intent-grid{grid-template-columns:1fr}.pek-intent-card,.pek-intent-card+.pek-intent-card,.pek-intent-card:nth-child(3),.pek-intent-card:nth-child(4){min-height:76px;padding:14px 30px 13px 0!important;border-left:0!important;border-top:1px solid var(--pek-line)!important}.pek-intent-card:first-child{border-top:0!important}.pek-intent-card strong{font-size:18px}.pek-intent-card small{margin-top:5px}
  .editorial-section{padding-top:58px}.lead-copy h3{font-size:29px}.secondary-stories{grid-template-columns:1fr;gap:0;border-top:1px solid var(--pek-line)}.compact-story{display:grid;grid-template-columns:100px minmax(0,1fr);gap:13px;padding:14px 0;border-bottom:1px solid var(--pek-line)}.compact-media{width:100px!important;min-width:100px!important;max-width:100px!important;margin:0}.compact-story p{display:none}
  .topic-grid{grid-template-columns:1fr}.topic-card,.topic-card:nth-child(even),.topic-card:nth-child(3n+2),.topic-card:nth-child(3n+3){min-height:0;padding:16px 0!important;border-left:0!important;border-bottom:1px solid var(--pek-line)!important}.topic-card:nth-last-child(-n+3){border-bottom:1px solid var(--pek-line)!important}.topic-card:last-child{border-bottom:0!important}.topic-copy strong{font-size:21px}.topic-card::before{margin-bottom:10px}
  .academy-panel{min-height:312px;padding:29px 24px}.academy-panel::before{right:-110px;bottom:-120px;width:280px;height:280px}.academy-copy h2{font-size:40px}.academy-copy p{font-size:15px}.recommend-panel{padding:24px 20px}.recommend-panel h2{font-size:28px}.recommend-item{padding:13px 0}.recommend-item b{font-size:16px}
  .article-shell{padding-top:10px;padding-bottom:64px}.breadcrumbs{margin-bottom:24px}.article-header{margin-bottom:24px}.article-header h1{font-size:clamp(34px,9.4vw,43px);line-height:1.095}.article-deck{font-size:16.5px;line-height:1.58}.article-hero{margin:23px auto 33px}.article-hero img{border-radius:4px!important}.article-shell>article,.article-shell .article-body,.article-shell .prose,.article-shell .content-body{font-size:16.5px!important;line-height:1.7!important}.article-shell h2{margin-top:39px;font-size:clamp(26px,7.2vw,31px)}.article-shell h3{margin-top:29px;font-size:21px}.article-shell table{display:block;overflow-x:auto;font-size:13px}.article-shell :where(.quick-answer,.tldr,.article-summary,.key-takeaways){margin:24px 0 31px;padding:19px 18px}.article-shell :where(.expert-note,.practical,.glossary,.faq){padding:18px}.diagnostics{margin:40px 0!important}.diagnostic-card{padding:19px 18px 20px}.diagnostic-card h3{font-size:20px!important}.diagnostic-card p{font-size:15px}
  body #pekis-cake-converter{margin:20px auto 32px!important;padding:16px!important;border-radius:6px!important}body #pekis-cake-converter input,body #pekis-cake-converter select{font-size:16px!important}.pek-calc-flow{grid-template-columns:1fr;border-bottom:0}.pek-calc-flow-step{border-bottom:1px solid var(--pek-line)}.pek-calc-flow-step+.pek-calc-flow-step{border-left:0}.pek-more-tools{margin-bottom:34px;padding-inline:0}
  .footer-grid{grid-template-columns:1fr;gap:28px;padding-block:43px}.footer-grid>div:first-child{grid-column:auto}
}

@media(max-width:420px){.hero-actions .btn{width:100%}.compact-story{grid-template-columns:92px 1fr}.compact-media{width:92px!important;min-width:92px!important;max-width:92px!important}.lead-copy h3{font-size:28px}}


/* KNOWLEDGE ARCHITECTURE v1.0
   Hierarchy is intentionally quieter than article cards: hubs are navigation,
   not decorative modules. */
.pek-secondary-hubs{display:flex;align-items:center;flex-wrap:wrap;gap:10px 22px;padding:25px 0 4px;border-top:1px solid var(--pek-line);margin-top:4px}
.pek-secondary-label{color:var(--pek-faint);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-right:4px}
.pek-secondary-hubs a{position:relative;color:var(--pek-ink-soft);font-size:13px;font-weight:700;text-decoration:none}
.pek-secondary-hubs a:hover{color:var(--pek-orange-dark)}
.pek-secondary-hubs a+a::before{content:"";position:absolute;left:-12px;top:50%;width:3px;height:3px;border-radius:50%;background:var(--pek-line-strong);transform:translateY(-50%)}

.pek-hub-children{width:min(var(--pek-page),calc(100% - 80px));margin:0 auto 42px;padding:24px 0 26px;border-top:1px solid var(--pek-line);border-bottom:1px solid var(--pek-line)}
.pek-hub-children-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:16px}
.pek-hub-children-head strong{font-family:var(--pek-serif);font-size:23px;font-weight:650;letter-spacing:-.02em}
.pek-hub-children-head span{color:var(--pek-muted);font-size:12px}
.pek-hub-children-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 24px}
.pek-hub-child{display:flex;align-items:center;min-height:46px;padding:9px 22px 9px 0;border-top:1px solid #e9e2da;color:var(--pek-ink);font-size:12.5px;font-weight:700;line-height:1.3;text-decoration:none}
.pek-hub-child::after{content:"→";margin-left:auto;color:var(--pek-orange);font-size:12px;transform:translateX(0);transition:transform .16s ease}
.pek-hub-child:hover{color:var(--pek-orange-dark)}
.pek-hub-child:hover::after{transform:translateX(3px)}

@media(max-width:960px){
  .pek-hub-children{width:min(100% - 40px,900px)}
  .pek-hub-children-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
  .pek-secondary-hubs{display:grid;grid-template-columns:1fr;padding-top:18px;gap:0}
  .pek-secondary-label{margin-bottom:6px}
  .pek-secondary-hubs a{padding:9px 0;border-top:1px solid var(--pek-line);font-size:12.5px}
  .pek-secondary-hubs a+a::before{display:none}
  .pek-hub-children{width:calc(100% - 28px);margin-bottom:30px;padding:18px 0 20px}
  .pek-hub-children-head{display:block;margin-bottom:10px}.pek-hub-children-head strong{font-size:21px}.pek-hub-children-head span{display:block;margin-top:3px}
  .pek-hub-children-grid{grid-template-columns:1fr}
  .pek-hub-child{min-height:43px;font-size:12.5px}
}


/* Form controls: readable and consistent across public tools/forms. */
:where(input,select,textarea,button){font-family:var(--pek-sans)}

@media(max-width:680px){
  .diagnostics{margin:42px 0!important}
  .diagnostic-card{padding:21px 20px}
  .diagnostic-card h3{font-size:20px!important}
  .diagnostic-card p{font-size:15px}
}

/* v3.5 MOBILE ARTICLE WIDTH INTEGRITY
   Legacy article templates may carry a fixed/min-width on the prose column.
   These rules establish a real shrinkable reading column instead of clipping it. */
.article-shell,
.article-shell > *,
.article-shell :where(article,.article-body,.prose,.content-body){min-width:0}
.article-shell > article,
.article-shell .article-body,
.article-shell .prose,
.article-shell .content-body{width:100%!important;max-width:780px!important}
.article-shell :where(.quick-answer,.tldr,.article-summary,.key-takeaways,.expert-note,.practical,.glossary,.faq,.diagnostics,.diagnostic-card,blockquote,figure,details,table){min-width:0;max-width:100%}
.article-shell :where(p,li,td,th,figcaption,summary){overflow-wrap:break-word;word-break:normal}
.article-shell :where(pre,code){max-width:100%}
.article-shell pre{overflow-x:auto;-webkit-overflow-scrolling:touch}

@media(max-width:680px){
  .article-shell{width:calc(100% - 28px)!important;max-width:calc(100% - 28px)!important;margin-inline:auto!important;overflow-x:visible}
  .article-shell > *,
  .article-shell :where(article,.article-body,.prose,.content-body){width:100%!important;max-width:100%!important;min-width:0!important}
  .article-shell :where(.quick-answer,.tldr,.article-summary,.key-takeaways,.expert-note,.practical,.glossary,.faq,.diagnostics,.diagnostic-card,blockquote,figure,details){width:100%!important;max-width:100%!important;min-width:0!important;margin-left:0!important;margin-right:0!important}
  .article-shell :where(.quick-answer,.tldr,.article-summary,.key-takeaways){padding-left:17px!important;padding-right:15px!important}
  .article-shell :where(ul,ol){max-width:100%;padding-right:0}
  .article-shell table{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .article-shell img{height:auto;max-width:100%!important}
}

/* EDITORIAL PRESENTATION 1.0 — anti-template module hierarchy. */
.article-shell :where(.quick-answer,.tldr,.article-summary,.key-takeaways)>.eyebrow,
.article-shell :where(.glossary,.faq,.diagnostics)>.eyebrow{
  margin-bottom:8px;
}
.article-shell :where(.quick-answer,.tldr,.article-summary,.key-takeaways)>.module-title,
.article-shell :where(.quick-answer,.tldr,.article-summary,.key-takeaways)>h2{
  margin:0 0 14px!important;
  max-width:680px;
  font-family:var(--pek-serif)!important;
  font-size:clamp(23px,2vw,28px)!important;
  line-height:1.18!important;
  letter-spacing:-.004em!important;
}
.article-shell :where(.glossary,.faq)>.eyebrow+ h2,
.article-shell :where(.diagnostics)>.eyebrow+ h2{
  margin-top:0!important;
}
.article-shell :where(.glossary,.faq){
  border-radius:3px;
}
.article-shell :where(.glossary,.faq)>h2{
  font-size:clamp(25px,2.1vw,30px)!important;
}

@media(max-width:680px){
  .article-shell :where(.quick-answer,.tldr,.article-summary,.key-takeaways)>.module-title,
  .article-shell :where(.quick-answer,.tldr,.article-summary,.key-takeaways)>h2{
    font-size:24px!important;
    line-height:1.2!important;
  }
  .article-shell :where(.glossary,.faq)>h2{font-size:25px!important}
}