/* Guides: the list of questions and one reading page per question. Built by tools/guides/build.cjs.
   Same colours as the services page; logical properties only, so the Hebrew pages mirror with
   dir="rtl". Fonts and heading tracking come from html[lang] tokens in the shared frame. */
.gd-site{--gd-ink:#f3f6fa;--gd-muted:#b9c7d6;--gd-label:#8fb8e8;--gd-line:#23405e;background:#091c2f;color:var(--gd-ink);overflow-x:clip}
.gd-page{font-family:var(--font-body-resolved,system-ui,sans-serif)}
/* Resets carry no weight, so every single-class rule below wins */
:where(.gd-page) :where(h1,h2,h3,p,ul){margin:0}
:where(.gd-page) :where(h1,h2,h3){font-family:var(--font-heading-resolved,system-ui,sans-serif);color:inherit}

/* One reading column, centred: about 700px of text on a wide screen */
.gd-wrap{max-inline-size:748px;margin-inline:auto;padding-inline:24px}

/* List page */
.gd-list{padding-block:72px 8px}
.gd-list h1{font-size:clamp(40px,4.6vw,60px);line-height:1.05;font-weight:700;letter-spacing:var(--tracking-heading,0);margin-block-end:24px}
.gd-rows{list-style:none;padding:0}
.gd-row{position:relative;padding-block:24px;border-block-end:1px solid var(--gd-line)}
.gd-row:last-child{border-block-end:0}
.gd-page .gd-row-link{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;color:var(--gd-ink);text-decoration:none;font-size:20px;line-height:1.4;font-weight:600}
/* the whole row is the tap target */
.gd-row-link::after{content:"";position:absolute;inset:0}
.gd-row-link:focus-visible{outline:none}
.gd-row:has(.gd-row-link:focus-visible){outline:2px solid var(--gd-label);outline-offset:4px;border-radius:4px}
.gd-row-title{max-inline-size:34rem}
.gd-arrow{flex:none;inline-size:24px;block-size:24px;margin-block-start:2px;color:var(--gd-ink);transition:transform .2s cubic-bezier(.25,1,.5,1)}
.gd-page .gd-row-hub{font-size:17px;line-height:1.55;color:var(--gd-label);margin-block-start:8px;padding-inline-end:48px}
@media (hover:hover){.gd-row:hover .gd-arrow{transform:translateX(4px)}}
html[dir=rtl] .gd-arrow{scale:-1 1}
@media (hover:hover){html[dir=rtl] .gd-row:hover .gd-arrow{transform:translateX(-4px)}}

/* Question page */
.gd-article{padding-block:72px 16px}
/* pretty, not the frame's balance: balance left one word alone on a middle line at phone width */
.gd-article h1{font-size:clamp(34px,4vw,48px);line-height:1.12;font-weight:700;letter-spacing:var(--tracking-heading,0);text-wrap:pretty}
/* The short answer: what answer engines quote. Plain paragraph, a step larger than the body */
.gd-page .gd-short{font-size:21px;line-height:1.6;color:var(--gd-ink);margin-block-start:24px}
.gd-body{margin-block-start:16px}
.gd-body h2,.gd-faq h2{font-size:clamp(24px,2.4vw,30px);line-height:1.25;font-weight:700;letter-spacing:var(--tracking-heading,0);margin-block:48px 16px}
.gd-body p,.gd-body li{font-size:18px;line-height:1.7;color:var(--gd-muted)}
.gd-body p+p,.gd-body ul+p{margin-block-start:14px}
/* the shared frame's reset takes list markers off every list; body lists put them back */
.gd-body ul{list-style:disc outside;padding-inline-start:22px;display:grid;gap:10px}
.gd-body ul+ul{margin-block-start:14px}
.gd-body li::marker{color:var(--gd-label)}
.gd-faq{margin-block-start:56px;border-block-start:1px solid var(--gd-line)}
.gd-faq h2{margin-block-start:48px;margin-block-end:8px}
.gd-qa{padding-block:22px;border-block-end:1px solid var(--gd-line)}
.gd-qa:last-child{border-block-end:0}
.gd-qa h3{font-size:20px;line-height:1.4;font-weight:600}
.gd-qa p{font-size:18px;line-height:1.65;color:var(--gd-muted);margin-block-start:8px}

/* Booking: the site's own button and form, on the page's dark ground */
.gd-book{padding-block:24px 96px}
.gd-book .booking-large{align-self:auto}

/* Hebrew is never letter-spaced */
html[dir=rtl] .gd-page h1,html[dir=rtl] .gd-page h2,html[dir=rtl] .gd-page h3{letter-spacing:normal}

@media (max-width:720px){
 .gd-list{padding-block:48px 0}
 .gd-list h1{margin-block-end:12px}
 .gd-page .gd-row-link{font-size:19px;gap:16px}
 .gd-page .gd-row-hub{padding-inline-end:40px}
 .gd-article{padding-block:48px 8px}
 .gd-page .gd-short{font-size:19px}
 .gd-body p,.gd-body li,.gd-qa p{font-size:17px}
 .gd-body h2,.gd-faq h2{margin-block-start:40px}
 .gd-qa h3{font-size:19px}
 .gd-book{padding-block:24px 72px}
 .gd-book .booking-large{inline-size:100%}
}