/* Offline proposal, 01 Nov 2026. Append only after writer reviews live markup.
   Brand, text, rates, calculator logic, form handling and auth are unchanged. */
/* Sticky header is60px and section padding52px: +40px anchor offset gives32px gap. */
.s[id]{scroll-margin-top:40px}
/* Reconcile type and panel rhythm without forcing equal text lengths. */
h2{line-height:1.25}
h3,.h3{line-height:1.35}
.card,.calc{padding:24px;border-radius:16px}
.cards3{gap:20px}
.cards3>.card{min-width:0}
.card h3{margin-bottom:12px}
.card p{line-height:1.6}
.chain li{line-height:1.4}
.ex{line-height:1.6;overflow-wrap:anywhere}
.calc input,.jf input,.jf select{font-family:inherit}
.fmt th,.fmt td{padding:14px 12px;vertical-align:top}
.fmt th:first-child,.fmt td:first-child{padding-inline-start:0}
.fmt th:last-child,.fmt td:last-child{padding-inline-end:0}
/* Keep labels and amounts readable when translations wrap; amounts retain content. */
.half,.calc li{align-items:baseline;flex-wrap:wrap;row-gap:4px}
.btn-main{text-align:center;line-height:1.4}
/* Do not crop long-language hero copy inside a capped, overflow-hidden hero. */
.hero-in{max-height:none}
@media(max-width:767px){
 .cards3{gap:16px}
 .card,.calc{padding:20px}
 .fmt th,.fmt td{padding-block:12px;padding-inline:8px}
 .fmt th:first-child,.fmt td:first-child{padding-inline-start:0}
 .fmt th:last-child,.fmt td:last-child{padding-inline-end:0}
 .chain{gap:8px}
 .chain li{padding:8px 12px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Preserve the supplied logo proportions and a balanced 44px touch target. */
.logo{display:flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px}
.logo img{width:38px;height:38px;object-fit:contain}
.hd-in{gap:12px}
.hd-r{min-width:0}
.mn-btn{min-width:44px;min-height:44px;align-items:center;justify-content:center;padding:10px}
@media(max-width:767px){
 .hero-in{min-height:0;max-height:none;padding-top:32px;padding-bottom:36px}
 .hero-c{min-width:0;width:100%}
 .hero h1{margin-bottom:18px;line-height:1.16}
 .hero .sub{line-height:1.5;margin-bottom:10px}
 .hero .line{line-height:1.5;margin-bottom:22px}
 .hero .small{line-height:1.5;margin-top:14px}
 .hd-in{gap:8px}
 .hd-r{gap:6px}
 .ct-btn{padding:10px 12px}
}
/* Keep the existing honeypot visually hidden without RTL document overflow. */
.hp{left:0;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/* Hidden overflow creates a separate scroll container and breaks sticky on mobile. */
@media(max-width:767px){html,body{overflow-x:clip!important}}
/* Original circular mark: remove bitmap corners without redrawing the artwork. */
.hd-in{height:84px}
.logo{flex-basis:64px;width:64px;height:64px;border-radius:50%;overflow:hidden}
.logo img{width:64px;height:64px;object-fit:contain;border-radius:50%;clip-path:circle(50%)}
.s[id]{scroll-margin-top:64px}
@media(max-width:767px){
 .hd-in{height:76px}
 .logo{flex-basis:56px;width:56px;height:56px}
 .logo img{width:56px;height:56px}
 .s[id]{scroll-margin-top:56px}
}