.src .src-hero{background:var(--cream);padding-block:48px 40px}.src .label{margin-bottom:14px}.src h1{max-width:18ch;font-size:clamp(32px,5vw,56px);line-height:var(--lh-hero);letter-spacing:-.035em;font-weight:900}.src .lead{max-width:620px;color:var(--text-secondary);margin-top:14px;font-size:17px;line-height:1.5}.src .card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);max-width:560px;color:var(--ink);align-items:center;gap:18px;margin-top:28px;padding:16px 18px;text-decoration:none;display:flex}.src .card img{filter:drop-shadow(0 6px 10px #0f192333);flex:none;width:64px;height:auto}.src .card-t{gap:4px;display:grid}.src .card-t b{letter-spacing:-.02em;font-size:18px;font-weight:900;line-height:1.15}.src .card-t span{color:var(--text-secondary);font-size:14px}.src .card-t i{color:var(--text-accent);font-size:14px;font-style:normal;font-weight:700}.src .card:hover .card-t i{text-decoration:underline}.src .guide{background:var(--cream);border-top:1px solid var(--line);padding-block:48px 56px}.src h2{font-size:var(--type-section);line-height:var(--lh-section);letter-spacing:var(--tracking-display);text-transform:uppercase;font-weight:900}.src .meta{font-size:var(--type-small);color:var(--text-secondary);margin-top:8px}.src .meta a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--tomato);text-underline-offset:3px;font-weight:700}.src .todo{color:var(--ink);background:#ffe9a8;padding:0 4px}.src .intro{max-width:680px;color:var(--text-secondary);margin-top:18px;font-size:16px;line-height:1.55}.src .pages{max-width:860px;margin:24px 0 0;padding:0;list-style:none}.src .pages li{border-top:1px solid var(--line);scroll-margin-top:calc(var(--header-h) + 16px);grid-template-columns:64px 1fr;gap:16px;padding-block:20px;display:grid}.src .pg{letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-accent);padding-top:4px;font-size:12px;font-weight:800}.src .k{letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-secondary);font-size:12px;font-weight:700}.src h3{letter-spacing:-.03em;text-transform:uppercase;margin:2px 0 10px;font-size:clamp(19px,2.2vw,24px);font-weight:900;line-height:1.1}.src dl{grid-template-columns:1fr;gap:4px 16px;margin:0;font-size:15px;line-height:1.5;display:grid}.src dt{letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-secondary);margin-top:6px;font-size:11px;font-weight:800}.src dd{margin:0}.src .ref{display:block}.src .guide a,.src .lib a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--tomato);text-underline-offset:3px}.src .guide a:hover,.src .lib a:hover{color:var(--text-accent)}.src .sugars{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);max-width:860px;scroll-margin-top:calc(var(--header-h) + 16px);margin-top:32px;padding:24px 22px}.src .sugars h3{margin-bottom:10px}.src .sugars h3 span{text-transform:none;letter-spacing:0;color:var(--text-secondary);font-size:.75em;font-weight:600}.src .sugars>p{color:#0f1923cc;font-size:15px;line-height:1.55}.src .fam{gap:16px;margin-block:18px;display:grid}.src .fam h4{letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-accent);margin-bottom:8px;font-size:12px;font-weight:800}.src .fam ul{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.src .fam li{border:1.5px solid var(--ink);border-radius:999px;padding:4px 11px;font-size:13.5px;font-weight:700}.src .how{margin-top:10px}.src .fix{border-radius:var(--radius-lg);background:var(--ink);max-width:860px;color:var(--cream-80);margin-top:24px;padding:22px;font-size:15px;line-height:1.55}.src .fix-h{letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--yolk);margin-bottom:6px;font-size:12px;font-weight:800}.src .fix p+p{margin-top:6px}.src .fix a{color:var(--cream);text-decoration:underline;text-decoration-color:var(--yolk);text-underline-offset:3px}.src .fix :focus-visible{outline-color:var(--focus-ring-on-dark)}.src .lib{background:var(--cream);border-top:1px solid var(--line);padding-block:48px 64px}.src .refs{max-width:860px;margin:20px 0 0;padding:0;list-style:none}.src .refs li{border-top:1px solid var(--line);scroll-margin-top:calc(var(--header-h) + 16px);padding-block:18px}.src .r-tag{letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-accent);font-size:12px;font-weight:800}.src .r-title{margin-top:4px;font-size:17px;font-weight:800;line-height:1.35}.src .r-by{color:var(--text-secondary);margin-top:2px;font-size:14px}.src .r-why{max-width:680px;margin-top:8px;font-size:15px;line-height:1.5}.src .r-go{font-size:var(--type-small);color:var(--text-secondary);flex-wrap:wrap;gap:6px 18px;margin-top:8px;display:flex}.src .r-go a{font-weight:700}.src .note{max-width:680px;font-size:var(--type-small);color:var(--text-secondary);margin-top:28px;line-height:1.55}@media (width>=760px){.src .src-hero{padding-block:72px 56px}.src .guide,.src .lib{padding-block:72px 80px}.src .pages li{grid-template-columns:96px 1fr;gap:24px;padding-block:24px}.src dl{grid-template-columns:130px 1fr}.src dt{margin-top:3px}.src .sugars{padding:32px 34px}.src .fam{grid-template-columns:1fr 1fr;gap:20px 32px}.src .fix{padding:26px 30px}}