:root{
  --ink:#2c2824;--muted:#6f655d;--brown:#a66f4d;--brown-2:#c7936d;--sand:#ead9c7;--cream:#fbf7f1;
  --blue:#6f9fbe;--blue-2:#a9c9dc;--teal:#7da7a2;--coral:#e5a083;--gold:#d6aa73;--paper:#fff;
  --bg:#f7f0e7;--line:#ddcfbf;--line-strong:#c7b39f;--radius:2px;--radius-lg:3px;
  --shadow:0 1px 0 rgba(68,49,35,.05),0 10px 26px rgba(68,49,35,.07);--max:1320px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"DM Sans",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:linear-gradient(180deg,#fbf7f1 0,#f5ecdf 52%,#edf5f9 100%);min-height:100vh}body.tool-page{background:#fbf7f1}a{color:inherit;text-underline-offset:3px}button,input,textarea,select{font:inherit}button{cursor:pointer}.skip-link{position:fixed;left:14px;top:-80px;z-index:999;background:#fff;border:1px solid var(--line-strong);padding:10px 14px;border-radius:var(--radius);font-weight:800}.skip-link:focus{top:14px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
:focus-visible{outline:3px solid rgba(111,159,190,.55);outline-offset:3px}.topbar{position:sticky;top:0;z-index:80;background:rgba(251,247,241,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(221,207,191,.9)}.nav{max-width:var(--max);height:64px;margin:auto;padding:0 22px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;letter-spacing:-.02em}.brand img{width:31px;height:31px}.brand small{display:block;margin-top:1px;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.navlinks{margin-left:auto;display:flex;align-items:center;gap:20px}.navlinks a,.navlinks button{border:0;background:none;text-decoration:none;color:var(--muted);font-size:13px;font-weight:800;padding:8px 0}.navlinks a:hover,.navlinks button:hover{color:var(--brown)}.install-button{display:none!important;border:1px solid var(--line-strong)!important;padding:8px 10px!important;background:#fff!important;color:var(--ink)!important;border-radius:var(--radius)!important}.install-button.show{display:inline-flex!important}
.brand-logo{display:flex;align-items:center;gap:0}.brand-logo img{display:block;width:auto;height:44px;max-width:min(100%,420px)}
.hero{max-width:var(--max);margin:auto;padding:54px 22px 30px;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);gap:46px;align-items:center}
.hero-copy{display:flex;flex-direction:column;gap:0}.logo-panel{display:inline-flex;align-items:center;justify-content:flex-start;background:#fcfaf7;border:1px solid rgba(199,179,159,.72);padding:14px 16px;border-radius:var(--radius);box-shadow:0 1px 0 rgba(68,49,35,.04),0 14px 28px rgba(68,49,35,.06)}.hero-logo{display:block;width:min(100%,780px);height:auto}.hero-kicker{margin:16px 0 10px;font-size:14px;line-height:1.6;font-weight:700;color:#7d6f62;max-width:660px}
.hero p{font-size:18px;line-height:1.65;color:var(--muted);max-width:700px;margin:0}
.hero{max-width:var(--max);margin:auto;padding:54px 22px 30px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:46px;align-items:center}.eyebrow{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.15em;color:var(--brown)}h1,h2,h3{letter-spacing:-.035em}h1{font-family:"Playfair Display",Georgia,serif;font-size:clamp(42px,6vw,76px);line-height:.98;margin:12px 0 18px;color:#4f7694}.hero p{font-size:18px;line-height:1.65;color:var(--muted);max-width:700px;margin:0}.color-line{display:flex;gap:7px;margin-top:25px}.color-line i{display:block;width:42px;height:5px;border-radius:1px}.color-line i:nth-child(1){background:var(--brown)}.color-line i:nth-child(2){background:var(--blue)}.color-line i:nth-child(3){background:var(--gold)}.color-line i:nth-child(4){background:var(--coral)}.color-line i:nth-child(5){background:var(--teal)}.hero-photo,.photo-card{margin:0;position:relative;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#ead8c4;box-shadow:var(--shadow)}.hero-photo img,.photo-card img{display:block;width:100%;height:100%;object-fit:cover}.hero-photo{aspect-ratio:8/5}.photo-strip{max-width:var(--max);margin:0 auto 28px;padding:0 22px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.photo-card{aspect-ratio:4/3}.photo-card figcaption,.hero-photo figcaption{position:absolute;left:8px;bottom:8px;background:rgba(255,250,244,.9);border:1px solid rgba(111,101,93,.28);padding:6px 8px;border-radius:var(--radius);font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.discovery,.guide-switcher,.tool-shell,.value-strip,.news{max-width:var(--max);margin:auto;padding-left:22px;padding-right:22px}.discovery{padding-top:10px;padding-bottom:26px}.discovery-head,.path-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:12px}.discovery-head h2,.path-title h2{margin:0;font-size:22px}.discovery-head p,.path-title p{margin:4px 0 0;color:var(--muted);font-size:13px}.toolbar-actions{display:flex;gap:8px;align-items:center}.surprise,.share{border:1px solid var(--line-strong);background:#fff;padding:9px 12px;border-radius:var(--radius);font-weight:800;color:var(--ink);transition:.16s}.surprise:hover,.share:hover{transform:translateY(-1px);border-color:var(--blue);box-shadow:0 8px 18px rgba(68,49,35,.06)}.discovery-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.discover-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);background:#fff;border-radius:var(--radius);padding:0;text-align:center;min-width:0;min-height:0;color:var(--ink);transition:transform .16s,border-color .16s,box-shadow .16s}.discover-card:nth-child(1),.discover-card:nth-child(4){background:#f4e8dc}.discover-card:nth-child(2),.discover-card:nth-child(5){background:#edf5f9}.discover-card:nth-child(3),.discover-card:nth-child(6){background:#f4efe2}.discover-card:hover{transform:translateY(-2px);border-color:var(--line-strong);box-shadow:var(--shadow)}.discover-media{display:block;overflow:hidden;aspect-ratio:3/2;background:#eee}.discover-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .22s ease}.discover-card:hover .discover-media img{transform:scale(1.025)}.discover-copy{display:block;padding:10px 8px 12px}.discover-card b{display:block;font-size:13px;line-height:1.2}.discover-card small{display:block;margin-top:4px;color:var(--muted);font-size:10.5px;line-height:1.35}.discover-card:focus-visible{outline:3px solid rgba(79,118,148,.35);outline-offset:2px}.recent{display:none;margin-top:12px;padding:12px;border:1px solid var(--line);background:rgba(255,255,255,.72);border-radius:var(--radius)}.recent.show{display:block}.recent strong{font-size:12px}.recent-list{display:inline-flex;flex-wrap:wrap;gap:6px;margin-left:9px}.recent-list button{border:1px solid var(--line);background:#fff;border-radius:var(--radius);padding:5px 8px;font-size:11px;font-weight:700}.editorial-rule{max-width:var(--max);padding:0 22px;margin:0 auto 26px}.editorial-rule div{height:1px;background:linear-gradient(90deg,var(--brown),var(--gold),var(--blue),transparent)}
.guide-switcher{padding-top:4px;padding-bottom:10px}.guide-switcher-meta{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:10px;padding:0 2px}.guide-eyebrow{display:block;color:var(--brown);font-size:11px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.guide-switcher-meta p{margin:4px 0 0;color:var(--muted);font-size:13px}.guide-switcher-meta>strong{flex:none;border:1px solid var(--line-strong);background:rgba(255,255,255,.72);padding:7px 9px;border-radius:var(--radius);color:var(--muted);font-size:11px;letter-spacing:.04em}.guide-tabs{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line-strong);background:#fff;box-shadow:0 1px 0 rgba(68,49,35,.04),0 12px 30px rgba(68,49,35,.06)}.guide-tab{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:15px;min-height:118px;padding:18px 19px;border:0;border-right:1px solid var(--line-strong);border-radius:0;background:#fff;text-align:left;color:var(--ink);transition:background-color .18s,border-color .18s,box-shadow .18s,transform .18s}.guide-tab:last-child{border-right:0}.guide-tab:hover{z-index:1;background:#faf5ee;box-shadow:inset 0 0 0 1px var(--brown)}.guide-tab:active{transform:translateY(1px)}.guide-tab[aria-selected="true"]{z-index:2;background:#f2e3d3;box-shadow:inset 0 -4px 0 var(--brown)}.guide-tab.cooking-guide[aria-selected="true"]{background:#e8f2f7;box-shadow:inset 0 -4px 0 var(--blue)}.guide-index{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line-strong);background:#fff;color:var(--brown);font-family:"Playfair Display",Georgia,serif;font-size:19px;font-weight:700}.cooking-guide .guide-index{color:#4f7694}.guide-tab[aria-selected="true"] .guide-index{border-color:var(--brown);background:var(--brown);color:#fff}.guide-tab.cooking-guide[aria-selected="true"] .guide-index{border-color:#5e91b0;background:#5e91b0;color:#fff}.guide-tab-copy{display:block;min-width:0}.guide-type{display:block;margin-bottom:4px;color:var(--muted);font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.guide-tab-copy>strong{display:block;font-family:"Playfair Display",Georgia,serif;font-size:22px;line-height:1.1;letter-spacing:-.025em}.guide-tab-copy small{display:block;max-width:470px;margin-top:5px;color:var(--muted);font-size:12px;line-height:1.45}.guide-tab-state{display:flex;align-items:center;gap:7px;align-self:center;white-space:nowrap;color:var(--brown);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.cooking-guide .guide-tab-state{color:#4f7694}.selected-label{display:none}.guide-tab[aria-selected="true"] .selected-label{display:inline}.guide-tab[aria-selected="true"] .open-label{display:none}.tool-shell{padding-top:12px;padding-bottom:42px}.panel[hidden]{display:none}.panel{animation:fade .2s ease}@keyframes fade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.tool-status{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px;padding:9px 11px;border:1px solid var(--line);border-bottom:0;background:#fff;border-radius:var(--radius) var(--radius) 0 0;font-size:12px;color:var(--muted)}.tool-status b{color:var(--ink)}.frame-wrap{position:relative}.frame{display:block;width:100%;height:calc(100vh - 108px);min-height:760px;border:1px solid var(--line);border-radius:0 0 var(--radius) var(--radius);background:#fff;box-shadow:var(--shadow)}.frame-fallback{display:none;padding:16px;border:1px solid var(--line);background:#fff}.frame-fallback.show{display:block}.qualifier{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);max-width:1040px;margin:0 auto 14px}.qualifier h2{margin:0;font-size:24px}.qualifier p{margin:6px 0 0;color:var(--muted);font-size:14px}.question{margin-top:20px}.question h3{font-size:13px;margin:0 0 10px;text-transform:uppercase;letter-spacing:.08em}.chips{display:flex;flex-wrap:wrap;gap:7px}.choice{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:9px 12px;font-weight:800;font-size:13px;color:var(--ink);transition:.16s}.choice:hover{transform:translateY(-1px);border-color:var(--blue)}.choice[aria-pressed="true"]{color:#fff;border-color:transparent;background:#2f6f68;box-shadow:0 8px 18px rgba(47,111,104,.18)}.continue{margin-top:20px;border:0;border-radius:var(--radius);padding:11px 16px;color:#fff;background:#4f7694;font-weight:900;opacity:.45}.continue:not(:disabled){opacity:1;box-shadow:0 10px 22px rgba(86,104,121,.16)}.profile{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);background:#fff;border-radius:var(--radius);padding:10px 12px;margin-bottom:10px;font-size:13px}.profile[hidden]{display:none}.profile button{border:0;background:none;color:#4f7694;font-weight:900}
.value-strip{padding-bottom:36px}.value-inner{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border:1px solid var(--line);background:var(--line);border-radius:var(--radius);overflow:hidden}.value{background:#fff;padding:18px}.value:nth-child(1){border-top:4px solid var(--brown)}.value:nth-child(2){border-top:4px solid var(--blue)}.value:nth-child(3){border-top:4px solid var(--gold)}.value:nth-child(4){border-top:4px solid var(--teal)}.value b{display:block;font-size:13px}.value span{display:block;color:var(--muted);font-size:12px;margin-top:4px;line-height:1.45}.news{padding-bottom:34px}.news-inner{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(120deg,#ead8c4,#dbeaf3 58%,#eee2d0);padding:26px;display:flex;align-items:center;justify-content:space-between;gap:28px;box-shadow:var(--shadow)}.news h2{font-family:"Playfair Display",Georgia,serif;font-size:29px;margin:0 0 7px}.news p{margin:0;color:#5f574f;font-size:13px}.signup{display:flex;gap:8px;min-width:min(100%,430px)}.signup input{flex:1;min-width:0;border:1px solid var(--line-strong);border-radius:var(--radius);padding:12px;background:#fff}.signup button{border:1px solid #b89d80;border-radius:var(--radius);padding:12px 15px;font-weight:900;background:#fff;color:var(--ink)}.fineprint{margin-top:8px!important;font-size:10px!important}
footer{background:#eadfce;color:#554d45;padding:34px 22px 92px}.footer-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1.5fr .7fr .7fr;gap:36px}footer h3{margin:0 0 10px;color:var(--ink);font-size:16px}footer p,footer a{font-size:12px;line-height:1.65;color:#615950}footer a{display:block;text-decoration:none;margin:5px 0}footer a:hover{color:#4f7694}.legal{max-width:var(--max);margin:24px auto 0;padding-top:18px;border-top:1px solid rgba(39,35,31,.14);font-size:11px;color:#756c63;line-height:1.6}.back{position:fixed;right:18px;bottom:20px;width:42px;height:42px;border:1px solid rgba(255,255,255,.4);border-radius:var(--radius);color:#fff;background:#4f7694;box-shadow:0 10px 22px rgba(68,49,35,.18);opacity:0;pointer-events:none;transform:translateY(8px);transition:.2s;z-index:90}.back.show{opacity:1;pointer-events:auto;transform:none}.mobile-nav{display:none;position:fixed;z-index:85;left:10px;right:10px;bottom:10px;background:rgba(255,250,244,.96);backdrop-filter:blur(16px);border:1px solid var(--line-strong);border-radius:var(--radius-lg);box-shadow:0 12px 30px rgba(68,49,35,.14);grid-template-columns:repeat(4,1fr);padding:5px}.mobile-nav button,.mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:48px;border:0;background:none;text-decoration:none;font-size:10px;font-weight:800;color:var(--muted)}.mobile-nav span{font-size:18px}.mobile-nav .active{background:#f0e4d6;color:var(--ink);border-radius:var(--radius)}
.content-page{max-width:880px;margin:auto;padding:54px 22px 80px}.content-page h1{font-size:clamp(38px,7vw,62px)}.content-page h2{margin-top:34px}.content-page p,.content-page li{color:var(--muted);line-height:1.75}.content-card{border:1px solid var(--line);background:#fff;padding:24px;border-radius:var(--radius);box-shadow:var(--shadow)}.form-grid{display:grid;gap:14px}.field{display:grid;gap:6px}.field label{font-size:12px;font-weight:900}.field input,.field textarea,.field select{width:100%;border:1px solid var(--line-strong);border-radius:var(--radius);padding:11px;background:#fff}.field textarea{min-height:150px;resize:vertical}.primary{border:0;border-radius:var(--radius);padding:12px 16px;background:linear-gradient(135deg,var(--brown),var(--blue));color:#fff;font-weight:900}.notice{border-left:4px solid var(--blue);background:#edf5f9;padding:12px 14px;border-radius:var(--radius);color:#4b5d68}.four-oh-four{text-align:center;padding-top:90px}
@media(max-width:1040px){.discovery-grid{grid-template-columns:repeat(3,1fr)}.photo-strip{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr 420px;gap:28px}}
@media(max-width:850px){.navlinks{display:none}.hero{grid-template-columns:1fr;padding-top:34px;gap:24px}.hero-photo{aspect-ratio:16/9}.value-inner{grid-template-columns:1fr 1fr}.news-inner{display:block}.signup{margin-top:16px;min-width:0}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.frame{height:calc(100vh - 90px);min-height:700px}.mobile-nav{display:grid}.back{bottom:76px}}
@media(max-width:560px){.nav{height:56px;padding-inline:14px}.brand img{width:28px;height:28px}.hero,.photo-strip,.discovery,.guide-switcher,.tool-shell,.value-strip,.news,.editorial-rule{padding-left:14px;padding-right:14px}.hero{padding-top:26px}h1{font-size:42px}.hero p{font-size:15px}.photo-strip{grid-template-columns:1fr 1fr;gap:7px}.photo-card figcaption{display:none}.discovery-head{align-items:flex-start}.toolbar-actions{flex-direction:column;align-items:stretch}.surprise,.share{padding:8px 10px;font-size:12px}.discovery-grid{grid-template-columns:1fr 1fr}.discover-card{min-height:0;padding:0}.discover-copy{padding:9px 7px 11px}.discover-card small{font-size:10px}.qualifier{padding:16px}.chips{gap:6px}.choice{padding:8px 10px;font-size:12px}.value-inner{grid-template-columns:1fr}.news-inner{padding:20px}.signup{display:grid}.footer-grid{grid-template-columns:1fr}.frame{min-height:660px}.tool-status{font-size:11px}.recent-list{display:flex;margin:8px 0 0}.content-page{padding:34px 14px 90px}}
@media(max-width:850px){.guide-tab{grid-template-columns:38px minmax(0,1fr);min-height:120px;padding:15px;gap:11px}.guide-index{width:36px;height:36px;font-size:17px}.guide-tab-state{grid-column:2;margin-top:1px}.guide-tab-copy>strong{font-size:19px}.guide-tab-copy small{font-size:11px}}@media(max-width:560px){.guide-switcher{padding-top:2px;padding-bottom:8px}.guide-switcher-meta{align-items:center}.guide-switcher-meta p{display:none}.guide-switcher-meta>strong{font-size:10px;padding:6px 7px}.guide-tabs{grid-template-columns:1fr 1fr}.guide-tab{display:flex;min-width:0;min-height:104px;padding:12px 10px;gap:8px;border-right:1px solid var(--line-strong);flex-direction:column;align-items:flex-start;justify-content:flex-start}.guide-tab:last-child{border-right:0}.guide-index{width:30px;height:28px;font-size:14px;flex:none}.guide-type{font-size:8px;letter-spacing:.09em}.guide-tab-copy>strong{font-family:"DM Sans",ui-sans-serif,system-ui,sans-serif;font-size:14px;line-height:1.15;letter-spacing:-.02em}.guide-tab-copy small{display:none}.guide-tab-state{margin-top:auto;gap:4px;font-size:9px;letter-spacing:.03em}.guide-tab[aria-selected="true"]{box-shadow:inset 0 -3px 0 var(--brown)}.guide-tab.cooking-guide[aria-selected="true"]{box-shadow:inset 0 -3px 0 var(--blue)}}.mobile-preview .guide-tab{grid-template-columns:38px minmax(0,1fr);padding:14px;gap:10px}.mobile-preview .guide-tab-state{grid-column:2}.mobile-preview .guide-tab-copy>strong{font-size:18px}.mobile-preview .guide-tab-copy small{font-size:11px}@media(max-width:560px){.mobile-preview .guide-tab{display:flex;min-height:104px;padding:12px 10px}.mobile-preview .guide-tab-state{grid-column:auto}.mobile-preview .guide-tab-copy>strong{font-size:14px}.mobile-preview .guide-tab-copy small{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.mobile-preview .navlinks{display:none}.mobile-preview .hero{grid-template-columns:1fr;max-width:720px}.mobile-preview .photo-strip,.mobile-preview .discovery,.mobile-preview .guide-switcher,.mobile-preview .tool-shell,.mobile-preview .value-strip,.mobile-preview .news{max-width:720px}.mobile-preview .discovery-grid{grid-template-columns:1fr 1fr}.mobile-preview .mobile-preview .value-inner{grid-template-columns:1fr}.mobile-preview .news-inner{display:block}.mobile-preview .signup{margin-top:16px}.mobile-preview .mobile-nav{display:grid}

.topbar{background:rgba(254,252,248,.96);border-bottom:1px solid rgba(229,217,203,.92)}
.hero{padding-top:38px}
.hero-photo,.photo-card{background:#f6eee4}
@media(max-width:850px){.brand-logo img{height:38px;max-width:320px}.hero-copy{gap:0}.logo-panel{padding:12px 12px}.hero-kicker{font-size:13px;margin:14px 0 8px}}
@media(max-width:560px){.brand-logo img{height:26px;max-width:230px}.hero{padding-top:22px}.logo-panel{padding:10px;background:#fdfbf8}.hero-kicker{font-size:12px;line-height:1.55;margin:12px 0 8px}.hero p{font-size:14px;line-height:1.55}}

/* Launch refinement: clearer guide tabs and fuller discovery cards */
.guide-tab{grid-template-columns:minmax(0,1fr) auto;gap:18px;padding-left:22px;padding-right:22px}
.guide-tab-state{grid-column:auto}
.discover-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:124px;padding:18px 12px}
.discover-icon{font-size:28px;line-height:1;margin:0 0 10px}
.discover-card b{font-size:15px;line-height:1.2}
.discover-card small{max-width:150px;margin-top:5px;font-size:12px;line-height:1.4}
@media(max-width:850px){
  .guide-tab{grid-template-columns:minmax(0,1fr);gap:10px}
  .guide-tab-state{grid-column:1;margin-top:2px}
}
@media(max-width:560px){
  .guide-tab{display:flex;padding:13px 11px;gap:7px}
  .discover-card{min-height:112px;padding:15px 10px}
  .discover-icon{font-size:25px;margin-bottom:8px}
  .discover-card b{font-size:14px}
  .discover-card small{font-size:11px}
}
.mobile-preview .guide-tab{grid-template-columns:minmax(0,1fr);gap:9px}
.mobile-preview .guide-tab-state{grid-column:1}

/* ==========================================================================
   Tablet + mobile refinements (v6.1)
   Layout and design language unchanged; this only tunes the small screens.
   ========================================================================== */

/* Tablet: 851px - 1024px. Previously fell into the phone rules at 850px. */
@media (min-width: 851px) and (max-width: 1024px) {
  .hero { grid-template-columns: minmax(0, 1fr); gap: 26px; padding-top: 34px; }
  .hero-photo { aspect-ratio: 21/9; }
  .brand-logo img { height: 40px; max-width: 360px; }
  .discovery-grid { grid-template-columns: repeat(3, 1fr); }
  .photo-strip { grid-template-columns: repeat(4, 1fr); }
  .value-inner { grid-template-columns: repeat(2, 1fr); }
  .guide-tabs { grid-template-columns: 1fr 1fr; }
  .footer-grid { grid-template-columns: 1.4fr 1fr; }
}

/* The iframe scrolls with the page now, so the tool never nests a scrollbar. */
.frame { display: block; width: 100%; border: 1px solid var(--line); }
.frame-wrap { overflow: visible; }

/* Bottom nav and floating controls clear the home indicator. */
.mobile-nav {
  padding-bottom: calc(5px + env(safe-area-inset-bottom));
  bottom: max(10px, env(safe-area-inset-bottom));
}
@media (max-width: 850px) {
  footer { padding-bottom: calc(92px + env(safe-area-inset-bottom)); }
  .back { bottom: calc(76px + env(safe-area-inset-bottom)); }
}

/* Comfortable tap targets on touch devices. */
@media (hover: none) and (pointer: coarse) {
  .navlinks a, .navlinks button, .choice, .surprise, .share,
  .recent-list button, .discover-card { min-height: 44px; }
  .mobile-nav button, .mobile-nav a { min-height: 52px; }
}

/* Keep long dish names and URLs from forcing horizontal scroll. */
body { overflow-x: hidden; }
.discover-card b, .guide-tab-copy > strong, .value b { overflow-wrap: anywhere; }

/* iOS zooms the page when a sub-16px field is focused. */
@media (max-width: 900px) {
  input, select, textarea, .field input, .field textarea, .signup input {
    font-size: 16px;
  }
}

/* Landscape phones: the hero shouldn't eat the whole viewport. */
@media (max-height: 480px) and (orientation: landscape) {
  .hero { padding-top: 18px; gap: 16px; }
  h1 { font-size: 34px; }
  .hero-photo { aspect-ratio: 21/9; }
}


/* ==========================================================================
   Version 6.2 — form delivery, resilient tool frames and mobile polish
   ========================================================================== */
.form-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.frame{overflow:auto;background:#fff}
.tool-shell{overflow:visible}
@media(max-width:640px){
  .guide-tabs{grid-template-columns:1fr}
  .guide-tab{min-height:94px;border-right:0;border-bottom:1px solid var(--line-strong);padding:14px 13px}
  .guide-tab:last-child{border-bottom:0}
  .guide-tab-copy>strong{font-size:16px}
  .guide-tab-copy small{display:block;font-size:11px;line-height:1.35}
  .guide-tab-state{margin-top:4px}
  .tool-shell{padding-left:8px;padding-right:8px}
  .tool-status{padding:9px 10px;align-items:flex-start}
  .tool-status>span:last-child{display:none}
  .news-inner{padding:18px}
  .news h2{font-size:24px}
  .signup{gap:8px}
  .signup button{min-height:48px}
  .mobile-nav{left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom))}
}
@media(max-width:390px){
  .photo-strip{grid-template-columns:1fr}
  .discovery-grid{grid-template-columns:1fr 1fr}
  .discover-card{min-height:0}
}