*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper,#fbf6ec);color:#282a24;font-family:Arial,Helvetica,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button,input{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.skip{position:absolute;left:-1000px}.skip:focus{left:20px;top:10px;background:white;z-index:9}.site-header{max-width:1240px;margin:auto;padding:28px 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ddd8cb}.brand{font-family:Georgia,serif;font-size:26px;font-weight:bold;display:flex;align-items:center;gap:10px;letter-spacing:-1px}.brand-dot{color:var(--accent);margin-left:-8px}nav{display:flex;gap:32px;font-size:14px}main{max-width:1240px;margin:auto;padding:0 40px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:bold;color:var(--accent);margin:0 0 20px}.hero{display:grid;grid-template-columns:1.14fr 1fr;gap:36px;align-items:center;min-height:580px;padding:64px 0 70px}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:normal;letter-spacing:-1.5px;line-height:1.08}h1{font-size:clamp(44px,5.6vw,72px);margin:15px 0 26px}h2{font-size:38px;margin:10px 0 18px}h3{font-size:27px;margin:12px 0 16px;letter-spacing:-.7px}.hero-description{max-width:500px;color:#66685b;font-size:17px;margin-bottom:28px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:35px;border:0;border-radius:5px;background:var(--accent);color:white;padding:15px 22px;font-size:14px;font-weight:bold;cursor:pointer}.button:hover{color:white;filter:brightness(.94)}.hero-caption{font-size:12px;color:#77796c;margin:18px 0}.hero-art{position:relative;min-width:0;background:#ebe5d7;border-radius:45% 45% 12px 12px;padding:12px;transform:rotate(-2deg)}.hero-art>img{display:block;width:100%;height:auto}.art-label{position:absolute;bottom:22px;right:-12px;background:white;padding:16px 25px;box-shadow:0 8px 25px #252a2010;transform:rotate(2deg);border-radius:5px}.art-label strong{display:block;font-family:Georgia,serif;font-size:22px}.art-label span{display:block;font-size:11px;color:#77796c}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:25px}.section-heading p:not(.eyebrow){max-width:260px;font-size:14px;color:#74766a}.section-heading>a{font-size:13px;border-bottom:1px solid #d1cebf;padding-bottom:4px}section[id]{padding:45px 0;scroll-margin-top:20px}.tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.tool-card{position:relative;display:block;background:white;padding:30px 36px;border:1px solid #e6e0d2;border-radius:8px;transition:transform .2s}.tool-card:hover{transform:translateY(-3px)}.tool-card p{color:#6b6e61;font-size:14px;max-width:360px}.card-number{font-size:12px;color:var(--accent);font-weight:bold}.arrow{position:absolute;right:30px;top:27px;font-size:26px;color:var(--accent)}.articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.article-card{border-top:1px solid #cecbbd;padding:25px 0;display:flex;flex-direction:column;align-items:flex-start}.article-card h3{font-size:27px}.article-card p{color:#6b6e61;font-size:14px}.article-card>span:last-child{margin-top:auto;font-size:13px;color:var(--accent)}.closing{margin:40px 0 70px;padding:48px;background:#e9e7d9;border-radius:8px;text-align:center}.closing p:last-child{max-width:600px;margin:20px auto 0;color:#636658;font-size:15px}.closing h2{font-size:43px}footer{max-width:1240px;margin:auto;padding:40px;border-top:1px solid #d1cebf}footer p,footer a:not(.brand),footer small{font-size:12px;color:#74766a}footer div{display:flex;gap:24px;margin:20px 0}footer small{display:block}.page-heading{padding:55px 0 80px}.page-heading>a,.reading>a{font-size:13px;color:var(--accent)}.page-heading>.eyebrow{margin-top:30px}.page-heading>h1{max-width:900px;font-size:56px}.intro{font-size:19px;color:#66685b;max-width:800px;margin-bottom:35px}.calculator-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:35px;margin-top:30px}.calculator{background:white;padding:32px;border:1px solid #ded9c9;border-radius:8px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:25px}label{font-size:13px;font-weight:bold}.input-wrap{display:flex;margin-top:7px;border:1px solid #d7d5c9;border-radius:4px;background:#faf9f5;align-items:center;overflow:hidden}.input-wrap input{width:100%;min-width:0;border:0;background:transparent;padding:12px;color:#252820}.input-wrap span{font-size:12px;color:#828478;padding-right:13px;white-space:nowrap}.result{margin-top:25px}.result-row{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #e5e1d6;font-size:14px}.result-row strong{font-size:20px;font-weight:normal;font-family:Georgia,serif;color:var(--accent)}.form-error{color:#a32b20;font-size:13px}.note{padding:30px;border-left:2px solid var(--accent);align-self:start}.note h2{font-size:28px}.note p{font-size:14px;color:#676a5b}.note a{font-size:13px;color:var(--accent)}.reading{max-width:780px;margin:0 auto;padding:65px 0 80px}.reading h1{font-size:52px;margin:22px 0}.reading h2{font-size:29px;margin:40px 0 18px}.reading p{color:#55594d}.reading li{margin-bottom:12px}.reading a:not(.button){color:var(--accent);text-decoration:underline;text-underline-offset:3px}.recipe-box{background:white;padding:30px;border:1px solid #e0dbcf;border-radius:8px}.recipe-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.recipe-heading h2{margin:0 0 25px}.servings{width:70px;margin-left:10px;padding:7px;border:1px solid #d7d5c9}.ingredients{padding:0;list-style:none}.ingredients li{display:flex;gap:24px;justify-content:space-between;border-bottom:1px solid #e6e1d6;padding:12px 0;font-size:14px}.ingredients li span:first-child{min-width:100px}.steps{padding-left:25px;font-size:15px}.small,.editorial-note{font-size:12px;color:#75796a}.inline-cta{background:#e8e5d8;padding:25px;margin-top:40px;border-radius:5px}.inline-cta h2{margin:0 0 20px}.inline-cta a{display:block;font-size:14px;margin:8px 0}.trend-strip{padding:25px 0;border-top:1px solid #dad6c8;border-bottom:1px solid #dad6c8;margin-bottom:20px}.trend-strip ul{padding:0;list-style:none;display:flex;gap:12px;flex-wrap:wrap}.trend-strip li{background:white;border:1px solid #dfdacd;padding:6px 13px;border-radius:30px;font-size:12px}.scoreboard{padding:28px;background:white;border:1px solid #ddd8cc;border-radius:8px;margin-top:30px}.score-row{display:grid;grid-template-columns:1fr 100px 1fr;gap:16px;align-items:center;border-bottom:1px solid #e8e4d8;padding:18px 0;font-size:14px}.score-row>span:last-child{text-align:right}.score-row strong{text-align:center;font-family:Georgia,serif;font-size:24px;color:var(--accent)}.score-meta{font-size:12px;color:#73776b}.scoreboard table{width:100%;border-collapse:collapse;font-size:14px}.scoreboard th,.scoreboard td{text-align:left;padding:12px;border-bottom:1px solid #e6e2d8}.source-link{font-size:12px;text-decoration:underline}.hidden{display:none!important}@media(max-width:800px){.site-header{padding:22px;flex-wrap:wrap;gap:20px}.brand{font-size:23px}nav{gap:20px}main{padding:0 22px}.hero{grid-template-columns:1fr;padding:40px 0;gap:40px}.hero-art{max-width:430px;margin:auto;width:100%}.hero h1{font-size:52px}.hero-description{font-size:16px}.section-heading{display:block}.section-heading p:not(.eyebrow){max-width:none}.tools-grid,.calculator-layout{grid-template-columns:1fr}.articles-grid{grid-template-columns:1fr 1fr;gap:25px}.closing{padding:32px 20px}.closing h2{font-size:34px}footer{padding:30px 22px}.reading{padding:40px 0}.reading h1,.page-heading>h1{font-size:40px}.calculator{padding:22px}.note{padding:20px}.score-row{grid-template-columns:1fr 70px 1fr;gap:8px;font-size:12px}}@media(max-width:480px){.articles-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr 1fr;gap:15px}.section-heading h2{font-size:32px}.hero h1{font-size:44px}.recipe-box{padding:20px}.recipe-heading{align-items:start;flex-direction:column}.ingredients li{font-size:12px;gap:12px}.recipe-heading h2{margin-bottom:0}.recipe-heading label{margin-bottom:15px}.scoreboard{padding:18px}footer div{flex-wrap:wrap}}
.league-nav{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.league-nav a{font-size:12px;padding:8px 13px;background:white;border:1px solid #d6dce6;border-radius:5px}.league-nav a:hover{border-color:var(--accent)}
