:root{--ink:#181a17;--paper:#fff;--soft:#f3f4f0;--line:#dedfd8;--muted:#63675e;--lime:#c8f542;--page-width:480px}
*{box-sizing:border-box}html{background:#e8eae3;scroll-behavior:smooth;scroll-padding-top:116px;scroll-padding-bottom:110px}
body{max-width:var(--page-width);margin:0 auto;padding-bottom:calc(104px + env(safe-area-inset-bottom,0px));background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;box-shadow:0 0 50px #181a1710}
body.amp-page{max-width:none;background:transparent;box-shadow:none}.amp-page-shell{max-width:var(--page-width);margin-inline:auto;background:var(--paper);box-shadow:0 0 50px #181a1710}
a{color:inherit;text-decoration:none}a,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #547d00;outline-offset:4px}::selection{background:var(--lime);color:var(--ink)}
h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.12;letter-spacing:-.045em;overflow-wrap:break-word}p{line-height:1.8}svg{display:block}img{display:block;max-width:100%}
.container{width:calc(100% - 40px);margin-inline:auto;min-width:0}.section{padding-block:48px}.eyebrow{display:block;font-size:12px;font-weight:700;letter-spacing:.08em;line-height:1.6}h2{font-size:32px;font-weight:700}h2 em{font-family:Georgia,serif;font-weight:400}h3{font-size:26px}
.skip-link{position:fixed;top:-100px;left:50%;transform:translateX(-50%);background:var(--lime);padding:12px 20px;z-index:99;white-space:nowrap}.skip-link:focus{top:12px}
.topline{background:var(--ink);color:white;font-size:11px;font-weight:700;letter-spacing:.1em;padding:8px 0;text-align:center}.topline .container>span:last-child{display:none}
.site-header{position:sticky;top:0;z-index:10;background:var(--paper);border-bottom:1px solid var(--line)}.header-inner{display:flex;flex-direction:column;align-items:center;gap:8px;padding-top:13px;padding-bottom:4px}
.brand{display:flex;align-items:center;justify-content:center;gap:9px;font-size:25px;font-weight:900;letter-spacing:-1.2px;line-height:1.1}.brand-mark{width:36px;height:36px}.brand-caption{display:block;letter-spacing:1.15px;font-size:9px;font-weight:700;margin-top:5px}
.main-nav{display:flex;justify-content:center;align-items:center;gap:22px;width:100%;font-size:14px;font-weight:600}.main-nav a{display:flex;align-items:center;min-height:42px;border-bottom:2px solid transparent}.main-nav a:hover{border-color:var(--ink)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:50px;padding:13px 21px;border:1px solid var(--ink);font-size:15px;font-weight:700;line-height:1.4;transition:background .15s ease,color .15s ease}.button span{font-size:22px;line-height:1}.button-dark{background:var(--ink);color:white}.button-dark:hover{background:#3a422e}.button-outline:hover{background:var(--ink);color:white}
.hero{display:flex;flex-direction:column;gap:25px;padding-block:25px 28px}.hero-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.hero-copy>.eyebrow{display:flex;align-items:center;gap:10px;font-size:11px;width:100%}.mini-line{width:20px;height:1px;background:var(--ink);flex-shrink:0}.issue{margin-left:auto;font-size:10px;color:var(--muted);white-space:nowrap}
.hero h1{font-size:clamp(48px,12vw,64px);line-height:1;margin-top:23px;letter-spacing:-.055em;font-weight:800}.hero-brand{display:block;font-size:12px;letter-spacing:.045em;line-height:1.5;margin-bottom:17px;font-weight:700}.hero h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.065em}.hero-description{color:var(--muted);font-size:16px;margin-top:21px;line-height:1.75}.hero-button{margin-top:20px;min-width:165px}.hero-foot{display:none}
.hero-visual{position:relative;width:100%;aspect-ratio:1.12;overflow:hidden;background:#d0d0c9}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:67% center}.hero-visual amp-img.hero-photo{height:100%}.hero-visual amp-img img{object-fit:cover;object-position:67% center}.photo-tag{position:absolute;top:14px;left:14px;background:white;font-size:10px;padding:8px 10px;font-weight:700;letter-spacing:.04em}.hero-visual figcaption{position:absolute;inset:auto 0 0;display:flex;justify-content:space-between;align-items:end;gap:12px;padding:55px 16px 16px;background:linear-gradient(transparent,rgba(0,0,0,.74));color:white;font-size:19px;font-weight:700;line-height:1.15;letter-spacing:-.03em}.photo-credit{font-size:10px;font-weight:400;letter-spacing:.06em;max-width:86px;line-height:1.4;text-align:right}
.ticker{background:var(--lime);padding-block:17px}.ticker .container{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:16px;font-weight:800;letter-spacing:-.025em;line-height:1.2}.asterisk{font-size:27px;font-weight:400}.ticker .container>span:nth-child(n+4){display:none}
.section-heading{display:flex;flex-direction:column;gap:16px;margin-bottom:25px}.section-heading h2{font-size:32px;margin-top:12px}.section-heading>p{color:var(--muted);font-size:16px}.section-heading>p br{display:none}.guide-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}.guide-card{padding:23px;background:var(--soft);border:1px solid transparent;transition:border-color .15s ease}.guide-card:hover{border-color:var(--ink)}.card-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:22px}.card-top svg{width:40px;height:40px}.card-top>span{font-size:12px;letter-spacing:.03em;font-weight:700;color:var(--muted)}.guide-card h3{font-size:27px}.guide-card>p{font-size:16px;color:var(--muted);margin-top:12px;line-height:1.75}.card-link{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:14px;font-weight:700;border-top:1px solid #d4d7cb;padding-top:15px;margin-top:20px;min-height:44px}.card-link>span{font-size:22px;font-weight:400}
.journal{background:#fafbf8;border-top:1px solid var(--line)}.journal-heading h2{font-size:35px;margin-top:16px}.article-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:20px;font-size:12px;color:var(--muted)}.article-meta a{font-weight:700;color:var(--ink);text-decoration:underline;text-underline-offset:3px}.journal-intro{font-size:17px;color:#51554c;margin-top:21px;line-height:1.8}.journal-layout{display:flex;flex-direction:column;gap:35px;margin-top:30px}.toc{min-width:0}.toc nav{display:grid;grid-template-columns:minmax(0,1fr);margin-top:14px;border-top:1px solid var(--line)}.toc nav a{display:flex;align-items:center;gap:14px;font-size:14px;min-height:49px;padding:11px 0;border-bottom:1px solid var(--line)}.toc nav a>span:first-child{font-size:12px;color:var(--muted)}.toc nav a>span:last-child{margin-left:auto;font-size:18px}.toc nav a:hover{color:#4b6b0c}.toc-note{display:none}
.article-body{min-width:0}.chapter{border-bottom:1px solid var(--line);padding-bottom:32px;margin-bottom:32px}.chapter:last-child{border:0;margin:0;padding:0}.chapter-number{font-size:12px;font-weight:700;color:var(--muted);letter-spacing:.1em}.chapter h3{font-size:28px;line-height:1.18;margin:12px 0 22px}.chapter>p{font-size:16px;color:#41463c;line-height:1.9;margin-bottom:19px;overflow-wrap:break-word}.takeaway{display:flex;align-items:flex-start;gap:12px;margin-top:24px;border-left:3px solid var(--ink);padding:10px 0 10px 15px}.takeaway>span{font-size:25px;line-height:1.2}.takeaway p{font-size:16px;font-weight:600;line-height:1.75}
.outfit-table{margin-top:27px;overflow-x:auto;border:1px solid var(--line);max-width:100%}table{width:100%;min-width:440px;border-collapse:collapse;text-align:left;font-size:14px}caption{text-align:left;font-weight:700;padding:16px;background:var(--soft)}th,td{padding:14px;vertical-align:top;border-top:1px solid var(--line)}thead th{font-size:13px}tbody th{font-weight:600}
.about{background:var(--ink);color:white}.about-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:28px}.about-symbol{display:flex;align-items:center;justify-content:center;background:var(--lime);color:var(--ink);width:90px;height:90px}.about-symbol .brand-mark{width:65px;height:65px}.about-symbol>span{display:none}.about .eyebrow{color:var(--lime)}.about h2{font-size:32px;margin:16px 0 23px}.about p{font-size:16px;color:#d4d8ce;margin-bottom:18px;line-height:1.85}.text-link{display:inline-flex;align-items:center;gap:25px;font-size:14px;border-bottom:1px solid #8c9281;min-height:44px;margin-top:4px}.text-link:hover{color:var(--lime)}
.faq-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:26px}.faq-layout h2{font-size:34px;margin-top:13px}.faq-layout h2 br,.faq-layout>div>p br{display:none}.faq-layout>div>p{font-size:16px;color:var(--muted);margin-top:16px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}summary{display:flex;align-items:center;cursor:pointer;list-style:none;gap:12px;padding:22px 0;font-size:16px;font-weight:600;line-height:1.5}summary::-webkit-details-marker{display:none}.faq-number{font-size:12px;color:var(--muted)}.faq-plus{margin-left:auto;font-size:25px;font-weight:400}.faq-list details[open] .faq-plus{transform:rotate(45deg)}.faq-list details p{padding:0 10px 22px 27px;font-size:16px;color:var(--muted);line-height:1.85}
.account-section{background:var(--lime);padding-block:35px}.account-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:21px;text-align:center}.account-layout h2{font-size:31px;margin-top:12px}.account-layout>div>p{font-size:16px;margin-top:12px}.account-buttons{display:flex;justify-content:center;gap:12px}.account-buttons .button{flex:1;min-width:0}.account-layout .external-note{font-size:12px;line-height:1.75;margin-top:15px}
.site-footer{padding:35px 0 20px}.footer-top{display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}.footer-top p{font-size:14px;color:var(--muted)}.footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:0 22px;font-size:14px;padding-bottom:20px;margin-top:21px;border-bottom:1px solid var(--line)}.footer-links a{display:flex;align-items:center;min-height:44px}.footer-links a:hover,.footer-bottom a:hover{text-decoration:underline;text-underline-offset:4px}.footer-bottom{display:flex;flex-direction:column;align-items:center;gap:7px;margin-top:18px;font-size:12px;color:var(--muted);text-align:center}.footer-bottom a{display:flex;align-items:center;min-height:44px}
.account-dock{position:fixed;left:50%;bottom:calc(12px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:30;display:flex;justify-content:center;gap:10px;width:calc(100% - 24px);max-width:448px;padding:10px;border:1px solid #d9ddd2;border-radius:18px;background:var(--paper);box-shadow:0 5px 30px #181a1729}.account-dock .button{flex:1;min-width:0;min-height:52px;border-radius:10px;font-size:16px;gap:16px;padding:12px 18px}.button-lime{background:var(--lime);border-color:var(--lime);color:var(--ink)}.button-lime:hover{background:#b5df35;border-color:#b5df35}
.amp-brand{display:flex;justify-content:center;padding:10px;background:white}.legal-page{padding-top:28px;padding-bottom:45px;min-height:55vh}.back-link{display:inline-flex;align-items:center;min-height:44px;margin-bottom:25px;font-size:14px;text-decoration:underline;text-underline-offset:4px}.legal-page h1{font-size:40px;line-height:1.12;margin:16px 0 23px}.legal-page>.legal-date{font-size:14px;color:var(--muted);margin-bottom:32px}.legal-page section{margin-top:28px}.legal-page h2{font-size:26px;line-height:1.25;margin-bottom:14px}.legal-page p{font-size:16px;line-height:1.9;color:#454b3e;overflow-wrap:anywhere}.sitemap-groups{display:grid;grid-template-columns:minmax(0,1fr)}.sitemap-groups ul{padding-left:20px;line-height:1.8;font-size:16px}.sitemap-groups li{margin-block:12px}.sitemap-groups a{text-decoration:underline;text-underline-offset:4px}.error-page p{margin-bottom:25px}
@media(max-width:359px){.container{width:calc(100% - 32px)}.issue{display:none}.hero h1{font-size:48px}.hero-brand{font-size:11px}.hero-visual figcaption{font-size:16px}.photo-tag{font-size:9px}.ticker .container{font-size:14px}.main-nav{gap:18px}.guide-card{padding:19px}.guide-card h3{font-size:25px}.journal-heading h2{font-size:32px}.account-dock .button{padding-inline:12px;gap:12px}.legal-page h1{font-size:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none}}
@media print{html,body{background:white}body{max-width:none;margin:0;padding:0;box-shadow:none}.amp-page-shell{max-width:none;box-shadow:none}.site-header,.topline,.ticker,.guide-grid,.account-section,.account-dock,.site-footer,.toc,.hero-button,.faq-plus{display:none}.container{width:100%}.hero-visual{height:260px;aspect-ratio:auto;margin-top:25px}.section{padding-block:25px}.chapter{break-inside:avoid}.about{background:white;color:black}.about p{color:black}.about-symbol{display:none}}
