.guide-hero{padding:72px 0 44px;background:radial-gradient(circle at 75% 15%,rgba(215,130,162,.18),transparent 34%),linear-gradient(180deg,#1a1730,#17152a)}
.breadcrumb{display:flex;gap:10px;align-items:center;padding-top:24px;color:#d8d1e4;font-size:.92rem}.breadcrumb a{color:#f1e0c6}
.guide-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:32px;align-items:center}.guide-hero h1{font-size:clamp(2.4rem,6vw,4.5rem);line-height:1.02;margin:.3em 0}.guide-hero p{font-size:1.08rem;color:#e0d9e8;max-width:760px}.guide-summary{border:1px solid rgba(241,224,198,.16);border-radius:24px;background:rgba(255,255,255,.05);padding:24px}.guide-summary h2{margin-top:0}.guide-summary ul{padding-left:20px;color:#eee8f2}.guide-summary li+li{margin-top:10px}
.article-shell{padding:54px 0 80px}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:38px;align-items:start}.article-body{min-width:0}.article-body section{scroll-margin-top:100px;margin-bottom:54px}.article-body h2{font-size:clamp(1.7rem,3vw,2.5rem);margin-bottom:14px;color:#fff1d8}.article-body h3{margin-top:28px;color:#f5ead9}.article-body>section>p,.article-body>section>ul li{color:#d8d1e4;line-height:1.8}.article-body ul{padding-left:22px}.toc{position:sticky;top:100px;border:1px solid #ddd3e4;background:#fbf8f4;border-radius:20px;padding:20px}.toc strong{display:block;margin-bottom:12px;color:#302a45}.toc a{display:block;color:#514766;padding:7px 0;text-decoration:none}.toc a:hover{color:#a9587a}
.callout{border-left:4px solid #d782a2;background:#fbf1f5;border-radius:0 18px 18px 0;padding:18px 20px;margin:24px 0;color:#4d465d}.callout strong{color:#6a3550}
.layout-grid,.pick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.layout-card,.pick-card{border:1px solid #e2d9e8;border-radius:20px;background:#fff;padding:20px}.layout-card b,.pick-card b{display:block;font-size:1.1rem;margin-bottom:7px;color:#24213f}.layout-card span,.pick-card span{display:inline-block;margin-bottom:12px;font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#a9587a}.layout-card p,.pick-card p{color:#4d465d!important}
.table-wrap{overflow-x:auto;border:1px solid #e1d8e7;border-radius:20px;background:#fff}.comparison{width:100%;border-collapse:collapse;min-width:900px}.comparison th,.comparison td{text-align:left;padding:15px;border-bottom:1px solid #eee7f0;vertical-align:top;color:#4d465d}.comparison th{background:#f4eef6;color:#302a45}.comparison tr:last-child td{border-bottom:0}.comparison a{color:#8f4769;font-weight:800}
.buy-list{display:grid;gap:16px}.buy-card{border:1px solid #e2d9e8;border-radius:22px;background:#fff;padding:22px;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}.buy-card h3{margin:0 0 8px;color:#24213f}.buy-card p{margin:0;color:#4d465d!important}.buy-card a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:999px;background:#24213f;color:#fff;text-decoration:none;font-weight:800;white-space:nowrap}
.faq details{border:1px solid #e2d9e8;border-radius:16px;background:#fff;padding:16px 18px}.faq details+details{margin-top:12px}.faq summary{cursor:pointer;font-weight:800;color:#302a45}.faq p{margin-bottom:0;color:#4d465d!important}
.source-list{font-size:.92rem}.source-list a{color:#f0a9c3}
@media(max-width:900px){.guide-hero-grid,.article-layout{grid-template-columns:1fr}.toc{position:static;order:-1}.layout-grid,.pick-grid{grid-template-columns:1fr}.buy-card{grid-template-columns:1fr}.buy-card a{justify-self:start}}