:root{--howto-blue:#3155a6;--howto-ink:#17202a;--howto-muted:#5c6878;--howto-line:#dfe6ee;--howto-soft:#f5f8fc}
.howto-page{max-width:1120px;margin:0 auto;padding:18px 14px 64px;color:var(--howto-ink)}
.howto-breadcrumbs{font-size:13px;color:#6b7787;margin:0 0 18px}.howto-breadcrumbs a{color:var(--howto-blue);text-decoration:none;font-weight:800}
.howto-hero{padding:clamp(28px,6vw,68px);border-radius:28px;background:linear-gradient(145deg,#f1f6ff,#fff 64%);border:1px solid #dce6f4;box-shadow:0 18px 50px rgba(38,65,110,.07)}
.howto-eyebrow,.howto-kicker{margin:0 0 9px;color:var(--howto-blue);font-size:12px;font-weight:950;letter-spacing:.12em}.howto-hero h1{font-size:clamp(34px,6vw,66px);line-height:1.1;margin:0;letter-spacing:-.035em}.howto-hero h1 span{color:#34558f}.howto-lead{max-width:790px;font-size:clamp(16px,2.1vw,20px);line-height:1.9;color:#46556a;margin:22px 0 0}
.howto-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:25px}.howto-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:14px;background:#1f4fa3;color:#fff;text-decoration:none;font-weight:900}.howto-button--sub{background:#fff;color:#244b8e;border:1px solid #cad8eb}.howto-button--light{background:#fff;color:#18385f}.howto-text-link{color:#fff;font-weight:900;text-decoration:none}
.howto-section{margin-top:28px;padding:clamp(24px,4vw,42px);background:#fff;border:1px solid var(--howto-line);border-radius:24px;box-shadow:0 10px 30px rgba(31,48,76,.045)}.howto-section h2{font-size:clamp(26px,4vw,40px);line-height:1.25;margin:0 0 16px;letter-spacing:-.02em}.howto-section p{font-size:16px;line-height:1.95;color:#4f5c6c}.howto-section strong{color:#202e40}
.howto-intro{background:#fbfcfe}.howto-four{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:24px}.howto-four a{display:flex;flex-direction:column;gap:3px;padding:18px;border-radius:16px;background:#fff;border:1px solid #dce5f0;text-decoration:none}.howto-four b{color:#3155a6;font-size:19px}.howto-four span{color:#5b6878;font-size:13px;font-weight:800}
.howto-mode{display:grid;grid-template-columns:minmax(0,.78fr) minmax(420px,1.22fr);gap:34px;align-items:center}.howto-mode--reverse{grid-template-columns:minmax(420px,1.22fr) minmax(0,.78fr)}.howto-mode--reverse .howto-mode-copy{grid-column:2}.howto-mode--reverse>.howto-shot,.howto-mode--reverse>.howto-shot-stack{grid-column:1;grid-row:1}.howto-link{display:inline-block;margin-top:7px;color:#2655a6;text-decoration:none;font-weight:900}
.howto-shot{margin:0;border-radius:18px;overflow:hidden;background:#f7f9fc;border:1px solid #dbe3ec;box-shadow:0 12px 26px rgba(25,46,78,.08)}.howto-shot img{display:block;width:100%;height:auto}.howto-shot figcaption{padding:10px 13px;font-size:12px;line-height:1.55;color:#647184;font-weight:700;background:#fff}.howto-shot-stack{display:grid;grid-template-columns:1fr 1fr;gap:12px}.howto-shot-stack .howto-shot{align-self:start}
.howto-switch{text-align:center;padding-left:clamp(30px,8vw,100px);padding-right:clamp(30px,8vw,100px);background:#f4f8ff}.howto-switch p{max-width:820px;margin-left:auto;margin-right:auto}
.howto-persist{display:grid;grid-template-columns:minmax(0,.82fr) minmax(390px,1.18fr);gap:34px;align-items:center;background:#fffaf0;border-color:#efe2bd}
.howto-final{text-align:center;background:#17395d;color:#fff;border-color:#17395d}.howto-final h2,.howto-final .howto-kicker{color:#fff}.howto-final p{color:#e8eef6;max-width:760px;margin-left:auto;margin-right:auto}.howto-final .howto-actions{justify-content:center}
@media(max-width:800px){.howto-four{grid-template-columns:1fr 1fr}.howto-mode,.howto-mode--reverse,.howto-persist{grid-template-columns:1fr;gap:22px}.howto-mode--reverse .howto-mode-copy,.howto-mode--reverse>.howto-shot,.howto-mode--reverse>.howto-shot-stack{grid-column:auto;grid-row:auto}.howto-mode-copy{order:1}.howto-mode>.howto-shot,.howto-mode>.howto-shot-stack{order:2}.howto-persist-copy{order:1}.howto-persist>.howto-shot{order:2}}
@media(max-width:520px){.howto-page{padding:10px 8px 42px}.howto-hero,.howto-section{border-radius:18px}.howto-four{grid-template-columns:1fr 1fr;gap:7px}.howto-four a{padding:13px}.howto-shot-stack{grid-template-columns:1fr}.howto-actions{align-items:stretch}.howto-button{width:100%}}