:root{--cream:#fff4d7;--paper:#fffaf0;--cocoa:#3b3027;--muted:#746357;--terra:#ba4f33;--peach:#efc3ad;--sky:#b0d6e8;--lav:#c7b3db;--mint:#7b9e82;--line:rgba(59,48,39,.17);--shell:min(91vw,1180px);--radius:clamp(24px,3vw,46px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--cocoa);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}a{color:inherit}img{display:block;max-width:100%}p,li{line-height:1.72}::selection{background:var(--terra);color:#fff}.shell{width:var(--shell);margin-inline:auto}.skip-link{position:fixed;z-index:1000;left:1rem;top:-5rem;padding:.8rem 1rem;background:var(--cocoa);color:#fff;border-radius:1rem}.skip-link:focus{top:1rem}
.site-header{position:sticky;z-index:50;top:0;background:rgba(255,244,215,.9);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.site-header .shell{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-weight:800}.brand img{width:42px;height:42px;object-fit:cover;border-radius:13px}.site-header nav{display:flex;align-items:center;gap:24px;font-size:.72rem;font-weight:800}.site-header nav a{text-decoration:none}.portfolio-return{color:var(--terra)}.nav-cta,.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:999px;background:var(--cocoa);color:#fff;text-decoration:none;font-weight:800}.nav-cta{min-height:42px}.breadcrumb{padding-block:25px}.breadcrumb ol{display:flex;flex-wrap:wrap;gap:9px;padding:0;margin:0;list-style:none;color:var(--muted);font-size:.7rem}.breadcrumb a{text-underline-offset:4px}
.eyebrow{margin:0 0 18px;color:var(--terra);font-size:.68rem;font-weight:850;letter-spacing:.17em;text-transform:uppercase}.hub-hero{position:relative;padding:clamp(70px,10vw,145px) 0 clamp(55px,8vw,105px);border-bottom:1px solid var(--line)}.hub-hero:after{content:"♪";position:absolute;right:2%;top:16%;display:grid;place-items:center;width:clamp(100px,15vw,190px);aspect-ratio:1;border:1px solid var(--line);border-radius:50%;color:var(--terra);font:clamp(3rem,7vw,7rem) Georgia,serif;transform:rotate(8deg)}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.045em}.hub-hero h1,.guide-hero h1{margin:0;max-width:900px;font-size:clamp(3.5rem,8vw,7.7rem);line-height:.86}.hub-hero h1 em,.guide-hero h1 em{color:var(--terra);font-weight:400}.seo-lead{max-width:760px;margin:30px 0 0;color:var(--muted);font-size:clamp(1.02rem,1.5vw,1.25rem)}
.hub-intro{padding:65px 0 28px;display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.hub-intro h2{margin:0;font-size:clamp(2.5rem,5vw,5.2rem);line-height:.92}.hub-intro p{margin:0;color:var(--muted)}.hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;padding:30px 0 110px}.guide-card{position:relative;min-height:330px;padding:clamp(28px,4vw,48px);display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);overflow:hidden;transition:transform .22s,box-shadow .22s}.guide-card:after{content:"";position:absolute;width:180px;height:70px;right:-50px;bottom:28px;border:1px solid var(--line);border-radius:50%;transform:rotate(-14deg)}.guide-card:nth-child(4n+2){background:#f7ddcf}.guide-card:nth-child(4n+3){background:#d9ebf2}.guide-card:nth-child(4n+4){background:#e5daed}.guide-card:hover{transform:translateY(-4px);box-shadow:0 22px 60px rgba(89,59,34,.11)}.guide-card>span{font-size:.62rem;font-weight:850;letter-spacing:.15em;text-transform:uppercase}.guide-card h2{max-width:520px;margin:48px 0 12px;font-size:clamp(2.3rem,4vw,4.1rem);line-height:.91}.guide-card p{max-width:500px;margin:0;color:var(--muted)}.guide-card strong{margin-top:28px;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}
.guide-hero{padding:clamp(50px,8vw,105px) 0 clamp(65px,9vw,125px);border-bottom:1px solid var(--line)}.guide-hero>.shell{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(240px,.65fr);gap:clamp(45px,9vw,120px);align-items:end}.guide-hero h1{font-size:clamp(3.2rem,6.7vw,6.9rem)}.byline{margin:28px 0 0;color:var(--muted);font-size:.74rem}.guide-note{position:relative;padding:30px;border-radius:32px;background:var(--paper);border:1px solid var(--line)}.guide-note:before{content:"";display:block;width:100%;height:40px;margin-bottom:20px;background:repeating-linear-gradient(90deg,var(--terra) 0 4px,transparent 4px 11px);clip-path:polygon(0 45%,6% 25%,12% 62%,18% 10%,25% 78%,32% 32%,39% 60%,46% 5%,53% 72%,60% 25%,67% 58%,74% 15%,82% 75%,90% 35%,100% 55%,100% 65%,90% 45%,82% 85%,74% 25%,67% 68%,60% 35%,53% 82%,46% 15%,39% 70%,32% 42%,25% 88%,18% 20%,12% 72%,6% 35%,0 55%)}.guide-note span,.guide-note small{display:block;color:var(--muted);font-size:.7rem}.guide-note strong{display:block;margin:6px 0;font:400 2rem Georgia,serif}
.content-section{padding:70px 0 120px}.content-layout{display:grid;grid-template-columns:210px minmax(0,780px);justify-content:space-between;gap:80px}.toc{position:sticky;top:110px;align-self:start;padding-left:18px;border-left:1px solid var(--line)}.toc p{margin:0 0 16px;font-size:.62rem;font-weight:850;letter-spacing:.15em;text-transform:uppercase}.toc a{display:block;margin:12px 0;color:var(--muted);font-size:.75rem;text-decoration:none}.toc a:hover{color:var(--terra)}.article{min-width:0}.article h2{margin:75px 0 18px;font-size:clamp(2.4rem,4.5vw,4.4rem);line-height:.93}.article h3{margin:34px 0 12px;font-size:clamp(1.55rem,2.7vw,2.4rem)}.article>p,.article>ul,.article>ol{color:var(--muted)}.article li{margin:9px 0}.quick-answer{padding:32px clamp(24px,4vw,42px);border-radius:32px;background:var(--cocoa);color:#fff9eb}.quick-answer strong{font:400 clamp(1.45rem,2.5vw,2.1rem) Georgia,serif}.quick-answer p{margin:10px 0 0;color:rgba(255,249,235,.72)}.paper-list{display:grid;gap:12px;padding:0;margin:28px 0;list-style:none}.paper-list li{position:relative;margin:0;padding:20px 22px 20px 56px;border-bottom:1px solid var(--line);background:rgba(255,250,240,.55)}.paper-list li:before{content:"✦";position:absolute;left:23px;color:var(--terra)}.prompt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:30px 0}.prompt{padding:25px;border:1px solid var(--line);border-radius:25px;background:var(--paper)}.prompt b{display:block;margin-bottom:8px;font-family:Georgia,serif;font-size:1.25rem}.prompt span{color:var(--muted);font-size:.86rem;line-height:1.55}.app-callout{position:relative;margin:75px 0;padding:clamp(28px,5vw,56px);display:grid;grid-template-columns:82px 1fr;gap:25px;background:var(--sky);border-radius:var(--radius);overflow:hidden}.app-callout:after{content:"";position:absolute;right:-40px;top:-55px;width:190px;aspect-ratio:1;border:1px solid rgba(59,48,39,.2);border-radius:50%}.app-callout img{width:82px;height:82px;object-fit:cover;border-radius:24px}.app-callout h3{margin:4px 0 10px;font-size:clamp(2rem,4vw,3.8rem);line-height:.92}.app-callout p{max-width:580px}.app-callout .button{position:relative;z-index:1;margin-top:12px}.safety-note{margin:45px 0;padding:27px;border-left:5px solid var(--terra);background:#f7ddcf;color:var(--cocoa)}.safety-note p{margin:0}.source-list{padding-left:20px}.source-list a{text-underline-offset:4px}.related-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.related-card{padding:25px;border:1px solid var(--line);border-radius:25px;background:var(--paper);text-decoration:none}.related-card span,.related-card strong{display:block}.related-card span{margin-bottom:12px;color:var(--terra);font-size:.62rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.related-card strong{font:400 1.45rem Georgia,serif}.comparison-scroll{overflow-x:auto;margin:30px 0}.comparison{width:100%;border-collapse:collapse;background:var(--paper)}.comparison th,.comparison td{padding:17px;text-align:left;border:1px solid var(--line);vertical-align:top}.comparison th{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}.comparison td{color:var(--muted);font-size:.86rem}
.site-footer{background:var(--cocoa);color:#fff9eb}.site-footer>.shell{padding:55px 0 32px;display:grid;grid-template-columns:1fr auto;gap:35px 70px}.site-footer strong{font:400 1.5rem Georgia,serif}.site-footer p{max-width:570px;color:rgba(255,249,235,.62);font-size:.72rem}.site-footer nav{display:grid;gap:12px;font-size:.7rem;font-weight:750}.site-footer nav a,.site-footer nav button{padding:0;background:none;border:0;color:inherit;text-align:left;text-decoration:none;cursor:pointer}.copyright{grid-column:1/-1;padding-top:25px;border-top:1px solid rgba(255,255,255,.15)}.consent-banner{position:fixed;z-index:500;left:50%;bottom:20px;transform:translateX(-50%);width:min(92vw,820px);padding:22px;display:flex;align-items:center;justify-content:space-between;gap:28px;background:rgba(59,48,39,.97);color:#fff9eb;border:1px solid rgba(255,255,255,.2);border-radius:24px}.consent-banner[hidden]{display:none}.consent-banner h2,.consent-banner p{margin:0}.consent-banner h2{font-size:1.25rem}.consent-banner p{font-size:.72rem}.consent-label{color:var(--sky)}.consent-actions{display:flex;gap:9px}.consent-actions button{padding:11px 15px;border-radius:999px;border:1px solid rgba(255,255,255,.3);font-weight:750}.consent-secondary{background:transparent;color:#fff}.consent-primary{background:var(--cream);color:var(--cocoa)}
@media(max-width:900px){.site-header nav>a:not(.portfolio-return):not(.nav-cta){display:none}.guide-hero>.shell,.content-layout,.hub-intro{grid-template-columns:1fr}.guide-note{max-width:520px}.toc{position:static;padding:0 0 20px;border-left:0;border-bottom:1px solid var(--line)}.toc a{display:inline-block;margin:5px 18px 5px 0}.content-layout{gap:45px}.hub-hero:after{opacity:.22}.hub-grid{grid-template-columns:1fr}.guide-card{min-height:285px}}
@media(max-width:620px){:root{--shell:min(89vw,540px)}.site-header .shell{min-height:68px}.brand span{display:none}.site-header nav{gap:12px}.portfolio-return{font-size:.65rem}.nav-cta{padding-inline:14px}.guide-hero h1,.hub-hero h1{font-size:clamp(3.2rem,15vw,5rem)}.prompt-grid,.related-grid{grid-template-columns:1fr}.app-callout{grid-template-columns:1fr}.app-callout img{width:68px;height:68px}.site-footer>.shell{grid-template-columns:1fr}.consent-banner{align-items:stretch;flex-direction:column}.consent-actions button{flex:1}}
@media print{.site-header,.breadcrumb,.toc,.app-callout,.site-footer,.consent-banner{display:none!important}.content-section{padding:0}.content-layout{display:block}.article{max-width:none}.article h2{page-break-after:avoid}}