:root { --guide-max: 1280px; }
.guide-library-body,.guide-article-body { background:#07111f; color:#d7e5f1; }
.guide-page-header { position:sticky; top:0; z-index:50; border-bottom:1px solid rgba(139,202,255,.14); background:rgba(7,17,31,.96); backdrop-filter:blur(16px); }
.guide-page-nav { min-height:84px; display:flex; align-items:center; justify-content:space-between; gap:28px; }
.guide-page-nav nav,.guide-language-links { display:flex; align-items:center; gap:14px; }
.guide-page-nav nav>a { color:#fff; font-size:.84rem; font-weight:700; }
.guide-language-links { gap:5px; }
.guide-language-links a { min-width:34px; height:30px; display:inline-flex; align-items:center; justify-content:center; border:1px solid rgba(139,202,255,.18); border-radius:8px; color:rgba(255,255,255,.62); font-size:.67rem; font-weight:800; }
.guide-language-links a:hover,.guide-language-links a[aria-current=page] { color:#07111f; border-color:#59d8ff; background:#59d8ff; }
.guide-breadcrumb { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:45px; color:rgba(255,255,255,.48); font-size:.75rem; }
.guide-breadcrumb a { color:rgba(255,255,255,.76); }
.library-hero,.article-hero { position:relative; overflow:hidden; background:radial-gradient(circle at 82% 25%,rgba(147,136,255,.17),transparent 32%),linear-gradient(160deg,#0d2137,#07111f); }
.library-hero::after,.article-hero::after { content:''; position:absolute; inset:auto -10% -220px; height:350px; border:1px solid rgba(89,216,255,.12); border-radius:50%; transform:rotate(-6deg); }
.library-hero .container,.article-hero .container { position:relative; z-index:1; }
.library-hero { padding:105px 0 115px; }
.library-hero h1,.article-hero h1 { max-width:1050px; margin:18px 0 24px; color:#fff; font-size:clamp(3rem,7vw,6.4rem); line-height:.98; letter-spacing:-.05em; }
.library-hero p { max-width:780px; margin:0; color:rgba(235,244,252,.75); font-size:1.18rem; line-height:1.75; }
.library-grid-section { padding:100px 0 120px; background:linear-gradient(#07111f,#0b1a2d); }
.library-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.library-card { min-height:520px; display:flex; flex-direction:column; padding:36px; border:1px solid rgba(139,202,255,.18); border-radius:24px; background:linear-gradient(150deg,rgba(18,41,67,.92),rgba(7,17,31,.8)); box-shadow:0 24px 70px rgba(0,0,0,.18); }
.library-card-icon { width:58px; height:58px; display:flex; align-items:center; justify-content:center; margin-bottom:45px; border-radius:16px; color:#07111f; background:linear-gradient(140deg,#59d8ff,#9cecff); font-size:1.5rem; }
.library-card small { color:#ffb45e; font-size:.69rem; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }
.library-card h2 { margin:15px 0 14px; color:#fff; font-size:clamp(1.65rem,2.5vw,2.3rem); line-height:1.08; }
.library-card>p { min-height:95px; color:rgba(225,238,249,.67); font-size:.9rem; }
.library-card ul { display:grid; gap:8px; margin:15px 0 30px; padding:0; list-style:none; }
.library-card li { display:grid; grid-template-columns:auto 1fr; gap:10px; font-size:.77rem; }
.library-card li strong { color:#59d8ff; }.library-card li span { color:rgba(255,255,255,.56); }
.library-card>a { display:flex; align-items:center; justify-content:space-between; margin-top:auto; padding-top:22px; border-top:1px solid rgba(139,202,255,.14); color:#fff; font-weight:700; }
.library-card>a:hover { color:#59d8ff; }.guide-method { margin:45px 0 0; padding:22px 24px; border-left:3px solid #ffb45e; background:rgba(255,180,94,.05); font-size:.82rem; }
.article-hero { padding:80px 0 0; }.article-hero h1 { max-width:1150px; }.article-deck { max-width:800px; color:rgba(235,244,252,.77); font-size:1.15rem; line-height:1.75; }
.article-meta { display:flex; flex-wrap:wrap; gap:12px 28px; margin-top:26px; color:rgba(255,255,255,.54); font-size:.76rem; font-weight:700; text-transform:uppercase; letter-spacing:.06em; }
.article-hero figure { position:relative; margin:65px 0 -110px; overflow:hidden; border:1px solid rgba(139,202,255,.2); border-radius:26px; box-shadow:0 35px 110px rgba(0,0,0,.36); }
.article-hero figure::after { content:''; position:absolute; inset:0; background:linear-gradient(180deg,transparent 65%,rgba(7,17,31,.3)); }
.article-hero figure img { width:100%; height:clamp(360px,48vw,660px); display:block; object-fit:cover; }
.article-layout { display:grid; grid-template-columns:270px minmax(0,850px); justify-content:space-between; gap:80px; padding-top:210px; padding-bottom:110px; }
.article-layout > * { min-width:0; }
.article-toc { position:sticky; top:115px; align-self:start; padding:27px; border:1px solid rgba(139,202,255,.16); border-radius:18px; background:rgba(12,30,50,.82); }
.article-toc strong { color:#fff; font-size:.78rem; text-transform:uppercase; letter-spacing:.08em; }.article-toc ol { display:grid; gap:11px; margin:20px 0 0; padding-left:20px; color:#59d8ff; }.article-toc a { color:rgba(255,255,255,.66); font-size:.81rem; line-height:1.45; }.article-toc a:hover { color:#59d8ff; }
.short-answer { padding:34px; border:1px solid rgba(89,216,255,.28); border-radius:20px; background:linear-gradient(145deg,rgba(24,61,86,.84),rgba(8,26,45,.92)); }
.short-answer>span,.article-section>span { color:#ffb45e; font-size:.67rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }.short-answer p { margin:12px 0 0; color:#fff; font-size:1.05rem; line-height:1.8; }
.fact-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:22px 0 70px; }.fact-grid article { padding:23px; border:1px solid rgba(139,202,255,.14); border-radius:15px; background:rgba(18,41,67,.5); }.fact-grid strong { display:block; margin-bottom:8px; color:#59d8ff; font-size:1.35rem; }.fact-grid p { margin:0; font-size:.77rem; line-height:1.55; }
.article-section { padding:0 0 65px; margin-bottom:65px; border-bottom:1px solid rgba(139,202,255,.14); scroll-margin-top:120px; }.article-section h2 { margin:13px 0 22px; color:#fff; font-size:clamp(2rem,4vw,3.2rem); line-height:1.08; }.article-section>p { color:rgba(225,238,249,.72); font-size:1.02rem; line-height:1.9; }.article-section>ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 28px; margin:30px 0 0; padding:0; list-style:none; }.article-section>ul li { position:relative; padding:14px 15px 14px 39px; border:1px solid rgba(139,202,255,.13); border-radius:12px; background:rgba(18,41,67,.38); font-size:.84rem; }.article-section>ul li::before { content:'✓'; position:absolute; left:15px; color:#59d8ff; font-weight:800; }
.comparison-section table { width:100%; margin-top:30px; border-collapse:collapse; }.comparison-section th,.comparison-section td { padding:18px; text-align:left; border-bottom:1px solid rgba(139,202,255,.16); vertical-align:top; }.comparison-section th { color:#59d8ff; font-size:.7rem; text-transform:uppercase; letter-spacing:.07em; }.comparison-section td { color:rgba(255,255,255,.7); font-size:.83rem; line-height:1.55; }.comparison-section td:first-child { color:#fff; font-weight:700; }
.article-faq details { margin-top:12px; border:1px solid rgba(139,202,255,.15); border-radius:14px; background:rgba(18,41,67,.43); }.article-faq summary { padding:20px 22px; cursor:pointer; color:#fff; font-weight:700; }.article-faq details p { margin:0; padding:0 22px 22px; font-size:.9rem; line-height:1.75; }
.article-sources h2 { color:#fff; font-size:1.55rem; }.article-sources ul { padding-left:20px; }.article-sources a { color:#59d8ff; text-decoration:underline; text-underline-offset:3px; }.article-sources p { margin-top:28px; padding:20px; border-left:3px solid #ffb45e; background:rgba(255,180,94,.05); font-size:.8rem; }
.related-guides { padding:90px 0; background:linear-gradient(150deg,#122943,#07111f); }.related-guides h2 { margin-bottom:35px; color:#fff; }.related-guides>div>div { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }.related-guides a { display:grid; grid-template-columns:1fr auto; gap:8px 20px; padding:28px; border:1px solid rgba(139,202,255,.17); border-radius:18px; background:rgba(7,17,31,.48); }.related-guides a span { color:#ffb45e; font-size:.68rem; text-transform:uppercase; letter-spacing:.08em; }.related-guides a strong { color:#fff; font-size:1.15rem; }.related-guides a i { grid-column:2; grid-row:1/3; align-self:center; color:#59d8ff; }
.guide-page-footer { padding:38px 0; border-top:1px solid rgba(139,202,255,.13); background:#050d18; }.guide-page-footer .container { display:flex; justify-content:space-between; gap:20px; color:rgba(255,255,255,.48); font-size:.75rem; }.guide-page-footer a { color:#fff; }
@media(max-width:991px){.library-grid{grid-template-columns:1fr}.library-card{min-height:0}.library-card>p{min-height:0}.article-layout{grid-template-columns:minmax(0,1fr);gap:45px}.article-toc{position:static}.fact-grid{grid-template-columns:1fr}.article-section>ul{grid-template-columns:1fr}}
@media(max-width:767px){.guide-page-nav{min-height:70px}.guide-page-nav nav>a{display:none}.guide-language-links{gap:3px}.guide-language-links a{min-width:27px;height:27px}.library-hero{padding:70px 0 80px}.library-hero h1,.article-hero h1{font-size:clamp(2.45rem,12vw,4rem)}.library-grid-section{padding:70px 0 85px}.library-card{padding:28px;border-radius:18px}.library-card-icon{margin-bottom:30px}.article-hero{padding-top:55px}.article-hero figure{margin-top:42px;margin-bottom:-65px;border-radius:18px}.article-hero figure img{height:260px}.article-layout{padding-top:130px;padding-bottom:75px}.short-answer{padding:25px}.fact-grid{margin-bottom:50px}.article-section{padding-bottom:48px;margin-bottom:48px}.article-section>p{font-size:.95rem}.comparison-section th,.comparison-section td{min-width:160px;padding:15px}.related-guides{padding:70px 0}.related-guides>div>div{grid-template-columns:1fr}.guide-page-footer .container{flex-direction:column}}