.guide-detail-page { background:#f8fafc; color:#172033; }
.guide-detail-loading { min-height:65vh; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:1rem; color:#64748b; }
.guide-detail-hero { display:flex; align-items:center; min-height:clamp(540px,72vh,760px); padding:clamp(5rem,10vw,8rem) 1.5rem; background-color:#071b35; background-position:center; background-size:cover; color:#fff; }
.guide-detail-hero__inner { width:min(900px,100%); margin:0 auto; }
.guide-detail-back { display:inline-flex; align-items:center; gap:.5rem; margin-bottom:2rem; color:rgba(255,255,255,.75); font-size:.88rem; font-weight:700; text-decoration:none; }
.guide-detail-back:hover { color:#fff; }
.guide-detail-category { display:inline-flex; padding:.45rem .8rem; background:#facc15; border-radius:999px; color:#172033; font-size:.72rem; font-weight:800; letter-spacing:.04em; text-transform:uppercase; }
.guide-detail-hero h1 { max-width:850px; margin:1rem 0 1.2rem; color:#fff; font-family:Poppins,sans-serif; font-size:clamp(2.2rem,5.5vw,4.2rem); line-height:1.08; letter-spacing:-.04em; }
.guide-detail-lead { max-width:760px; margin:0; color:rgba(255,255,255,.78); font-size:clamp(1rem,2vw,1.2rem); line-height:1.7; }
.guide-detail-meta { display:flex; flex-wrap:wrap; gap:.6rem 1.5rem; margin-top:1.5rem; color:rgba(255,255,255,.68); font-size:.82rem; font-weight:600; }
.guide-detail-layout { display:grid; grid-template-columns:minmax(0,760px) 260px; gap:4rem; width:min(1100px,calc(100% - 3rem)); margin:4rem auto 5rem; align-items:start; }
.guide-detail-content { min-width:0; }
.guide-detail-content section { padding-top:.4rem; margin-bottom:3rem; }
.guide-detail-content h2 { margin:0 0 1rem; color:#0b315a; font-family:Poppins,sans-serif; font-size:clamp(1.45rem,3vw,2rem); line-height:1.25; }
.guide-detail-content p { margin:0 0 1.15rem; color:#4c5a6e; font-size:1.02rem; line-height:1.85; }
.guide-detail-content ul { display:grid; gap:.8rem; margin:1.4rem 0; padding:0; list-style:none; }
.guide-detail-content li { position:relative; padding-left:1.7rem; color:#3d4b5f; line-height:1.7; }
.guide-detail-content li::before { content:'✓'; position:absolute; left:0; top:.05rem; color:#0b67aa; font-weight:900; }
.guide-detail-content blockquote { margin:2rem 0 0; padding:1.4rem 1.6rem; background:#eaf4fd; border-left:4px solid #0b67aa; border-radius:0 12px 12px 0; color:#173b60; font-size:1rem; line-height:1.7; }
.guide-detail-takeaway { margin-top:3.5rem; padding:1.7rem 1.9rem; background:#eaf4fd; border-left:4px solid #0b67aa; border-radius:0 14px 14px 0; }
.guide-detail-takeaway span { display:block; margin-bottom:.45rem; color:#0b5a98; font-size:.75rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.guide-detail-takeaway p { margin:0; color:#173b60; font-weight:600; }
.guide-detail-aside { position:sticky; top:110px; padding:1.4rem; background:#fff; border:1px solid #dde5ee; border-radius:16px; box-shadow:0 8px 26px rgba(15,23,42,.06); }
.guide-detail-aside h2 { margin:0 0 .9rem; color:#172033; font-size:1rem; }
.guide-detail-aside a { display:block; padding:.75rem 0; border-top:1px solid #edf1f5; color:#536173; font-size:.84rem; line-height:1.45; text-decoration:none; }
.guide-detail-aside a:hover { color:#0b5ea8; }
.guide-detail-related { padding:4rem 1.5rem 5rem; background:#fff; border-top:1px solid #e4e9ef; }
.guide-detail-related__inner { width:min(1100px,100%); margin:0 auto; }
.guide-detail-related h2 { margin:0 0 1.5rem; color:#172033; font-family:Poppins,sans-serif; font-size:1.8rem; }
.guide-related-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.25rem; }
.guide-related-card { overflow:hidden; background:#f8fafc; border:1px solid #e1e7ef; border-radius:14px; color:inherit; text-decoration:none; transition:transform .2s ease,box-shadow .2s ease; }
.guide-related-card:hover { transform:translateY(-4px); box-shadow:0 12px 30px rgba(15,23,42,.1); }
.guide-related-card img { width:100%; height:150px; display:block; object-fit:cover; }
.guide-related-card div { padding:1rem; }
.guide-related-card span { color:#0b5ea8; font-size:.7rem; font-weight:800; text-transform:uppercase; }
.guide-related-card h3 { margin:.45rem 0 0; color:#172033; font-size:1rem; line-height:1.4; }
.guide-detail-error { min-height:65vh; display:grid; place-items:center; padding:3rem 1.5rem; text-align:center; }
.guide-detail-error h1 { color:#172033; }
.guide-detail-error a { display:inline-flex; margin-top:1rem; }
@media(max-width:860px){.guide-detail-layout{grid-template-columns:1fr;gap:2rem}.guide-detail-aside{position:static}.guide-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.guide-detail-hero{min-height:580px;background-position:60% center}.guide-detail-layout{width:calc(100% - 2rem);margin-top:2.5rem}.guide-related-grid{grid-template-columns:1fr}.guide-detail-related{padding-inline:1rem}}