/* Guides: article layout (DutyToResume brand: navy #14213d, gold #fca311) */
html{overflow-x:hidden}body{overflow-x:hidden}
nav.top .wrap{flex-wrap:wrap;row-gap:6px}
.g-wrap{max-width:720px;margin:0 auto;padding:0 20px}.g-wrap-wide{max-width:1080px;margin:0 auto;padding:0 20px}
.g-hero{background:linear-gradient(160deg,#14213d 0%,#1d3461 100%);color:#fff;padding:40px 0 44px}
.g-hero .crumbs{font-size:.85rem;color:#c9d3e6;margin:0 0 18px;opacity:1}.g-hero .crumbs a{color:#fcc066}
.g-kicker{display:inline-block;margin:0 0 10px;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#14213d;background:#fca311;padding:3px 10px;border-radius:999px}
.g-hero h1{font-size:clamp(1.75rem,4.2vw,2.6rem);line-height:1.15;margin:0 0 14px;letter-spacing:-.01em}
.g-sum{font-size:1.15rem;line-height:1.55;color:#e6ebf4;margin:0 0 16px;max-width:640px}
.g-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:.9rem;color:#c9d3e6;margin:0}
.g-main{background:#fff}
.g-art{padding:36px 20px 20px;font-size:1.07rem;line-height:1.72;color:#1b2430}
.g-art p{margin:0 0 1em}.g-art a{color:#1f4e8c;text-underline-offset:2px}.g-art a:hover{color:#14213d}
.g-art h2{font-size:1.45rem;line-height:1.25;color:#14213d;margin:0 0 12px;display:flex;align-items:center;gap:12px}
.g-sec{padding:26px 0;border-top:1px solid #e6e9ef;scroll-margin-top:16px}.g-art>.g-sec:first-of-type{border-top:0}
.g-n{flex:none;width:32px;height:32px;border-radius:50%;background:#14213d;color:#fca311;font-size:.95rem;display:inline-flex;align-items:center;justify-content:center;font-weight:800}
.g-toc{background:#f4f6fa;border:1px solid #e1e6ee;border-radius:12px;padding:18px 22px;margin:0 0 10px}
.g-toc-t{font-weight:800;color:#14213d;margin:0 0 6px!important;font-size:.95rem;text-transform:uppercase;letter-spacing:.06em}
.g-toc ol{margin:0;padding-left:1.3em;columns:2;column-gap:28px}.g-toc li{margin:4px 0;break-inside:avoid;font-size:.98rem}
.g-ex{margin:18px 0 20px;border:1px solid #dde3ec;border-radius:12px;overflow:hidden;background:#fff}
.g-ex figcaption{background:#14213d;color:#fff;font-weight:700;font-size:.85rem;padding:8px 16px;letter-spacing:.02em}
.g-ex-row{display:grid;grid-template-columns:1fr 1fr}
.g-ex-b,.g-ex-a{padding:14px 16px}.g-ex-b{background:#f6f7f9;color:#3d4757;border-right:1px solid #dde3ec}.g-ex-a{background:#fffaf0}
.g-ex p{margin:6px 0 0!important;font-size:1rem;line-height:1.55;overflow-wrap:anywhere}.g-ex-b p{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.92rem}
.g-tag{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:#5a6577}.g-ex-a .g-tag{color:#8a5a00}
.g-call{border-radius:10px;padding:14px 18px;margin:16px 0;border-left:5px solid}
.g-call p{margin:0!important;font-size:1rem}.g-call .g-call-t{font-weight:800;margin-bottom:4px!important}
.g-tip{background:#eef5ff;border-color:#1f4e8c}.g-tip .g-call-t{color:#1f4e8c}
.g-warn{background:#fff6e5;border-color:#c77d00}.g-warn .g-call-t{color:#7a4a00}
.g-check{list-style:none;padding:0;margin:0 0 1em}.g-check li{position:relative;padding:6px 0 6px 30px}
.g-check li::before{content:"✓";position:absolute;left:0;top:6px;width:20px;height:20px;border-radius:50%;background:#e7f6ec;color:#1d6b38;font-weight:800;font-size:.8rem;display:flex;align-items:center;justify-content:center}
.g-num{padding-left:1.4em}.g-num li{margin:0 0 10px;padding-left:4px}.g-num li::marker{color:#14213d;font-weight:800}
.g-rel{font-size:.95rem;color:#4a5566}
.g-cta{display:flex;gap:22px;align-items:center;justify-content:space-between;background:#14213d;color:#fff;border-radius:14px;padding:26px 28px;margin:30px 0;box-shadow:0 8px 24px rgba(20,33,61,.18)}
.g-cta h2{color:#fff!important;font-size:1.3rem!important;margin:4px 0 8px!important;display:block!important}.g-cta p{color:#dfe6f3;margin:0!important;font-size:1rem}
.g-cta-k{color:#fca311!important;font-weight:800;font-size:.8rem!important;text-transform:uppercase;letter-spacing:.08em}
.g-cta .btn{flex:none;white-space:nowrap}
.g-cta .btn:focus-visible,.g-card a:focus-visible,.g-art a:focus-visible{outline:3px solid #fca311;outline-offset:3px}
.g-faq{padding:10px 0}.g-faq .faq details{border:1px solid #e1e6ee;border-radius:10px;padding:12px 16px;margin:8px 0;background:#fafbfc}.g-faq summary{font-weight:700;cursor:pointer;color:#14213d}
.g-src{border-top:1px solid #e6e9ef;padding:18px 0 8px;font-size:.92rem}.g-src h2{font-size:1rem!important;text-transform:uppercase;letter-spacing:.06em;color:#5a6577!important}.g-src li{overflow-wrap:anywhere}
.g-more{background:#f4f6fa;padding:40px 0 48px;border-top:1px solid #e1e6ee}.g-more h2{color:#14213d;margin:0 0 18px}
.g-index{padding-top:36px}
.g-cards{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}
.g-card a{display:flex;flex-direction:column;height:100%;box-sizing:border-box;background:#fff;border:1px solid #dde3ec;border-top:4px solid #fca311;border-radius:12px;padding:20px 20px 18px;text-decoration:none;color:#1b2430;transition:transform .15s,box-shadow .15s}
.g-card a:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(20,33,61,.12)}
.g-card-k{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:#5a6577}
.g-card h3{font-size:1.15rem;line-height:1.3;color:#14213d;margin:8px 0}.g-card p{margin:0 0 14px;color:#3d4757;font-size:.97rem;flex:1}
.g-card-go{font-weight:700;color:#1f4e8c}
.g-also{margin:22px 0 0;color:#4a5566}.g-also a{color:#1f4e8c}
.g-main>.g-wrap{padding-bottom:40px}
@media (prefers-reduced-motion:reduce){.g-card a{transition:none}.g-card a:hover{transform:none}}
@media (max-width:640px){
 .g-hero{padding:28px 0 32px}.g-sum{font-size:1.05rem}.g-art{font-size:1.02rem;padding-top:26px}
 .g-ex-row{grid-template-columns:1fr}.g-ex-b{border-right:0;border-bottom:1px solid #dde3ec}
 .g-toc ol{columns:1}.g-cta{flex-direction:column;align-items:stretch;padding:22px 20px}.g-cta .btn{text-align:center;white-space:normal}
 .g-art h2{font-size:1.25rem}
}