.intro-scope{--intro-text:#1a1a1a;--intro-text-sub:#4a5568;--intro-text-mute:#718096;--intro-border:#e2e8f0;--intro-bg-section:#f8fafc;--intro-primary:#0d47a1;--intro-primary-bg:#e8eef6;--intro-navy:#0d2137;max-width:1320px;color:var(--intro-text);margin:0}.intro-scope .toc-frame{grid-template-columns:240px 1fr;align-items:start;gap:40px;display:grid}.intro-scope .toc{border:1px solid var(--intro-border);background:#fff;border-radius:6px;padding:16px;position:sticky;top:88px;box-shadow:0 1px 3px #0000000a}.intro-scope .toc h3{text-transform:uppercase;letter-spacing:.12em;color:var(--intro-primary);margin:0 0 12px;font-size:13px;font-weight:700}.intro-scope .toc ul{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.intro-scope .toc a{color:var(--intro-text-sub);border-radius:6px;padding:8px 10px;font-size:14px;text-decoration:none;transition:background .15s,color .15s;display:block}.intro-scope .toc a:hover{background:var(--intro-bg-section);color:var(--intro-text)}.intro-scope .body{min-width:0}.intro-scope .page{padding:0}.intro-scope .content{border:1px solid var(--intro-border);background:#fff;border-radius:6px;margin-bottom:24px;padding:0 24px 32px;box-shadow:0 1px 3px #0000000a}.intro-scope .structure-content{padding:0 4px 20px}.intro-scope .structure-slot{border:1px solid var(--intro-border);background:#fff;border-radius:6px;margin:0;padding:16px 4px}.intro-scope .cover{background:var(--intro-navy);color:#fff;border-radius:6px;margin-bottom:24px;padding:48px 36px}.intro-scope .cover .eyebrow{text-transform:uppercase;letter-spacing:.18em;color:#90caf9;margin:0 0 12px;font-size:12px;font-weight:700}.intro-scope .cover h1{color:#fff;margin:0 0 16px;font-family:"Source Serif 4",Noto Serif KR,Georgia,serif;font-size:36px;font-weight:700;line-height:1.3}.intro-scope .cover .lead{color:#cbd5e1;max-width:760px;margin:0 0 24px;font-size:15px;line-height:1.8}.intro-scope .cover .meta{border-top:1px solid #ffffff1f;flex-wrap:wrap;gap:24px;padding-top:16px;display:flex}.intro-scope .cover .meta-item{color:#94a3b8;font-size:12px}.intro-scope .cover .meta-item strong{color:#fff;margin-top:4px;font-size:15px;font-weight:600;display:block}.intro-scope .section{padding:32px 0 0}.intro-scope .section-prelabel{text-transform:uppercase;letter-spacing:.14em;color:var(--intro-primary);margin:0 0 6px;font-size:13px;font-weight:700}.intro-scope .section h2{color:var(--intro-text);letter-spacing:-.01em;margin:0 0 16px;font-size:22px;font-weight:700;line-height:1.4}.intro-scope .section p{color:var(--intro-text-sub);margin:0 0 14px;font-size:15px;line-height:1.85}.intro-scope .section .quote{background:var(--intro-bg-section);border-left:3px solid var(--intro-primary);color:var(--intro-text);border-radius:0 6px 6px 0;margin:18px 0;padding:14px 18px;font-size:15px;line-height:1.8}.intro-scope .section .grid-3{grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0;display:grid}.intro-scope .section .card{border:1px solid var(--intro-border);background:#fff;border-radius:6px;padding:16px}.intro-scope .section .card .card-label{text-transform:uppercase;letter-spacing:.1em;color:var(--intro-primary);margin:0 0 8px;font-size:13px;font-weight:700}.intro-scope .section .card .card-title{color:var(--intro-text);margin:0 0 8px;font-size:16px;font-weight:600}.intro-scope .section .card .card-body{color:var(--intro-text-sub);margin:0;font-size:14px;line-height:1.7}.intro-scope .section ul.bullets{margin:12px 0;padding:0;list-style:none}.intro-scope .section ul.bullets li{color:var(--intro-text-sub);margin-bottom:6px;padding-left:18px;font-size:15px;line-height:1.85;position:relative}.intro-scope .section ul.bullets li:before{content:"";background:var(--intro-primary);border-radius:50%;width:5px;height:5px;position:absolute;top:13px;left:0}.intro-scope .section ul.bullets li strong{color:var(--intro-text);font-weight:600}.intro-scope .footer{border-top:1px solid var(--intro-border);color:var(--intro-text-mute);justify-content:space-between;align-items:center;margin-top:32px;padding:32px 0 16px;font-size:12px;display:flex}.intro-scope .footer .brand{color:var(--intro-primary);letter-spacing:.05em;font-weight:700}
