:root{--ink:#0b1210;--forest:#0d1714;--pine:#183027;--paper:#f7f2e8;--white:#fffdf7;--amber:#d7a557;--line:rgba(13,23,20,.14);--max:1120px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.7}a{color:inherit}img{max-width:100%;display:block}.shell{width:min(calc(100% - 36px),var(--max));margin:auto}.topbar{background:#08110e;color:#d9d7cc;text-align:center;padding:9px 15px;font-size:.76rem}.topbar strong{color:var(--amber)}header{background:var(--forest);color:#fff;border-bottom:1px solid rgba(255,255,255,.1)}.nav{min-height:82px;display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand img{width:50px;height:50px}.brand strong{font-family:Georgia,serif;letter-spacing:.08em}.brand small{display:block;color:#aeb8b2;text-transform:uppercase;letter-spacing:.18em;font-size:.62rem}.navlinks{display:flex;gap:22px;flex-wrap:wrap}.navlinks a{text-decoration:none;color:#d9dfdb;font-size:.86rem}.article-hero{background:#101b17;color:#fff;padding:92px 0 80px;position:relative;overflow:hidden}.article-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 90% 0,rgba(215,165,87,.18),transparent 35%);pointer-events:none}.eyebrow{color:var(--amber);text-transform:uppercase;letter-spacing:.18em;font-weight:850;font-size:.7rem}.article-hero h1{font-family:Georgia,serif;font-size:clamp(3rem,7vw,6.5rem);line-height:.98;letter-spacing:-.05em;max-width:960px;margin:16px 0 22px}.article-hero p{max-width:760px;color:#c8d1cc;font-size:1.08rem}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:68px;padding:84px 0}.article h2{font-family:Georgia,serif;font-size:clamp(2rem,4vw,3.35rem);line-height:1.08;margin:52px 0 18px;letter-spacing:-.035em}.article h2:first-child{margin-top:0}.article h3{font-family:Georgia,serif;font-size:1.55rem;margin:34px 0 10px}.article p,.article li{color:#3d4943}.article ul,.article ol{padding-left:22px}.article .lead{font-size:1.18rem;color:#1d2924}.callout{border-left:4px solid var(--amber);background:#eee4d2;padding:24px 26px;margin:30px 0}.callout strong{display:block;margin-bottom:6px}.product-edit{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:28px 0}.pick{background:#fff;border:1px solid var(--line);padding:22px;border-radius:16px;display:flex;flex-direction:column;gap:9px}.pick small{color:#8a6230;text-transform:uppercase;letter-spacing:.12em;font-weight:800;font-size:.65rem}.pick strong{font-family:Georgia,serif;font-size:1.25rem}.pick p{font-size:.84rem}.button{display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:0 17px;border-radius:999px;background:var(--forest);color:#fff;text-decoration:none;font-weight:800;font-size:.8rem;margin-top:auto}.paid{font-size:.64rem;text-transform:uppercase;letter-spacing:.1em;color:#8b7150;font-weight:800}.sidebar{align-self:start;position:sticky;top:24px}.side-card{background:#e8dfcf;border:1px solid var(--line);padding:25px;border-radius:18px;margin-bottom:16px}.side-card strong{font-family:Georgia,serif;font-size:1.3rem;display:block}.side-card a{display:block;margin-top:11px;color:#5e4a2f}.logo-lockup{background:#111b17;padding:18px;border-radius:18px}.logo-lockup img{width:100%;max-height:270px;object-fit:contain}footer{background:#08110e;color:#b8c2bc;padding:54px 0 28px}.footer-grid{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.footer-links a{color:#e7ece9}.foot-note{border-top:1px solid rgba(255,255,255,.1);padding-top:22px;margin-top:28px;font-size:.75rem}.back{display:inline-flex;margin-top:30px;color:#8a6230;font-weight:850;text-decoration:none}@media(max-width:820px){.article-layout{grid-template-columns:1fr}.sidebar{position:static}.product-edit{grid-template-columns:1fr}.nav{align-items:flex-start;padding:18px 0}.navlinks{justify-content:flex-end}.brand small{display:none}}@media(max-width:520px){.shell{width:min(calc(100% - 24px),var(--max))}.article-hero{padding:66px 0}.article-layout{padding:58px 0}.navlinks{display:none}.article-hero h1{font-size:3.25rem}}