.ss-hero-art{min-height:210px;padding:32px;display:flex;align-items:center;justify-content:space-around;gap:12px;text-align:center;background:radial-gradient(circle at 25% 25%,#8450b9 0,transparent 38%),linear-gradient(115deg,#241239,#50216e 60%,#211139);color:#fff;border-radius:18px}
.ss-hero-art strong{display:block;font-size:clamp(1.5rem,4vw,2.5rem);line-height:1.15;color:#fff}.ss-hero-art small{display:block;margin-top:10px;color:#f1dfff}.ss-hero-art>span{font-size:clamp(2rem,8vw,5rem);color:#d7b6ff}
.ss-toc,.ss-warning,.ss-note{border:1px solid #9e79c6;border-radius:14px;padding:18px;margin:22px 0;background:rgba(115,67,150,.09)}
.ss-toc ol{columns:2;column-gap:30px;padding-left:22px}.ss-toc li{break-inside:avoid;margin:7px 0}
.ss-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}
.ss-grid section{border:1px solid #a080c5;border-radius:13px;padding:15px;background:rgba(111,57,150,.09)}.ss-grid h3{margin-top:0}
.ss-checklist{padding:20px 20px 20px 36px;border-left:4px solid #9d68ce;background:rgba(130,90,165,.08)}
.ss-faq{border:1px solid #9e79c6;border-radius:12px;padding:13px 16px;margin:10px 0}.ss-faq summary{cursor:pointer;font-weight:700}.ss-faq summary:focus-visible{outline:3px solid #d3b5ff;outline-offset:4px}
.ss-note{font-size:.94em}
@media(max-width:720px){.ss-toc ol{columns:1}.ss-grid{grid-template-columns:1fr}.ss-hero-art{padding:25px 14px;min-height:170px}}