/* Winter Crystal v6: detailed, readable sections in both themes */
:root{--info-bg:rgba(242,248,255,.84);--info-border:rgba(255,255,255,.9);--info-ink:#142358;--info-muted:#526796;--info-subtle:#e5efff;--info-shadow:0 16px 42px rgba(61,98,166,.12)}
html[data-theme="dark"]{--info-bg:rgba(16,31,75,.85);--info-border:rgba(89,122,194,.56);--info-ink:#f4f8ff;--info-muted:#bdcbea;--info-subtle:#192e63;--info-shadow:0 17px 48px rgba(1,9,36,.42)}
body.v5-body .info-section{position:relative;z-index:2;margin-top:70px;margin-bottom:50px;color:var(--info-ink)}
.info-heading{text-align:center;margin:0 auto 30px;max-width:750px}.info-kicker{display:inline-block;font-size:11px;font-weight:850;letter-spacing:.16em;color:var(--v5-accent,#438ce8);background:var(--info-bg);border:1px solid var(--info-border);padding:9px 14px;border-radius:100px}.info-heading h2{font-weight:850;letter-spacing:-1.5px;font-size:clamp(29px,3.4vw,45px);line-height:1.13;margin:15px 0}.info-heading h2 span{background:linear-gradient(100deg,#23bafa,#9670ff);color:transparent;-webkit-background-clip:text;background-clip:text}.info-heading p{font-weight:600;color:var(--info-muted);font-size:14px;line-height:1.8}
.info-cap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.info-cap{min-width:0;display:flex;flex-direction:column;gap:11px;background:var(--info-bg);border:1px solid var(--info-border);border-radius:22px;padding:25px;box-shadow:var(--info-shadow);backdrop-filter:blur(19px);transition:transform .2s,border-color .2s}.info-cap:hover,.info-scenario:hover{transform:translateY(-3px);border-color:#7eabff}.info-cap--hero{grid-column:span 2;background:linear-gradient(115deg,rgba(72,185,255,.2),var(--info-bg) 68%);padding:31px}.info-cap-top{display:flex;justify-content:space-between;gap:15px;align-items:center}.info-cap-tag{border-radius:999px;background:var(--info-subtle);padding:8px 13px;color:var(--info-muted);font-size:11px;font-weight:800}.info-emoji{font-size:30px;line-height:1.3}.info-cap h3{font-weight:850;font-size:20px;line-height:1.3;margin:0;letter-spacing:-.4px}.info-cap p{font-size:13px;font-weight:600;line-height:1.8;color:var(--info-muted);margin:0}.info-more{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:11px;color:#4c9eea;font-size:13px;font-weight:850}.info-more span{font-size:21px}.info-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.info-chips a{padding:9px 12px;border-radius:999px;border:1px solid var(--info-border);background:var(--info-subtle);font-weight:750;color:var(--info-ink);font-size:11px}
.info-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.info-steps li{background:var(--info-bg);border:1px solid var(--info-border);border-radius:21px;box-shadow:var(--info-shadow);padding:22px;display:flex;flex-direction:column;min-width:0}.info-num{font-size:31px;font-weight:900;background:linear-gradient(95deg,#15b8ff,#9d6cff);color:transparent;-webkit-background-clip:text;background-clip:text}.info-steps h3{font-size:17px;font-weight:850;margin:16px 0 10px}.info-steps p{font-size:12px;line-height:1.75;color:var(--info-muted);font-weight:600;margin:0 0 15px}.info-steps a{color:#60bbff;font-size:12px;font-weight:850;margin-top:auto}
.info-scenario-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.info-scenario{border:1px solid var(--info-border);background:var(--info-bg);border-radius:20px;display:flex;gap:16px;align-items:flex-start;padding:22px;box-shadow:var(--info-shadow);transition:transform .2s}.info-scenario>span{font-size:30px}.info-scenario h3{margin:0 0 7px;font-size:17px;font-weight:850}.info-scenario p{margin:0;color:var(--info-muted);font-size:12px;font-weight:600;line-height:1.75}
.info-faq-list{width:min(880px,100%);margin:auto;display:grid;gap:11px}.info-faq-list details{border:1px solid var(--info-border);background:var(--info-bg);border-radius:17px;overflow:hidden;box-shadow:var(--info-shadow)}.info-faq-list summary{padding:20px 24px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;font-size:14px;font-weight:800}.info-faq-list summary::-webkit-details-marker{display:none}.info-faq-list summary span{font-size:23px;color:#7f9cfc;transition:transform .2s}.info-faq-list details[open] summary span{transform:rotate(45deg)}.info-faq-list details p{border-top:1px solid var(--info-border);padding:16px 24px 22px;margin:0;color:var(--info-muted);font-size:13px;line-height:1.85}.info-faq-list details p a{color:#4caeff;text-decoration:underline}
body.v5-body .info-bottom{margin:78px auto 35px;border:1px solid var(--info-border);border-radius:26px;background:linear-gradient(115deg,rgba(74,161,246,.22),var(--info-bg));padding:32px 45px;display:flex;justify-content:space-between;gap:28px;align-items:center;box-shadow:var(--info-shadow)}.info-bottom h2{font-size:28px;margin:12px 0;color:var(--info-ink);line-height:1.2}.info-bottom p{font-size:13px;margin:0;color:var(--info-muted);line-height:1.7}.info-bottom-actions{display:flex;gap:12px;flex:none;flex-wrap:wrap}.info-bottom-actions a{border-radius:13px;padding:14px 17px;font-size:12px;font-weight:850;white-space:nowrap}.info-primary{background:linear-gradient(120deg,#128ffa,#8e58ff);color:white}.info-secondary{background:var(--info-subtle);border:1px solid var(--info-border);color:var(--info-ink)}
.info-cap a:focus-visible,.info-steps a:focus-visible,.info-faq-list summary:focus-visible,.info-bottom a:focus-visible{outline:3px solid #48b7ff;outline-offset:3px}
@media(max-width:920px){.info-cap-grid{grid-template-columns:1fr 1fr}.info-steps{grid-template-columns:1fr 1fr}.info-scenario-grid{grid-template-columns:1fr}.info-bottom{flex-direction:column;align-items:flex-start!important}}
@media(max-width:580px){body.v5-body .info-section{margin-top:55px;margin-bottom:30px}.info-cap-grid,.info-steps{grid-template-columns:1fr}.info-cap--hero{grid-column:auto}.info-cap{padding:21px}.info-heading h2{font-size:29px}.info-heading p{font-size:13px}.info-steps li{min-height:unset}.info-scenario{padding:19px}.info-faq-list summary{font-size:13px;padding:17px}.info-faq-list details p{padding:14px 18px 19px}.info-bottom{padding:25px 19px!important;margin-top:55px!important}.info-bottom h2{font-size:23px}.info-bottom-actions{width:100%}.info-bottom-actions a{flex:1;text-align:center}}
@media(prefers-reduced-motion:reduce){.info-cap,.info-scenario{transition:none}}