.sv-hero{border-bottom:1px solid var(--line);max-width:1180px;margin:auto;padding:64px 22px 56px}.sv-crumbs{color:#5c6460;margin-bottom:26px;font-size:13px}.sv-crumbs a{text-underline-offset:3px;text-decoration:underline}.sv-hero h1{font-family:var(--font-serif),Georgia,serif;letter-spacing:-.012em;max-width:900px;margin:8px 0 22px;font-size:clamp(36px,5.6vw,72px);font-weight:500;line-height:1.04}.sv-lede{color:#3d4643;max-width:720px;margin:0;font-size:clamp(17px,1.8vw,22px);line-height:1.55}.sv-actions{flex-wrap:wrap;gap:14px;margin-top:32px;display:flex}.hm-bag-dark{background:var(--navy);color:#fff;border-color:var(--navy)}.hm-bag-dark:hover{background:#204856;transform:translateY(-3px)}.hm-bag-ghost{color:var(--navy);border-color:var(--navy);background:0 0}.hm-bag-ghost:hover{background:var(--navy);color:#fff;transform:translateY(-3px)}.sv-cols{grid-template-columns:1fr 1fr;gap:56px;display:grid}.sv-cols h2{font-family:var(--font-serif),Georgia,serif;margin:0 0 22px;font-size:clamp(26px,3vw,38px);font-weight:500}.sv-list{margin:0;padding:0;list-style:none}.sv-list li{border-top:1px solid var(--line);padding:14px 0 14px 34px;font-size:17px;line-height:1.45;position:relative}.sv-list li:last-child{border-bottom:1px solid var(--line)}.sv-list li:before{content:"";border-bottom:3px solid #a35f3d;border-left:3px solid #a35f3d;width:14px;height:8px;position:absolute;top:19px;left:4px;transform:rotate(-45deg)}.sv-example{max-width:900px}.sv-badge{font-family:var(--font-mono),monospace;color:#8a4a2c;border:1px solid #8a4a2c;border-radius:4px;margin-bottom:14px;padding:3px 10px;font-size:12px;font-weight:500;display:inline-block}.sv-ex-grid{border:1px solid var(--line);border-radius:10px;grid-template-columns:1fr 1fr;gap:0;display:grid;overflow:hidden}.sv-before,.sv-after{padding:30px 28px}.sv-before{color:#5c6460;background:#ece7da}.sv-after{background:var(--navy);color:var(--paper)}.sv-ex-grid b{font-family:var(--font-mono),monospace;letter-spacing:.16em;text-transform:uppercase;margin-bottom:10px;font-size:12px;display:block}.sv-after b{color:#e6b99f}.sv-ex-grid p{font-family:var(--font-serif),Georgia,serif;margin:0;font-size:clamp(18px,2vw,26px);line-height:1.3}.sv-before p{-webkit-text-decoration:line-through #a35f3d88;text-decoration:line-through #a35f3d88;text-decoration-thickness:2px}.sv-note{color:#4a524f;margin:16px 0 0;font-size:16px}.sv-steps{grid-template-columns:repeat(4,1fr);gap:24px;margin:0;padding:0;list-style:none;display:grid}.sv-steps li{border-top:2px solid var(--ink);padding-top:14px}.sv-steps h3{font-family:var(--font-serif),Georgia,serif;margin:0 0 8px;font-size:24px;font-weight:500}.sv-steps p{color:#4a524f;margin:0}.sv-more{max-width:1180px;margin:auto;padding:40px 22px 70px}.sv-more h2{font-family:var(--font-serif),Georgia,serif;margin:0 0 14px;font-size:26px;font-weight:500}.sv-more ul{flex-wrap:wrap;gap:24px;margin:0;padding:0;list-style:none;display:flex}.sv-more a{color:#8a4a2c;font-weight:700}@media (max-width:900px){.sv-hero{padding:40px 18px}.sv-cols{grid-template-columns:1fr;gap:40px}.sv-ex-grid{grid-template-columns:1fr}.sv-steps{grid-template-columns:1fr 1fr}}@media (max-width:520px){.sv-steps{grid-template-columns:1fr}}.tm-list{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.tm-list li{border-top:2px solid var(--ink);padding-top:14px}.tm-list h3{font-family:var(--font-serif),Georgia,serif;margin:0;font-size:26px;font-weight:500}.tm-list b{font-family:var(--font-mono),monospace;letter-spacing:.1em;color:#8a4a2c;margin:6px 0 10px;font-size:12px;display:block}.tm-list p{color:#4a524f;margin:0}
