.guides-home{padding-top:70px}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.guide-card{padding:30px;border:1px solid var(--line);border-radius:var(--radius);background:white;box-shadow:0 12px 36px rgba(14,39,55,.06)}.guide-card-featured{color:white;background:var(--navy);border-color:var(--navy)}.guide-tag{display:inline-block;margin-bottom:16px;padding:6px 9px;color:#754900;border-radius:999px;background:#fff0cf;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.guide-card h3{margin:0 0 12px;font-size:26px;line-height:1.2}.guide-card p{margin:0;color:var(--muted);line-height:1.65}.guide-card-featured p{color:#b9c9d3}.guide-link{display:inline-block;margin-top:22px;color:var(--amber);font-weight:850}.guide-card-coming{background:#eef1ef}.guide-index-button{margin-top:24px}.page-hero{padding:82px max(24px,calc((100vw - 1000px)/2)) 72px;color:white;background:radial-gradient(circle at 80% 15%,rgba(43,128,163,.25),transparent 32%),var(--navy)}.page-hero h1{max-width:850px;margin:0;font-size:clamp(42px,5vw,68px);line-height:1.02;letter-spacing:-.05em}.page-hero>p:last-child{max-width:720px;margin:24px 0 0;color:#c3d1da;font-size:19px;line-height:1.6}.breadcrumbs{margin-bottom:25px;color:#96aab7;font-size:13px}.breadcrumbs a{color:var(--amber)}.guide-list-section{max-width:1000px;margin:auto;padding:75px 24px 110px}.guide-list-section .guide-grid{margin-top:35px}.article-shell{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:70px;max-width:1050px;margin:auto;padding:70px 24px 110px}.article-content{min-width:0}.article-content h2{margin:50px 0 15px;font-size:34px;letter-spacing:-.025em}.article-content h3{margin:32px 0 12px;font-size:23px}.article-content p,.article-content li{color:#354957;font-size:17px;line-height:1.75}.article-content li+li{margin-top:8px}.article-summary{padding:24px;border-left:5px solid var(--amber);border-radius:0 12px 12px 0;background:#fff4dc}.article-summary strong{display:block;margin-bottom:8px;font-size:20px}.example-box{margin:28px 0;padding:25px;border:1px solid #c9d9df;border-radius:14px;background:white}.example-row{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid var(--line)}.example-row:last-child{border-bottom:0}.article-aside{align-self:start;position:sticky;top:105px;padding:22px;border-radius:14px;color:white;background:var(--navy)}.article-aside strong{display:block;margin-bottom:12px;color:var(--amber)}.article-aside a{display:block;padding:8px 0;color:#c7d5dd;font-size:13px}.source-box{margin-top:45px;padding:22px;border:1px solid var(--line);border-radius:12px;background:#eef1ef}.source-box p{margin:8px 0 0;font-size:14px}.source-box a{color:#09677b;text-decoration:underline}.article-meta{display:flex;gap:18px;flex-wrap:wrap;margin-top:20px;color:#92a8b6;font-size:13px}.guide-cta{margin-top:50px;padding:34px;border-radius:18px;color:white;background:linear-gradient(135deg,var(--navy),var(--navy2))}.guide-cta h2{margin-top:0;color:white}.guide-cta p{color:#bed0da}.guide-cta .button{margin-top:8px}.faq-list{display:grid;gap:12px}.faq-list details{padding:18px 20px;border:1px solid var(--line);border-radius:12px;background:white}.faq-list summary{cursor:pointer;font-weight:850}.faq-list p{margin-bottom:0;font-size:15px}
@media(max-width:900px){.article-shell{grid-template-columns:1fr}.article-aside{position:static}.guide-grid{grid-template-columns:1fr}}
@media(max-width:580px){.page-hero{padding:58px 20px}.page-hero h1{font-size:42px}.guide-list-section,.article-shell{padding:52px 18px 78px}.article-content h2{font-size:29px}.article-content p,.article-content li{font-size:16px}.example-box{padding:18px}.article-meta{display:grid;gap:6px}}
