#guide-home { --paper:var(--bg);  --quiet:var(--muted); --rule:var(--line); --cream:light-dark(var(--porcelain),#2d3028); --red:var(--accent); --sage:light-dark(var(--sage),#343e30); --green:var(--accent2); --sand:light-dark(var(--sage),#463b2e); --guide-home-ink:var(--ink); color:var(--guide-home-ink); background:transparent; font-family:Arial,sans-serif; font-size:14px; line-height:1.55; }
#guide-home * { box-sizing:border-box; }
#guide-home .masthead { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:18px 30px; background:var(--cream); border-bottom:1px solid var(--rule); }
#guide-home .brand { display:flex; gap:10px; align-items:center; flex-shrink:0; }
#guide-home .brand-mark { background:var(--red); color:var(--cream); width:32px; height:32px; border-radius:9px; font:500 25px Georgia,serif; text-align:center; }
#guide-home .brand-name { font:500 16px Georgia,serif; }
#guide-home .brand-sub { font-size:10px; letter-spacing:.06em; color:var(--quiet); }
#guide-home .navigation { display:flex; flex-wrap:wrap; align-items:center; gap:23px; font-size:12px; color:var(--quiet); }
#guide-home .navigation .selected { color:var(--guide-home-ink); background:var(--paper); padding:7px 11px; border-radius:5px; }
#guide-home .subnav { display:flex; flex-wrap:wrap; gap:24px; padding:17px 32px; color:var(--quiet); font-size:11px; }
#guide-home .subnav .selected { color:var(--guide-home-ink); font-weight:600; }
#guide-home .gh-page { max-width:860px; margin:auto; padding:36px 36px 60px; }
#guide-home .eyebrow { color:var(--red); font-size:10px; letter-spacing:.15em; font-weight:600; text-transform:uppercase; }
#guide-home h1 { font:400 clamp(36px,5vw,50px)/1.05 Georgia,serif; margin:13px 0 16px; letter-spacing:-.045em; }
#guide-home .intro { color:var(--quiet); margin:0; max-width:440px; }
#guide-home .paths { display:grid; grid-template-columns:1fr 1fr; gap:34px; margin-top:36px; }
#guide-home .illustration { height:185px; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:9px; border:1px dashed color-mix(in srgb,var(--green) 36%,transparent); border-radius:70px 70px 5px 5px; background:var(--sage); color:var(--green); }
#guide-home .illustration.sauce { background:var(--sand); color:var(--red); border-color:color-mix(in srgb,var(--red) 36%,transparent); }
#guide-home .plus { font-size:29px; font-weight:400; opacity:.65; }
#guide-home .placeholder { font-size:11px; letter-spacing:.02em; }
#guide-home .path-content { padding-top:24px; }
#guide-home h2 { font:400 29px/1.15 Georgia,serif; margin:8px 0 12px; letter-spacing:-.025em; }
#guide-home .description { margin:0; color:var(--quiet); max-width:315px; min-height:66px; }
#guide-home .topics { color:var(--quiet); font-size:11px; margin:18px 0 19px; }
#guide-home .guide-link { display:inline-flex; align-items:center; gap:22px; color:var(--green); font-size:12px; font-weight:600; padding-bottom:5px; border-bottom:1px solid var(--green); }
#guide-home .guide-link.sauce-link { color:var(--red); border-color:var(--red); }
#guide-home .footnote { margin-top:36px; padding-top:17px; border-top:1px solid var(--rule); color:var(--quiet); font-size:11px; }
@media(max-width:650px) { #guide-home .masthead { padding:16px 20px; flex-wrap:wrap; gap:15px; } #guide-home .navigation { gap:17px; } #guide-home .subnav { padding:16px 20px; gap:18px; } #guide-home .gh-page { padding:26px 22px 36px; } #guide-home .paths { gap:32px; grid-template-columns:1fr; } #guide-home .illustration { height:175px; } #guide-home .description { min-height:0; max-width:none; } }

#guide-home{max-width:860px;margin:auto}#guide-home .gh-page{padding:22px 0 50px}#guide-home .guide-link{background:transparent;border:0;border-bottom:1px solid var(--green);border-radius:0;min-height:44px;padding:6px 0;text-align:left;font-family:inherit;text-decoration:none}#guide-home .guide-link.sauce-link{border-color:var(--red)}#guide-home .guide-link:hover{filter:none;background:transparent}#guide-home .description{line-height:1.55}#guide-home .footnote{line-height:1.55}