:root { color-scheme: light; font-family: "Segoe UI", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif; color: #192338; background: #f4f6fb; font-synthesis: none; text-rendering: optimizeLegibility; }
* { box-sizing: border-box; }
body { margin: 0; padding: 36px 16px; }
a { color: #455de7; text-underline-offset: 3px; }
.info-shell { width: min(760px, 100%); margin: 0 auto; padding: clamp(22px, 5vw, 44px); border: 1px solid #e8ebf2; border-radius: 20px; background: #fff; box-shadow: 0 10px 35px #2534600b; }
.back-link { display: inline-block; margin: 0 0 30px; font-size: 13px; text-decoration: none; }
.eyebrow { margin: 0 0 8px; color: #455de7; font-size: 12px; font-weight: 750; }
h1 { margin: 0; font-size: clamp(26px, 5vw, 36px); line-height: 1.25; letter-spacing: -.04em; }
.lead { margin: 15px 0 30px; color: #5d6880; font-size: 15px; line-height: 1.8; }
section { margin-top: 27px; }
h2 { margin: 0 0 11px; font-size: 18px; }
section p { margin: 0; color: #505c73; font-size: 14px; line-height: 1.8; }
.steps { display: grid; gap: 16px; margin: 28px 0; padding-left: 24px; }
.steps li { padding-left: 5px; line-height: 1.65; }
.steps strong, .steps span { display: block; }
.steps span { margin-top: 3px; color: #5d6880; font-size: 14px; }
details { padding: 15px 0; border-top: 1px solid #edf0f5; }
summary { cursor: pointer; font-size: 14px; font-weight: 700; }
details p { margin-top: 9px; }
.updated { margin: 27px 0 0; color: #8993a6; font-size: 11px; }
@media (max-width: 480px) { body { padding: 12px 9px; } .info-shell { border-radius: 15px; } .back-link { margin-bottom: 23px; } }