@charset "UTF-8";
:root{--ink:#102e46;--muted:#526573;--accent:#b94a16;--line:#d9e1e8;font-family:Arial,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;color:var(--ink);background:white;font-synthesis:none}*{box-sizing:border-box}body{margin:0}html{scroll-behavior:smooth;scroll-padding-top:2rem}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.wrap{width:calc(100% - 40px);max-width:1240px;margin-inline:auto}.header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-block:19px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:9px;align-items:center}.mark{display:grid;place-items:center;background:var(--ink);color:white;width:39px;height:39px;border-radius:8px;font-size:25px;font-weight:700;letter-spacing:-2px}.brand strong{font-size:17px;letter-spacing:-.5px}.brand small{display:block;font-size:10px;color:var(--muted);margin-top:5px;letter-spacing:.2px}nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:600}.nav-link{display:none}.language{display:block;font-size:12px;border:1px solid var(--line);border-radius:30px;padding:11px 13px;white-space:nowrap}.language span{margin-left:5px}.hero{display:grid;gap:34px;padding-block:44px 48px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.5px;color:var(--accent);margin:0 0 22px}h1{font-size:clamp(2.7rem,10.5vw,4rem);line-height:1.09;font-weight:600;letter-spacing:-1.9px;margin:0 0 26px}.intro{font-size:17px;line-height:1.75;color:var(--muted);margin:0 0 26px;max-width:530px}.button{display:inline-flex;align-items:center;gap:28px;background:var(--accent);color:white;padding:16px 23px;min-height:52px;border-radius:5px;font-size:14px;font-weight:600}.button:hover{background:#96390f}.button span{font-size:22px;line-height:1}.desk{background:var(--ink);color:white;border-radius:6px;min-height:300px;padding:24px;display:flex;flex-direction:column;justify-content:space-between}.desk-top{display:flex;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:1.2px;color:#c0cfdc}.desk-title{font-size:32px;line-height:1.25;letter-spacing:-1px;margin:28px 0}.desk-bottom{border-top:1px solid #506474;padding-top:17px;display:flex;align-items:center;gap:22px}.desk-bottom>span{font-size:36px;color:#f8b486}.desk-bottom p{font-size:14px;line-height:1.6;color:#d9e3eb;margin:0}.services{padding-bottom:44px}.section-heading{margin-bottom:25px}.section-heading .eyebrow{margin-bottom:15px}h2{font-size:29px;line-height:1.3;letter-spacing:-1px;font-weight:500;margin:0}.section-heading>p{font-size:16px;line-height:1.7;color:var(--muted);margin:17px 0 0}.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-block:1px solid var(--line)}.service{padding:22px 15px 15px 0}.service:nth-child(even){padding-left:15px;border-left:1px solid var(--line)}.service:nth-child(n+3){border-top:1px solid var(--line)}.number{font-size:13px;color:var(--accent);margin-bottom:22px;font-weight:600}.service h3{font-size:18px;line-height:1.35;margin:0 0 15px;min-height:49px;letter-spacing:-.4px}.service>p{font-size:16px;line-height:1.7;color:var(--muted);margin:0 0 22px;min-height:110px}details{border-top:1px solid var(--line)}summary{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;list-style:none;font-size:14px;min-height:52px}summary::-webkit-details-marker{display:none}summary span{font-size:22px;color:var(--accent)}details[open] summary span{transform:rotate(45deg)}details p{font-size:16px;line-height:1.7;color:var(--muted);margin:5px 0 14px}.approach{background:#f2f6f9;padding-block:38px}.approach-inner{display:grid;gap:30px}.approach h2{font-size:34px}.approach ol{list-style:none;counter-reset:step;padding:0;margin:0}.approach li{display:flex;gap:22px;counter-increment:step;padding:20px 0;border-bottom:1px solid var(--line)}.approach li:first-child{padding-top:0}.approach li:last-child{border:0;padding-bottom:0}.approach li:before{content:'0' counter(step);font-size:12px;color:var(--accent);padding-top:5px}.approach h3{font-size:17px;margin:0 0 8px;font-weight:600}.approach li p{font-size:16px;line-height:1.6;color:var(--muted);margin:0}.footer{padding-block:28px}.footer strong{font-size:18px}.footer p{font-size:13px;line-height:1.6;color:var(--muted);margin:9px 0 0}.footer-meta{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-top:23px}.footer a:hover,.nav-link:hover{color:var(--accent)}.skip{position:absolute;top:-80px;left:16px;background:var(--ink);color:white;padding:15px;z-index:10}.skip:focus{top:8px}html[lang=ja] h1{font-size:36px;line-height:1.4;letter-spacing:-1px}html[lang=ja] h2{font-size:26px;line-height:1.5}html[lang=ja] .desk-title{font-size:28px;line-height:1.6}html[lang=ja] .service h3{font-size:17px;min-height:52px}
@media(min-width:701px){.wrap{width:calc(100% - 56px)}.header{padding-block:28px}.brand{gap:13px}.mark{width:48px;height:48px;font-size:32px}.brand strong{font-size:20px}.brand small{font-size:12px;letter-spacing:.6px}.language{font-size:14px;padding:12px 18px}.nav-link{display:block}.hero{grid-template-columns:1.3fr 1fr;gap:5%;align-items:center;padding-block:60px}h1{font-size:clamp(2.8rem,4.8vw,4.5rem);line-height:1.06;letter-spacing:-2.5px}.intro{font-size:19px}.desk{min-height:390px;padding:28px}.desk-title{font-size:clamp(2rem,3vw,2.7rem)}.desk-bottom p{max-width:220px}.desk-bottom>span{font-size:43px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:35px}.section-heading>p{max-width:360px;margin:0}h2{font-size:34px}.service{padding:26px 24px 20px 0}.service:nth-child(even){padding-left:24px}.service h3{font-size:21px;min-height:0}.service>p{min-height:55px}.services{padding-bottom:80px}.approach{padding-block:58px}.approach-inner{grid-template-columns:1fr 1fr;gap:60px}.approach h2{font-size:40px}.footer{display:flex;justify-content:space-between;gap:35px;align-items:center;padding-block:37px}.footer-meta{margin:0}html[lang=ja] h1{font-size:clamp(2.5rem,4vw,3.65rem)}html[lang=ja] h2{font-size:29px}html[lang=ja] .service h3{font-size:19px}html[lang=ja] .desk-title{font-size:32px}}
@media(min-width:1100px){.wrap{width:calc(100% - 96px)}.hero{gap:8%;padding-block:80px 88px}.desk{min-height:410px;padding:30px 32px}.service-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.service+.service{border-left:1px solid var(--line);padding-left:24px}.service:nth-child(n+3){border-top:0}.service h3{min-height:56px}.service>p{min-height:110px}.number{margin-bottom:34px}}
@media(max-width:370px){.brand strong{font-size:15px}.mark{display:none}.service-grid{grid-template-columns:1fr}.service:nth-child(even){border-left:0;padding-left:0}.service+.service{border-top:1px solid var(--line)}.service h3,.service>p,html[lang=ja] .service h3{min-height:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Keep the existing mark footprint when the official image is supplied. */
.mark.has-image{background:transparent;overflow:hidden}.mark img{display:block;width:100%;height:100%;object-fit:contain}.button{max-width:100%}.button .button-label{font-size:inherit;line-height:1.5;min-width:0}.button>span[aria-hidden]{flex-shrink:0}

/* Lower-page sections reuse the existing type, color, and spacing system. */
.fit-note{max-width:530px;font-size:14px;line-height:1.7;color:var(--muted);margin:16px 0 0}
.pricing{padding-block:44px}











.final-cta{background:var(--ink);color:white;padding-block:44px}
.final-cta .eyebrow{color:#f8b486}
.final-cta h2{max-width:800px}
.final-cta p:not(.eyebrow){font-size:16px;line-height:1.7;color:#d9e3eb;max-width:640px;margin:20px 0 26px}
.final-cta a:focus-visible{outline-color:white}
@media(min-width:701px){.pricing{padding-block:80px}.pricing .section-heading>div{max-width:620px}.final-cta{padding-block:58px}.final-cta h2{font-size:40px}}


/* Content-rich service cards: one column on phones, up to three on desktop. */
.service-grid{grid-template-columns:1fr;gap:0 28px;border-bottom:0}
.service,.service+.service,.service:nth-child(even),.service:nth-child(n+3){padding:26px 0;border-left:0;border-top:0;border-bottom:1px solid var(--line);display:flex;flex-direction:column;min-width:0}
.service h3,html[lang=ja] .service h3,.service>p{min-height:0}
.service ul{padding-left:20px;margin:0 0 24px;font-size:16px;line-height:1.7;color:var(--muted)}
.service li+li{margin-top:7px}.service details{margin-top:auto}.service details ul{margin-top:12px}
.service summary{flex-wrap:wrap}.service summary>span[aria-hidden]{margin-left:auto}
.cases{padding-bottom:44px}.case-grid,.trust-grid{display:grid;gap:24px}
.case-grid article{border-top:1px solid var(--line);padding-top:24px}
.case-grid h3,.trust h3{font-size:18px;line-height:1.5;margin:0 0 12px}
.case-grid p,.trust p,.approach-intro{font-size:16px;line-height:1.7;color:var(--muted);margin:0 0 20px}
.case-grid a{font-size:14px;color:var(--accent);text-decoration:underline;text-underline-offset:4px;display:inline-block;padding-block:8px}
.approach-intro{margin:20px 0 0}.approach li:before{content:none}.step-label{font-size:12px;line-height:1.6;white-space:nowrap;color:var(--accent);padding-top:3px}




.trust{padding-bottom:44px}.trust h2{margin-bottom:28px}.trust-grid{background:#f2f6f9;padding:24px}.trust p{margin:0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.desk-figure{margin:0;padding:0;overflow:hidden}.desk-figure img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
@media(min-width:701px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case-grid,.trust-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cases{padding-bottom:80px}.trust{padding-bottom:80px}.trust-grid{padding:32px;gap:32px}}
@media(min-width:1100px){.service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Official logo: retain the header footprint and never hide it on narrow phones. */
.mark.has-image{display:grid;flex-shrink:0;border-radius:0;width:39px;height:39px}.mark.has-image img{object-fit:contain}
@media(min-width:701px){.mark.has-image{width:48px;height:48px}}

/* Quiet visual rhythm: a typographic process in the hero, compact case artwork. */
.desk-brand{position:relative;overflow:hidden;border-top:4px solid #ed934e;background:linear-gradient(135deg,#102e46 55%,#193e58)}
.desk-brand .desk-title{margin-block:30px;max-width:100%;position:relative}
.desk-process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 26px}
.desk-process>div{border-top:1px solid #6a7e8d;padding-top:10px}
.desk-process span{display:block;color:#f8b486;font-size:12px;letter-spacing:1px;margin-bottom:7px}
.desk-process small{font-size:12px;line-height:1.5;display:block;color:#d9e3eb}
.case-image{display:block;width:112px;height:112px;object-fit:contain;margin:0 0 20px;border-radius:5px}
.approach-visual{margin:28px 0 0;max-width:480px;overflow:hidden;border-radius:5px}
.approach-visual img{display:block;width:100%;height:auto}
.regional{display:grid;gap:28px;padding-block:44px;border-bottom:1px solid var(--line)}
.regional-location{border-left:3px solid var(--accent);padding-left:22px;align-self:start}
.regional-location .eyebrow{margin-bottom:18px}
.regional-base{font-size:26px;font-weight:600;letter-spacing:-.5px}
.regional p{font-size:16px;line-height:1.8;color:var(--muted);margin:18px 0 0}
.regional-location p{font-size:14px;margin-top:8px}
@media(min-width:701px){.regional{grid-template-columns:1fr 2fr;gap:60px;padding-block:58px}.case-image{width:128px;height:128px}}

/* Temporary image comparison: keep the full embedded copy visible at every width. */
.desk.desk-figure{display:block;min-height:0;padding:0;background:transparent;width:100%}.desk.desk-figure img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}

/* Japanese main hero: a larger image and a closer pairing, without changing the copy. */
@media(min-width:701px){html[lang=ja] .hero{grid-template-columns:1.15fr 1fr;column-gap:4%}}
@media(min-width:1100px){html[lang=ja] .hero{grid-template-columns:1.15fr 1fr;column-gap:4%}}

/* Mobility overview, not a service-area boundary. */
.regional-map{margin:0;min-width:0}.regional-map>img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}
.map-legend{list-style:none;padding:0;margin:18px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px}
.map-legend li{display:flex;gap:9px;align-items:center;font-size:14px;line-height:1.5}
.map-swatch{width:14px;height:14px;border:1px solid #52657340;border-radius:3px;flex-shrink:0}
.map-tone-0{background:#c95017}.map-tone-1{background:#f5b36f}.map-tone-2{background:#f5e6a2}.map-tone-3{background:#c6dfbc}.map-tone-4{background:#d6e0e8}
.regional-map figcaption p{font-size:14px;line-height:1.7;margin:12px 0 0}
@media(min-width:701px){.regional{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:40px}}
@media(max-width:370px){.map-legend{grid-template-columns:1fr}}

/* Keep regional heading phrases together; enlarge only the desktop map. */
.regional-title-line{display:block}.regional-title-line>span{display:inline-block}
html[lang=ja] #regional-title{font-size:clamp(23px,2vw,27px);line-height:1.6;letter-spacing:-.5px}
@media(min-width:1100px){.regional-map>img{width:112%;max-width:none;margin-inline:-6%}}
/* Pricing follows the request, with assessment as an optional branch. */
.pricing-heading{margin-bottom:30px}.pricing-heading .eyebrow{margin-bottom:15px}
.pricing-intro{max-width:760px;margin-top:20px}
.pricing-intro p,.pricing-card-copy p,.pricing-reassurance p{font-size:16px;line-height:1.75;color:var(--muted);margin:10px 0 0}
.pricing-card{min-width:0;border:1px solid var(--line);padding:24px;border-radius:5px}
.pricing-card h3{font-size:20px;line-height:1.5;margin:0;font-weight:600}
.pricing-card .plan-price{font-size:26px;line-height:1.4;font-weight:600;color:var(--ink);margin:12px 0 0}
.pricing-card .plan-english{font-size:13px;line-height:1.5;color:var(--muted);margin:5px 0 0}
.pricing-card-copy{margin-top:20px}.pricing-card-copy .plan-summary{color:var(--ink);font-weight:600}
.pricing-entry{background:#f2f6f9;border-top:3px solid var(--accent)}
.pricing-label,.pricing-branch-label,.pricing-stage-label{font-size:14px;font-weight:600;line-height:1.6;margin:0 0 16px}
.pricing-label{color:var(--accent)}.pricing-entry .plan-price{color:var(--accent)}
.pricing-branches{display:grid;gap:24px;margin-top:28px}
.pricing-branch{min-width:0;border-top:1px solid var(--line);padding-top:20px}
.pricing-optional{background:#fafbfc}
.pricing-badge{display:inline-block;border:1px solid var(--line);border-radius:20px;padding:4px 10px;font-size:12px;color:var(--muted);margin-bottom:14px}
.pricing-card .assessment-credit{border-left:2px solid var(--accent);margin-top:22px;padding-left:16px}
.assessment-credit p{font-size:14px}.assessment-credit .credit-example-title{font-weight:600;color:var(--ink);margin-top:20px}
.credit-example{margin:10px 0 0;font-size:13px;line-height:1.6}
.credit-example>div{display:flex;justify-content:space-between;gap:12px;padding:5px 0}.credit-example dd{margin:0;white-space:nowrap}
.credit-example>div:last-child{border-top:1px solid var(--line);font-weight:600;margin-top:4px;padding-top:9px}
.pricing-stage-label{margin-top:38px}.pricing-actions{display:grid;gap:18px}
.plan-notes{border-top:1px solid var(--line);margin-top:20px;padding-top:6px}.plan-notes p{font-size:14px}
.pricing-quote{margin-top:24px;background:#f2f6f9}
.pricing-reassurance{margin-top:26px}.pricing-reassurance p:first-child{color:var(--ink);font-weight:600}
@media(min-width:701px){.pricing-branches{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.pricing-entry,.pricing-quote{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);column-gap:36px;align-items:center}.pricing-entry .pricing-label{grid-column:1/-1}.pricing-entry .pricing-card-copy,.pricing-quote .pricing-card-copy{margin-top:0}.pricing-card{padding:28px}}
@media(min-width:1000px){.pricing-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.pricing-actions .pricing-card-heading{min-height:144px}}
/* Contact pages share the site's typography and restrained brand colors. */
.contact-page{max-width:860px;padding-block:30px 56px}
.contact-back{display:inline-block;font-size:14px;color:var(--muted);text-decoration:underline;text-underline-offset:4px}
.contact-intro{margin-block:32px}.contact-intro .eyebrow{margin-bottom:16px}
.contact-intro h1,html[lang=ja] .contact-intro h1{font-size:clamp(30px,4vw,46px);line-height:1.35;letter-spacing:-1px;margin-bottom:24px}
.contact-intro>p:not(.eyebrow){font-size:16px;line-height:1.8;color:var(--muted);margin:4px 0}
.contact-intro .contact-email-note{margin-top:18px!important;color:var(--ink)!important}
.contact-panel{border:1px solid var(--line);border-radius:6px;padding:22px;background:#fafbfc}
.delivery-notice{font-size:14px;line-height:1.7;border-left:2px solid var(--accent);padding-left:14px;margin:0 0 28px;color:var(--muted)}
.contact-identity{display:grid;gap:0 24px}.form-field{margin-bottom:24px;min-width:0}
.form-field label{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;font-size:16px;line-height:1.5;font-weight:600;margin-bottom:9px}
.field-kind{font-size:12px;font-weight:400;color:var(--muted)}
.form-field input,.form-field select,.form-field textarea{display:block;width:100%;min-width:0;max-width:100%;border:1px solid #a8b7c3;background:white;border-radius:4px;color:var(--ink);font:inherit;font-size:16px;line-height:1.6;padding:11px 12px}
.form-field textarea{resize:vertical;min-height:260px}.form-field input::placeholder,.form-field textarea::placeholder{color:#687986;opacity:1}
.form-field input:focus-visible,.form-field select:focus-visible,.form-field textarea:focus-visible,.contact-submit:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.form-field [aria-invalid=true]{border-color:var(--accent)}
.field-help,.contact-privacy{font-size:13px;line-height:1.7;color:var(--muted);margin:8px 0 0}
.field-error{font-size:14px;line-height:1.6;color:#96390f;margin:8px 0 0}
.message-field{margin-top:30px}.message-field label{font-size:19px}
.form-status{border-left:3px solid var(--accent);padding:12px 16px;background:#fff5ed;font-size:15px;line-height:1.7;margin-bottom:20px}
.contact-submit{border:0;font:inherit;font-size:16px;cursor:pointer;justify-content:center;min-height:52px}
.contact-submit:disabled{opacity:.6;cursor:default}.contact-privacy{border-top:1px solid var(--line);padding-top:20px;margin-top:24px}
.contact-success p{font-size:16px;line-height:1.8;color:var(--muted)}.contact-success .contact-back{margin-top:16px}
.contact-honeypot,[hidden]{display:none!important}
@media(min-width:701px){.contact-page{padding-block:40px 80px}.contact-panel{padding:36px}.contact-identity{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-intro{margin-block:40px}}
@media(max-width:370px){.contact-panel{padding:18px}.contact-submit{width:100%}}

/* Legal documents keep the shared brand and readable, stable line lengths. */
.footer-legal{display:flex;flex-wrap:wrap;gap:10px 18px;width:100%;font-size:13px;line-height:1.7}
.footer-legal a,.contact-privacy a,.legal-page a{text-decoration:underline;text-underline-offset:3px}
.footer-meta{min-width:0}.footer-legal a{overflow-wrap:anywhere}
.legal-page{max-width:860px;padding-block:32px 72px;overflow-wrap:anywhere}
.legal-heading{margin:32px 0}.legal-heading h1,html[lang=ja] .legal-heading h1{font-size:clamp(28px,4vw,42px);line-height:1.4;letter-spacing:-.6px;margin:0}
.legal-date{font-size:14px;color:var(--muted);margin-top:18px}
.legal-page section{margin-top:34px}.legal-page h2,html[lang=ja] .legal-page h2{font-size:22px;line-height:1.5;margin-bottom:16px}
.legal-page p,.legal-page li{font-size:16px;line-height:1.85;color:var(--muted)}
.legal-page ul{padding-left:1.4em}.legal-page li+li{margin-top:5px}
.legal-disclosure{margin:0}.legal-disclosure>div{border-top:1px solid var(--line);padding:20px 0}.legal-disclosure>div:last-child{border-bottom:1px solid var(--line)}
.legal-disclosure dt{font-weight:600;font-size:16px;line-height:1.7}.legal-disclosure dd{margin:8px 0 0;min-width:0}.legal-disclosure dd p{margin:0}.legal-disclosure dd p+p{margin-top:12px}
.legal-contact{border-top:1px solid var(--line);padding-top:24px;margin-top:36px}
@media(min-width:701px){.legal-disclosure>div{display:grid;grid-template-columns:190px minmax(0,1fr);gap:24px}.legal-disclosure dd{margin:0}.footer-meta{max-width:650px}.footer-legal{justify-content:flex-end}}

.pricing-currency-note{max-width:760px;font-size:13px;line-height:1.7;color:var(--muted);margin:18px 0 0}

.hero-heading-phrase{white-space:nowrap}

/* English hero: live copy stays within the artwork's dark left-hand region. */
.desk.desk-image-copy{position:relative;container-type:inline-size;background:var(--ink);border-top:4px solid #ed934e}
.desk-image-copy .hero-image-copy{position:absolute;top:12%;left:5%;width:31%;color:white}
.hero-image-eyebrow{font-size:clamp(8px,1.8cqw,10px);line-height:1.5;letter-spacing:.8px;margin:0 0 1.1em;color:#e4edf3}
.hero-image-message p{font-size:clamp(14px,4.4cqw,24px);font-weight:500;line-height:1.2;letter-spacing:-.3px;margin:0;text-wrap:pretty}
.hero-image-message p+p{margin-top:.8em}

/* Match the Japanese hero visual footprint on desktop only. */
@media(min-width:1100px){html[lang=en] .hero{grid-template-columns:1.17fr 1fr;column-gap:3%}}

/* Preserve larger layouts; keep Japanese heading phrases intact on small phones. */
.hero-small-phrase{display:contents}
@media(max-width:370px){html[lang=ja] .hero h1{font-size:34px}.hero-small-phrase{display:inline-block;white-space:nowrap}}

/* English case landing pages share the site's typography and brand. */
.lost-page{max-width:960px;padding-block:24px 72px;overflow-wrap:anywhere}
.lost-breadcrumb{font-size:13px;color:var(--muted);line-height:1.8}
.lost-page a:not(.button){text-decoration:underline;text-underline-offset:3px}
.lost-heading{padding-block:36px 12px}.lost-heading h1{font-size:clamp(36px,5vw,58px);line-height:1.1;letter-spacing:-1.2px}
.lost-page p,.lost-page li{line-height:1.8;color:var(--muted)}.lost-page .intro{font-size:20px}.lost-page section{margin-top:48px}.lost-page h2{font-size:clamp(25px,3vw,34px);line-height:1.3}.lost-page h3{font-size:19px;line-height:1.4}
.lost-page ul{padding-left:1.3em}.lost-page li+li{margin-top:8px}
.lost-page .lost-places{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0;list-style:none}.lost-places li{border:1px solid var(--line);border-radius:12px;padding:15px;margin:0!important;background:#fff}
.lost-limits{border-left:3px solid #ed934e;padding:4px 22px;background:#f7f6f2;border-radius:0 12px 12px 0}
.lost-page .lost-quotes{list-style:none;padding:0}.lost-quotes blockquote{margin:0;border-bottom:1px solid var(--line);padding:12px 0}.lost-quotes p{margin:0}
.lost-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;padding:0}.lost-steps li{border-top:1px solid var(--line);padding-top:18px;margin:0!important}
.lost-faq details{border-bottom:1px solid var(--line);padding:18px 0}.lost-faq summary{cursor:pointer;font-weight:600;line-height:1.6}.lost-faq details p{margin-bottom:0}
@media(max-width:700px){.lost-page .lost-places,.lost-steps{grid-template-columns:1fr}.lost-heading{padding-top:28px}.lost-page section{margin-top:36px}}

/* Context photography on regional support pages; preserve the original aspect ratio. */
.lost-page .region-context-image{display:block;width:100%;height:auto;margin:32px 0;border-radius:12px}