:root{--bg:#FFF9F5;--surface:#FFFFFF;--text:#3B2418;--muted:#7A5B4A;--accent:#B8653A;--accent2:#E07A8F;--line:#ead8ca;--dark-accent:#854423}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:18px/1.6 Nunito,Arial,sans-serif;text-align:center}a{color:var(--dark-accent);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}a:focus-visible,summary:focus-visible,.table-scroll:focus-visible{outline:3px solid var(--text);outline-offset:5px}h1,h2,h3,p,ul,ol,figure{margin-top:0}h1,h2{font-family:'Playfair Display',Georgia,serif;font-weight:600;line-height:1.18;text-wrap:balance}h1{font-size:clamp(2.5rem,6vw,4.7rem);max-width:19ch;margin:0 auto 1.2rem;letter-spacing:-.035em}h2{font-size:clamp(1.6rem,3vw,2.25rem);margin-bottom:1.3rem}h3{font-size:1.15rem}p{margin:0 auto 1.2rem;max-width:66ch}header{background:var(--surface);border-bottom:1px solid var(--line)}.topnav{max-width:1320px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:22px 28px}.wordmark{font-family:'Playfair Display',Georgia,serif;font-size:1.25rem;text-decoration:none;color:var(--text);line-height:1.3}.wordmark span{display:block;font:800 .58rem/2 Nunito,Arial,sans-serif;letter-spacing:.17em;color:var(--muted)}.navlinks{display:flex;flex-wrap:wrap;justify-content:center;gap:22px;font-size:.9rem}.navlinks a{text-decoration:none;color:var(--text)}.cta{display:inline-block;background:var(--text);color:var(--bg);border-radius:999px;padding:11px 19px;text-decoration:none;font-size:.82rem;font-weight:800;overflow-wrap:anywhere}.topnav>.cta{margin-left:auto}.hero{padding:64px 22px 84px;background:linear-gradient(180deg,#FDF2E9 0%,#F6D5C0 50%,#E8A987 100%)}.eyebrow{font-size:.7rem;letter-spacing:.19em;font-weight:800;margin-bottom:1.1rem}.quick-answer{max-width:680px;margin:0 auto 24px}.quick-answer p{margin-bottom:0}.jump{display:inline-block;padding:10px 22px;border:1px solid var(--text);border-radius:100px;text-decoration:none;color:var(--text);font-weight:800;font-size:.9rem;background:#fff9f5b8}.page-body{max-width:1080px;padding:0 24px;margin:0 auto}.breadcrumb{padding:16px 20px;font-size:.78rem;overflow-wrap:anywhere}.key-facts{list-style:none;padding:24px;display:flex;flex-wrap:wrap;justify-content:center;gap:16px 36px;border:1px solid var(--line);border-radius:16px;background:white;margin:-24px auto 40px;position:relative;max-width:920px;font-size:.9rem}.key-facts li{max-width:27ch}.recipe-card{background:var(--surface);border:1px solid var(--line);border-top:5px solid var(--accent);border-radius:24px;box-shadow:0 16px 40px #3b24180b;margin:40px 0 56px;padding:38px}.card-heading{border-bottom:1px dashed #cba58c;padding-bottom:20px;margin-bottom:30px}.measure-note,.print-note{font-size:.8rem;color:var(--muted);max-width:78ch}.recipe-columns{display:grid;grid-template-columns: .85fr 1.15fr;gap:40px}.ingredients{list-style:none;padding:0}.ingredients li{padding:14px 6px;border-bottom:1px solid var(--line);font-size:.95rem}.steps{list-style:none;counter-reset:step;padding:0}.steps li{counter-increment:step;margin:0 0 24px;font-size:.95rem}.steps li:before{content:counter(step);display:block;width:36px;height:36px;line-height:32px;border:2px solid var(--accent);border-radius:50%;margin:0 auto 10px;font-weight:800;color:var(--text)}.print-note{margin-top:24px;margin-bottom:0}.cup-figure{margin:32px auto 0}.cup{display:flex;flex-direction:column;width:180px;margin:0 auto 14px;border:3px solid var(--text);border-top:0;border-radius:4px 4px 36px 36px;overflow:hidden;box-shadow:8px 8px 0 #f6d5c0}.cup span{display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800;padding:10px}.cup .milk{height:78px;background:#f7ead9}.cup .coffee{height:52px;background:#543321;color:#fff9f5}.cup .condensed{height:42px;background:#e9cc9d}figcaption{font-size:.76rem;color:var(--muted)}.reading-card{max-width:850px;margin:32px auto;padding:38px 42px;background:var(--surface);border:1px solid var(--line);border-radius:20px}.reading-card p:last-child{margin-bottom:0}.table-scroll{max-width:960px;overflow-x:auto;margin:32px auto;border-radius:18px}.hero+.page-body>.table-scroll:first-child{margin-top:32px}table{width:100%;border-collapse:separate;border-spacing:0 8px;font-size:.9rem;text-align:center}caption{font-weight:800;font-size:1rem;padding:14px}th,td{padding:16px;min-width:130px}thead th{color:var(--muted);font-size:.8rem}tbody th,tbody td{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}tbody th{font-weight:700}tbody tr>*:first-child{border-left:1px solid var(--line);border-radius:14px 0 0 14px}tbody tr>*:last-child{border-right:1px solid var(--line);border-radius:0 14px 14px 0}.faq details{border-top:1px solid var(--line);padding:18px 0}.faq summary{cursor:pointer;font-weight:800}.faq details p{margin-top:14px;font-size:.95rem}.updated{font-size:.8rem;color:var(--muted);padding:20px}footer{padding:48px 24px 28px;border-top:1px solid var(--line);background:#f7e5d9;font-size:.85rem}footer p{margin:22px auto 12px}.footer-note{font-size:.72rem;color:var(--muted)}.skip{position:absolute;left:12px;top:-100px;background:#fff;padding:12px;z-index:10}.skip:focus{top:12px}.error-page{padding:100px 20px}
@media(max-width:900px){.topnav{flex-wrap:wrap;gap:16px;padding:18px}.navlinks{order:3;width:100%;gap:22px}.recipe-card{padding:28px}.recipe-columns{gap:26px}}
@media(max-width:600px){body{font-size:17px}.hero{padding:46px 20px 60px}.page-body{padding:0 14px}.wordmark{font-size:1rem}.topnav>.cta{max-width:46%;font-size:.66rem;padding:10px 12px}.recipe-columns{grid-template-columns:1fr}.recipe-card{padding:26px 20px}.reading-card{padding:28px 20px}.key-facts{gap:14px;padding:22px}.key-facts li{max-width:none;width:100%}.cup-figure{margin-bottom:22px}th,td{padding:12px}.breadcrumb{font-size:.7rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{body{background:white;font:11pt/1.45 Georgia,serif;color:#000}header,footer,.skip,.jump,.breadcrumb,.print-note{display:none}.hero{background:none;padding:20px 0}.page-body{padding:0;max-width:none}.recipe-card,.reading-card{box-shadow:none;border:1px solid #aaa;margin:16px 0;padding:20px}.recipe-columns{grid-template-columns: .85fr 1.15fr}.recipe-card{break-inside:avoid}h1{font-size:28pt}h2{font-size:19pt}h2,h3{break-after:avoid}a{color:#000}.cup{box-shadow:none}.table-scroll{overflow:visible}details{display:block}details::details-content{content-visibility:visible}}