/* DERINSU v0.8.0 — technical guide layer + approved active navigation */
.desktop-nav a[aria-current="page"]{color:#ff9f1a!important}
.desktop-nav a[aria-current="page"]::after{background:#ff9f1a!important}
.guide-index-hero{padding:clamp(72px,8vw,128px) 0;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#f4f2ec 0%,#f4f2ec 62%,#edf4ff 62%,#edf4ff 100%)}
.guide-index-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:clamp(42px,8vw,120px);align-items:end}.guide-index-hero h1{font-size:clamp(58px,7vw,108px);line-height:.9;letter-spacing:-.07em;max-width:950px;margin:22px 0}.guide-index-hero p:not(.eyebrow){font-size:19px;line-height:1.6;max-width:800px;color:var(--muted)}.guide-index-note{border-left:4px solid var(--signal);padding:18px 0 18px 24px}.guide-index-note strong,.guide-index-note span{display:block}.guide-index-note strong{font-size:26px}.guide-index-note span{margin-top:8px;font-size:16px;line-height:1.5;color:var(--muted)}
.guide-list-section{padding:32px 0 96px}.guide-list{border-top:1px solid var(--line)}.guide-row{display:grid;grid-template-columns:70px minmax(0,1fr) 50px;gap:24px;align-items:center;padding:34px 4px;border-bottom:1px solid var(--line);text-decoration:none;transition:background .2s,padding .2s}.guide-row:hover{background:#fff;padding-left:18px;padding-right:18px}.guide-no{font-family:var(--mono);font-size:13px;color:var(--muted)}.guide-category{font-family:var(--mono);font-size:13px;letter-spacing:.05em;text-transform:uppercase;color:#2257ff}.guide-row h2{margin:7px 0 7px;font-size:clamp(25px,2.4vw,38px);letter-spacing:-.035em}.guide-row p{margin:0;max-width:900px;font-size:16px;line-height:1.55;color:var(--muted)}.guide-arrow{font-size:30px;color:var(--signal)}
.guide-article-head{padding:clamp(56px,7vw,110px) 0;border-bottom:1px solid var(--line);background:#f4f2ec}.guide-article-head-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:clamp(50px,7vw,100px);align-items:center}.guide-article-head h1{margin:18px 0 20px;font-size:clamp(50px,6.4vw,94px);line-height:.93;letter-spacing:-.065em}.guide-deck{font-size:20px;line-height:1.55;max-width:800px;color:var(--muted)}.guide-meta{display:flex;gap:22px;flex-wrap:wrap;margin-top:28px;font-family:var(--mono);font-size:13px;color:#555}.guide-cover{margin:0;background:#111;position:relative;overflow:hidden;min-height:410px}.guide-cover img{width:100%;height:430px;object-fit:cover;display:block}.guide-cover figcaption{position:absolute;left:0;right:0;bottom:0;padding:38px 20px 18px;background:linear-gradient(transparent,rgba(0,0,0,.8));color:#fff;font-size:14px;line-height:1.45}
.guide-reading-grid{display:grid;grid-template-columns:minmax(0,820px) minmax(270px,330px);justify-content:space-between;gap:70px;padding-top:70px;padding-bottom:96px}.guide-content{font-size:18px;line-height:1.72}.guide-content h2{margin:54px 0 16px;font-size:clamp(29px,3vw,43px);letter-spacing:-.04em;line-height:1.05}.guide-content h2:first-child{margin-top:0}.guide-content h3{margin:35px 0 12px;font-size:24px}.guide-content p{margin:0 0 22px}.guide-content ul,.guide-content ol{padding-left:24px;margin:0 0 28px}.guide-content li{margin:8px 0}.guide-content a{color:#174fda;text-decoration-thickness:1px;text-underline-offset:3px}.guide-content strong{font-weight:800}.guide-aside{position:sticky;top:145px;align-self:start;display:grid;gap:16px}.guide-aside>div{border:1px solid var(--line);background:#fff;padding:22px}.guide-aside-label{display:block;margin-bottom:14px;font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.guide-aside a{display:block;padding:13px 0;border-top:1px solid var(--line);text-decoration:none}.guide-aside a:first-of-type{border-top:0}.guide-aside strong,.guide-aside span{display:block}.guide-aside strong{font-size:17px}.guide-aside a span{margin-top:3px;font-size:14px;color:var(--muted)}
.related-guides{padding:76px 0 96px;background:#11120f;color:#fff}.related-guides .eyebrow{color:#b7b9b3}.related-guide-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #333}.related-guide-grid a{display:grid;gap:9px;padding:28px 20px;border-bottom:1px solid #333;text-decoration:none}.related-guide-grid a:nth-child(odd){border-right:1px solid #333}.related-guide-grid span{font-family:var(--mono);font-size:12px;color:#8ca8ff;text-transform:uppercase}.related-guide-grid strong{font-size:22px;line-height:1.2}.related-guide-grid b{margin-top:8px;font-size:14px;color:#ff9f1a}
@media(max-width:980px){.guide-index-grid,.guide-article-head-grid,.guide-reading-grid{grid-template-columns:1fr}.guide-index-note{max-width:600px}.guide-cover{min-height:330px}.guide-cover img{height:370px}.guide-aside{position:static;grid-template-columns:1fr 1fr}.related-guide-grid{grid-template-columns:1fr}.related-guide-grid a:nth-child(odd){border-right:0}}
@media(max-width:700px){.guide-index-hero{padding:58px 0}.guide-index-hero h1{font-size:clamp(48px,14vw,70px)}.guide-index-hero p:not(.eyebrow){font-size:17px}.guide-row{grid-template-columns:40px 1fr 28px;gap:12px;padding:26px 0}.guide-row p{font-size:15px}.guide-article-head h1{font-size:clamp(44px,13vw,66px)}.guide-deck{font-size:18px}.guide-cover{min-height:280px}.guide-cover img{height:300px}.guide-reading-grid{padding-top:50px;gap:44px}.guide-content{font-size:17px}.guide-aside{grid-template-columns:1fr}.related-guide-grid strong{font-size:20px}}
