/* Template 8 detail pages: preserve the blue-purple reading system. */
.guide-page{background:#f5f7fb;color:#243147}.guide-header .header-inner{gap:20px;flex-wrap:wrap}.guide-nav{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.guide-nav a,.breadcrumbs a{color:#4f46e5;text-decoration:none;font-weight:650}.guide-nav a:hover{text-decoration:underline}.guide-shell{max-width:1200px;padding-bottom:50px}.breadcrumbs{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:32px 0 26px;font-size:.88rem;color:#64748b}.article-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,1fr);gap:40px;align-items:center;margin-bottom:42px}.article-hero h1{font-size:clamp(1.9rem,3.4vw,2.8rem);line-height:1.35;overflow-wrap:anywhere}.article-lead{font-size:1.08rem;color:#475569;line-height:1.9;margin:18px 0}.article-context{font-size:.85rem;color:#64748b;border-left:3px solid #b3a7f5;padding-left:12px}.article-hero figure{margin:0;background:#fff;border-radius:24px;border:1px solid #e0e7ff;padding:12px;box-shadow:0 16px 36px #4f46e514}.article-hero figure img{width:100%;height:auto;display:block;border-radius:16px}.article-hero figcaption{font-size:.78rem;line-height:1.6;color:#64748b;padding:12px 6px 4px}.article-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:36px;align-items:start}.article-aside{position:sticky;top:110px}.article-toc,.article-series{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:22px;margin-bottom:18px}.article-aside h2{font-size:1rem;margin-bottom:15px}.article-toc ol{padding-left:20px}.article-toc li{padding-left:2px;margin-bottom:10px;color:#94a3b8;font-size:.88rem}.article-toc a,.article-series a{color:#475569;text-decoration:none;line-height:1.7}.article-toc a:hover,.article-series a:hover{color:#4f46e5;text-decoration:underline}.toc-last{display:block;border-top:1px solid #eef2ff;margin-top:15px;padding-top:12px;font-size:.88rem}.article-series ul{list-style:none}.article-series li{font-size:.82rem;margin-bottom:12px}.article-series li:last-child{margin-bottom:0}.article-series .current{color:#4f46e5;font-weight:750}.article-body{min-width:0;background:#fff;border:1px solid #e2e8f0;border-radius:26px;padding:34px 40px;box-shadow:0 10px 30px #0f172a04}.article-section{padding-bottom:32px;margin-bottom:32px;border-bottom:1px solid #edf0f6;scroll-margin-top:110px}.article-section h2,.article-takeaways h2{font-size:1.4rem;line-height:1.5;margin-bottom:18px;color:#172554}.article-section p{font-size:1rem;line-height:1.95;margin:14px 0;color:#334155}.article-section ul,.article-takeaways ul{padding-left:22px;margin-top:16px}.article-section li,.article-takeaways li{line-height:1.9;margin:10px 0;color:#334155}.article-section li::marker,.article-takeaways li::marker{color:#6366f1}.table-scroll{overflow-x:auto;margin-top:24px;border:1px solid #e0e7ff;border-radius:14px;max-width:100%}.table-scroll table{border-collapse:collapse;width:100%;min-width:540px;font-size:.9rem;text-align:left;line-height:1.8}.table-scroll caption{padding:12px 16px;text-align:left;font-weight:700;background:#f5f3ff;color:#4f46e5}.table-scroll th,.table-scroll td{padding:14px 16px;border-bottom:1px solid #e8edf5;vertical-align:top}.table-scroll thead{background:#eef2ff}.table-scroll tbody th{font-weight:650;width:23%;color:#334155}.table-scroll tbody tr:last-child>*{border-bottom:0}.article-takeaways{scroll-margin-top:110px;background:linear-gradient(135deg,#eef2ff,#f5f3ff);border-radius:20px;padding:26px;margin-top:10px}.eyebrow{color:#6366f1;font-size:.8rem;font-weight:750;display:block;letter-spacing:.08em;margin-bottom:10px}.related-section{margin-top:48px}.related-section h2{font-size:1.5rem;margin-bottom:24px}.related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.related-grid>a{display:flex;flex-direction:column;gap:8px;border:1px solid #e0e7ff;border-radius:20px;background:#fff;padding:24px;text-decoration:none;color:#1e293b;transition:border-color .2s,transform .2s}.related-grid>a:hover{border-color:#818cf8;transform:translateY(-2px)}.related-grid span{font-size:.8rem;color:#6366f1}.related-grid strong{font-size:1.03rem;line-height:1.6}.guide-footer{padding:34px 0}.guide-bottom{display:none}.skip-link{position:absolute;left:16px;top:-80px;background:#4f46e5;color:#fff;padding:12px 20px;z-index:300;border-radius:0 0 12px 12px}.skip-link:focus{top:0}.error-page{padding-top:70px;padding-bottom:70px;max-width:1000px}.error-page h1{font-size:2.3rem}.error-page p{margin:20px 0 30px}.error-page .related-grid{margin-top:40px}#contents{scroll-margin-top:110px}a:focus-visible,.table-scroll:focus-visible{outline:3px solid #818cf8;outline-offset:4px}
@media(max-width:900px){.article-layout{grid-template-columns:210px minmax(0,1fr);gap:22px}.article-body{padding:28px}.article-hero{gap:25px}.guide-nav{gap:16px}}
@media(max-width:768px){.guide-header .header-inner{display:block}.guide-header .logo{justify-content:flex-start}.guide-nav{gap:20px;margin-top:12px;font-size:.85rem}.guide-shell{padding:0 18px 32px}.breadcrumbs{margin:24px 0 20px;font-size:.8rem}.article-hero{grid-template-columns:1fr;gap:22px;margin-bottom:24px}.article-hero h1{font-size:1.9rem}.article-hero .hero-badge{font-size:.75rem;margin-bottom:14px}.article-lead{font-size:1rem;line-height:1.85}.article-hero figure{max-width:580px}.article-layout{display:flex;flex-direction:column;gap:10px}.article-aside{position:static;width:100%}.article-series{display:none}.article-toc{padding:20px}.article-toc ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}.article-body{width:100%;padding:25px 20px;border-radius:20px}.article-section{margin-bottom:26px;padding-bottom:26px;scroll-margin-top:125px}.article-section h2,.article-takeaways h2{font-size:1.2rem}.article-section p,.article-section li,.article-takeaways li{font-size:.96rem}.article-takeaways{padding:20px}.related-section{margin-top:32px}.related-section h2{font-size:1.25rem}.related-grid{grid-template-columns:1fr;gap:12px}.related-grid>a{padding:20px}.guide-footer{padding-bottom:25px}.guide-bottom{display:flex}.error-page{padding:40px 20px}.error-page h1{font-size:1.8rem}#contents{scroll-margin-top:130px}}
@media(max-width:420px){.article-toc ol{display:block}.guide-header .logo span{font-size:1.15rem}.guide-nav{gap:16px}.article-hero h1{font-size:1.72rem}.article-body{padding:22px 18px}.article-context{font-size:.8rem}}