/* /start/ (scripts/build-start.mjs). Site palette for the page; the .md-kit sections use the content-kit tokens from application.css. */
.md-start-language{padding-block:1.25rem 1rem;border-bottom:1px solid var(--line,#e2e2e2)}
.md-start-language h2{font-size:1.05rem;margin:0 0 .6rem}
/* One scrolling row of chips. language.js remembers the chosen edition (data-start-language). */
.md-start-language-grid{display:flex;flex-wrap:nowrap;gap:.5rem;overflow-x:auto;padding:2px 2px 8px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.md-start-language-grid a{flex:none;display:inline-flex;align-items:center;min-height:44px;padding:.5rem 1rem;border:1.5px solid var(--line,#e2e2e2);border-radius:999px;color:var(--ink,#171717);background:#fff;text-decoration:none;font-size:1rem;font-weight:600;line-height:1.3;scroll-snap-align:start;white-space:nowrap}
.md-start-language-grid a:hover,.md-start-language-grid a:focus-visible{border-color:var(--purple,#c9232b);color:var(--purple,#c9232b)}
.md-start-language-grid a:focus-visible{outline:3px solid #1f6feb;outline-offset:2px}
.md-start-language-grid a[aria-current],.md-start-language-grid a.is-current{background:#fff3f3;border-color:var(--purple,#c9232b);color:var(--purple,#c9232b)}
.md-start-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:2.5rem;align-items:center;padding-block:2.5rem 2rem}
.md-start-hero h1{font-size:clamp(2rem,4.2vw,3.4rem);line-height:1.1;margin:0 0 1rem;max-width:18ch}
.md-start-lead{font-size:1.25rem;line-height:1.5;max-width:40ch}
.md-start-hero img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:1.25rem}
.md-start-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-block:1.25rem}
.md-start-hero .md-large-phone{display:inline-block;margin-top:.25rem}
.md-start-section{padding-block:2.25rem;border-top:1px solid var(--line,#e2e2e2)}
.md-start-section>p{max-width:72ch;line-height:1.6;font-size:18px}
.md-start-section h2{font-size:clamp(1.6rem,3vw,2.1rem);margin:0 0 .9rem}
.md-start-intro{margin:0 0 1.4rem}
.md-start-note{margin-top:1.4rem;font-weight:700}
.md-start-h3{margin:2.2rem 0 .9rem;font-size:1.45rem}
.md-start-section .text-link{display:inline-block;margin-top:.4rem;line-height:1.5;min-height:44px}
.md-start-section .md-kit-fine+p{margin-top:.25rem}
/* Two large choice cards under "What each step asks". */
.md-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin-top:1.6rem}
.md-choice{display:flex;flex-direction:column;gap:.5rem;min-height:44px;padding:1.4rem 1.5rem 1.5rem;border:1.5px solid var(--line,#e2e2e2);border-radius:1.25rem;background:#fff;color:var(--ink,#171717);text-decoration:none;box-shadow:0 10px 30px #1717170d;transition:border-color .2s,transform .2s}
.md-choice:hover,.md-choice:focus-visible{border-color:var(--purple,#c9232b);transform:translateY(-2px)}
.md-choice:focus-visible{outline:3px solid #1f6feb;outline-offset:3px}
.md-choice-title{font-family:'Lexend Deca',system-ui,sans-serif;font-size:1.45rem;font-weight:700;line-height:1.2;letter-spacing:-.01em}
.md-choice-detail{font-size:18px;line-height:1.45}
.md-choice-cta{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;min-height:48px;margin-top:.5rem;padding:.6rem 1.3rem;border-radius:9px;background:var(--purple,#c9232b);color:#fff;font-weight:650;font-size:16px}
.md-choice:nth-child(2) .md-choice-cta{background:#fff;color:var(--ink,#171717);border:1.5px solid var(--ink,#171717)}
/* Six real photos with cuisine chips. */
.md-cuisines6{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:0;padding:0;list-style:none}
.md-cuisines6 li{position:relative;display:flex;flex-direction:column;gap:.6rem;min-width:0}
.md-cuisines6 img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:1rem;background:#f3f3f3}
.md-cuisines6 .md-kit-chip{align-self:flex-start;font-size:15px}
.md-start-states{margin-top:1.4rem;margin-bottom:1.2rem}
.md-start-help{margin-bottom:2rem}
.md-start-help p a{overflow-wrap:anywhere;display:inline-block;padding:8px 0}
html[dir=rtl] .md-start-hero{text-align:right}
@media(max-width:780px){
 .md-start-hero{grid-template-columns:1fr;gap:1.5rem;padding-block:1.6rem 1.4rem}
 .md-start-hero h1{max-width:none;font-size:2rem}
 .md-start-hero img{max-height:18rem}
 .md-start-actions .button{flex-grow:1;text-align:center}
 .md-start-section{padding-block:1.6rem}
 .md-start-section>p{font-size:18px}
 .md-choice-grid{grid-template-columns:1fr;gap:.9rem}
 .md-choice{padding:1.1rem 1.1rem 1.2rem}
 .md-choice-title{font-size:1.3rem}
 .md-cuisines6{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
 .md-cuisines6 .md-kit-chip{font-size:14px;min-height:30px;padding:3px 10px}
}
@media(prefers-reduced-motion:reduce){.md-start-language-grid a,.md-choice{transition:none}}