@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700&display=swap");

:root{
--color-primary:#1a365d;
--color-primary-mid:#234876;
--color-primary-light:#2c5282;
--color-accent:#d4a012;
--color-accent-soft:#fef9e7;
--color-bg:#f0f4f8;
--color-bg-alt:#e8eef4;
--color-card:#ffffff;
--color-text:#1e293b;
--color-muted:#64748b;
--color-border:#e2e8f0;
--color-border-strong:#cbd5e1;
--radius:12px;
--radius-sm:8px;
--radius-lg:20px;
--shadow-sm:0 1px 3px rgba(26,54,93,.06);
--shadow:0 4px 24px rgba(26,54,93,.1);
--shadow-lg:0 12px 40px rgba(26,54,93,.14);
--header-h:4rem;
--transition:0.2s ease;
--font:"Noto Sans KR","Malgun Gothic","Apple SD Gothic Neo",sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
font-family:var(--font);
max-width:1140px;
margin:0 auto;
padding:0 24px 48px;
line-height:1.7;
color:var(--color-text);
background:var(--color-bg);
background-image:
radial-gradient(ellipse 80% 50% at 50% -20%,rgba(44,82,130,.12),transparent),
radial-gradient(ellipse 60% 40% at 100% 0%,rgba(212,160,18,.06),transparent);
min-height:100vh;
}
a{color:var(--color-primary-light);transition:color var(--transition)}
a:hover{color:var(--color-accent)}

/* Header */
.site-header{
position:sticky;
top:0;
z-index:100;
background:rgba(255,255,255,.88);
backdrop-filter:blur(12px);
-webkit-backdrop-filter:blur(12px);
margin:0 -24px 2rem;
padding:.85rem 24px;
border-bottom:1px solid var(--color-border);
box-shadow:var(--shadow-sm);
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:space-between;
gap:.75rem;
}
.site-header h1{
margin:0;
font-size:1.15rem;
font-weight:700;
flex:1 1 auto;
letter-spacing:-.02em;
}
.site-header h1 a{
display:inline-flex;
align-items:center;
gap:.6rem;
color:var(--color-primary);
text-decoration:none;
}
.site-header h1 a::before{
content:"";
width:2.1rem;
height:2.1rem;
border-radius:10px;
background:linear-gradient(145deg,var(--color-primary) 0%,var(--color-primary-light) 100%);
box-shadow:0 2px 8px rgba(26,54,93,.25);
flex-shrink:0;
}
.site-header h1 a:hover{color:var(--color-primary-light)}
.site-header h1 a:hover::before{transform:scale(1.03);transition:transform var(--transition)}
.site-nav{display:flex;flex-wrap:wrap;gap:.15rem 1.5rem;align-items:center}
.site-nav a{
text-decoration:none;
color:var(--color-muted);
font-weight:500;
font-size:.925rem;
padding:.35rem 0;
border-bottom:2px solid transparent;
transition:color var(--transition),border-color var(--transition);
}
.site-nav a:hover{color:var(--color-primary)}
.site-nav a.active{
color:var(--color-primary);
border-bottom-color:var(--color-accent);
font-weight:600;
}
.nav-toggle{
display:none;
padding:.45rem .9rem;
font-size:.875rem;
font-family:var(--font);
font-weight:500;
background:var(--color-card);
border:1px solid var(--color-border);
border-radius:var(--radius-sm);
cursor:pointer;
color:var(--color-primary);
transition:background var(--transition),border-color var(--transition);
}
.nav-toggle:hover{background:var(--color-bg-alt)}

/* Hero */
.hero{
position:relative;
background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-mid) 45%,var(--color-primary-light) 100%);
color:#fff;
padding:2.75rem 2.25rem;
border-radius:var(--radius-lg);
margin-bottom:2rem;
overflow:hidden;
box-shadow:var(--shadow-lg);
}
.hero::before{
content:"";
position:absolute;
top:-40%;
right:-15%;
width:55%;
height:140%;
background:radial-gradient(circle,rgba(212,160,18,.2) 0%,transparent 65%);
pointer-events:none;
}
.hero::after{
content:"";
position:absolute;
bottom:-30%;
left:-10%;
width:45%;
height:80%;
background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 70%);
pointer-events:none;
}
.hero h2,.hero p,.hero-actions{position:relative;z-index:1}
.hero h2{
margin:0 0 1rem;
font-size:clamp(1.35rem,4vw,1.85rem);
font-weight:700;
color:#fff;
letter-spacing:-.03em;
line-height:1.35;
}
.hero p{
margin:0;
opacity:.92;
max-width:38em;
font-size:1.02rem;
line-height:1.75;
}
.hero-actions{
display:flex;
flex-wrap:wrap;
gap:.75rem;
margin-top:1.5rem;
}
.btn-ghost{
display:inline-block;
padding:.65rem 1.4rem;
font-size:.95rem;
font-weight:600;
color:#fff;
text-decoration:none;
border:2px solid rgba(255,255,255,.45);
border-radius:var(--radius-sm);
transition:background var(--transition),border-color var(--transition);
}
.btn-ghost:hover{
background:rgba(255,255,255,.12);
border-color:#fff;
color:#fff;
}
.hero--compact{padding:2rem 1.75rem}
.hero--compact h2{font-size:1.35rem}

/* Stats */
.stats{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:1.25rem;
margin-bottom:2.25rem;
}
.stat-card{
background:var(--color-card);
border:1px solid var(--color-border);
border-radius:var(--radius);
padding:1.5rem 1.25rem;
text-align:center;
box-shadow:var(--shadow-sm);
transition:transform var(--transition),box-shadow var(--transition);
}
.stat-card:hover{
transform:translateY(-3px);
box-shadow:var(--shadow);
}
.stat-card strong{
display:block;
font-size:1.75rem;
font-weight:700;
color:var(--color-primary);
letter-spacing:-.02em;
}
.stat-card strong::after{
content:"";
display:block;
width:2rem;
height:3px;
background:linear-gradient(90deg,var(--color-accent),transparent);
margin:.5rem auto 0;
border-radius:2px;
}
.stat-card span{font-size:.8125rem;color:var(--color-muted);font-weight:500}

/* Sections */
main section{margin-bottom:2.5rem}
main h2{
font-size:1.25rem;
font-weight:700;
margin:0 0 1rem;
color:var(--color-primary);
letter-spacing:-.02em;
padding-bottom:.5rem;
border-bottom:2px solid var(--color-border);
display:inline-block;
min-width:0;
}
main section > ul:not(.report-list):not(.recent-list){
list-style:none;
padding:0;
margin:0;
}
main section > ul:not(.report-list):not(.recent-list) li{
position:relative;
padding:.5rem 0 .5rem 1.5rem;
border-bottom:1px solid var(--color-border);
}
main section > ul:not(.report-list):not(.recent-list) li:last-child{border-bottom:none}
main section > ul:not(.report-list):not(.recent-list) li::before{
content:"";
position:absolute;
left:0;top:.85rem;
width:6px;height:6px;
background:var(--color-accent);
border-radius:50%;
}

/* Cards */
.card-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:1.25rem;
}
.card{
background:var(--color-card);
border:1px solid var(--color-border);
border-radius:var(--radius);
padding:1.5rem;
box-shadow:var(--shadow-sm);
transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition);
display:flex;
flex-direction:column;
}
.card:hover{
transform:translateY(-4px);
box-shadow:var(--shadow);
border-color:var(--color-border-strong);
}
.card h3{
margin:0 0 .4rem;
font-size:1.1rem;
font-weight:700;
color:var(--color-primary);
}
.card .meta{
font-size:.75rem;
color:var(--color-muted);
margin-bottom:.6rem;
text-transform:uppercase;
letter-spacing:.04em;
font-weight:600;
}
.card p{flex:1;margin:0 0 1rem;font-size:.95rem;color:var(--color-muted);line-height:1.65}
.card a{
font-weight:600;
font-size:.9rem;
text-decoration:none;
color:var(--color-primary-light);
display:inline-flex;
align-items:center;
gap:.25rem;
}
.card a:hover{color:var(--color-accent)}

.featured-report{
background:linear-gradient(135deg,var(--color-card) 0%,var(--color-accent-soft) 100%);
border:1px solid rgba(212,160,18,.25);
border-left:4px solid var(--color-accent);
padding:1.35rem 1.5rem;
border-radius:var(--radius);
margin-bottom:2rem;
box-shadow:var(--shadow-sm);
}
.featured-report .label{
font-size:.75rem;
color:var(--color-accent);
font-weight:700;
text-transform:uppercase;
letter-spacing:.06em;
margin:0 0 .35rem;
}
.featured-report h3{margin:.25rem 0 .5rem;font-size:1.15rem}
.featured-report h3 a{color:var(--color-primary);text-decoration:none;font-weight:700}
.featured-report h3 a:hover{color:var(--color-primary-light)}
.featured-report p{margin:0;font-size:.95rem;color:var(--color-muted)}

/* Reports list */
.report-list{list-style:none;padding:0;margin:0}
.report-list li{
background:var(--color-card);
border:1px solid var(--color-border);
border-radius:var(--radius);
padding:1.25rem 1.5rem;
margin-bottom:1rem;
box-shadow:var(--shadow-sm);
transition:box-shadow var(--transition),border-color var(--transition);
}
.report-list li:hover{
box-shadow:var(--shadow);
border-color:var(--color-border-strong);
}
.report-list .date{font-size:.8rem;color:var(--color-muted);font-weight:500}
.report-list h3{margin:.35rem 0 .5rem;font-size:1.08rem}
.report-list p{margin:0 0 .5rem;font-size:.95rem;color:var(--color-muted)}
.report-list .read-more{font-size:.875rem;font-weight:600}
.report-list h3 a{color:var(--color-text);text-decoration:none;font-weight:600}
.report-list h3 a:hover{color:var(--color-primary-light)}

.filter-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}
.filter-tab{
padding:.5rem 1.1rem;
font-size:.875rem;
font-family:var(--font);
font-weight:500;
border:1px solid var(--color-border);
background:var(--color-card);
border-radius:999px;
cursor:pointer;
color:var(--color-muted);
transition:all var(--transition);
}
.filter-tab:hover{border-color:var(--color-primary-light);color:var(--color-primary)}
.filter-tab.active{
background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));
color:#fff;
border-color:transparent;
box-shadow:0 2px 12px rgba(26,54,93,.25);
}

.recent-list{list-style:none;padding:0;margin:0}
.recent-list li{
margin-bottom:0;
padding:.65rem 0;
border-bottom:1px solid var(--color-border);
}
.recent-list li:last-child{border-bottom:none}
.recent-list .date{color:var(--color-muted);font-size:.85rem;margin-right:.5rem}
.recent-list a{
text-decoration:none;
color:var(--color-text);
font-weight:500;
transition:color var(--transition);
}
.recent-list a:hover{color:var(--color-primary-light)}

/* FAQ */
details{
background:var(--color-card);
border:1px solid var(--color-border);
border-radius:var(--radius-sm);
padding:0;
margin-bottom:.65rem;
overflow:hidden;
transition:border-color var(--transition);
}
details[open]{border-color:var(--color-primary-light);box-shadow:var(--shadow-sm)}
details summary{
cursor:pointer;
font-weight:600;
padding:1rem 1.15rem;
list-style:none;
color:var(--color-primary);
}
details summary::-webkit-details-marker{display:none}
details summary::after{
content:"+";
float:right;
font-weight:400;
color:var(--color-muted);
}
details[open] summary::after{content:"−"}
details p{
margin:0;
padding:0 1.15rem 1rem;
font-size:.95rem;
color:var(--color-muted);
border-top:1px solid var(--color-border);
padding-top:.75rem;
}

/* Forms */
.form-section{text-align:center}
.form-section>h2{
display:inline-block;
margin-left:auto;
margin-right:auto;
}
.form-section>p{
max-width:36em;
margin-left:auto;
margin-right:auto;
}
.form-box{
background:var(--color-card);
border:1px solid var(--color-border);
border-radius:var(--radius);
padding:1.75rem;
max-width:520px;
width:100%;
margin-left:auto;
margin-right:auto;
box-shadow:var(--shadow);
text-align:left;
}
.form-box .form-actions{
display:flex;
flex-wrap:wrap;
gap:.5rem;
justify-content:center;
margin-top:.25rem;
}
.form-box button[type="submit"]{margin:0}
.form-box .btn-secondary{margin:0}
.form-row{margin-bottom:1.15rem}
form label{display:block;font-weight:600;font-size:.9rem;margin-bottom:.4rem;color:var(--color-primary)}
form input,form textarea,form select{
width:100%;
padding:.7rem .9rem;
font-size:1rem;
font-family:var(--font);
border:1px solid var(--color-border);
border-radius:var(--radius-sm);
background:#fafbfc;
transition:border-color var(--transition),box-shadow var(--transition),background var(--transition);
}
form input:focus,form textarea:focus,form select:focus{
outline:none;
border-color:var(--color-primary-light);
box-shadow:0 0 0 3px rgba(44,82,130,.15);
background:#fff;
}
form textarea{min-height:128px;resize:vertical}
.checkbox-row{display:flex;align-items:flex-start;gap:.6rem;font-weight:400;font-size:.9rem}
.checkbox-row input{width:auto;margin-top:.4rem;accent-color:var(--color-primary)}
button,.btn-primary{
padding:.7rem 1.5rem;
font-size:.95rem;
font-weight:600;
font-family:var(--font);
cursor:pointer;
background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));
color:#fff;
border:none;
border-radius:var(--radius-sm);
box-shadow:0 2px 12px rgba(26,54,93,.25);
transition:transform var(--transition),box-shadow var(--transition);
text-decoration:none;
display:inline-block;
}
button:hover,.btn-primary:hover{
transform:translateY(-1px);
box-shadow:0 4px 16px rgba(26,54,93,.3);
}
.btn-secondary{
padding:.55rem 1rem;
font-size:.875rem;
font-weight:500;
font-family:var(--font);
cursor:pointer;
background:var(--color-card);
border:1px solid var(--color-border);
border-radius:var(--radius-sm);
color:var(--color-primary);
transition:background var(--transition),border-color var(--transition);
}
.btn-secondary:hover{background:var(--color-bg-alt);border-color:var(--color-primary-light)}
a.btn-primary{color:#fff}
.form-success{
display:none;
background:#ecfdf5;
border:1px solid #a7f3d0;
color:#065f46;
padding:1rem 1.15rem;
border-radius:var(--radius-sm);
margin-top:1rem;
}
.form-success.visible{display:block}
.form-success p{margin:0 0 .5rem}
.form-extra{margin:.5rem 0 0;font-size:.9rem}

/* Footer */
.site-footer{
margin-top:3rem;
padding:2rem 1.5rem;
background:linear-gradient(180deg,var(--color-primary) 0%,#152a45 100%);
color:rgba(255,255,255,.85);
border-radius:var(--radius-lg);
font-size:.875rem;
}
.footer-company{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.15)}
.footer-grid{
display:grid;
grid-template-columns:1.2fr 1fr 1fr;
gap:1.5rem 2rem;
text-align:left;
}
.footer-col-title{
font-size:.8rem;
font-weight:700;
text-transform:uppercase;
letter-spacing:.06em;
color:var(--color-accent);
margin:0 0 .75rem;
}
.footer-brand-name{font-size:1.1rem;font-weight:700;margin:0 0 .25rem;color:#fff}
.footer-brand-en{font-size:.85rem;margin:0 0 .5rem;opacity:.85}
.footer-brand-tag{font-size:.875rem;margin:0;opacity:.8;line-height:1.5}
.footer-info-list{list-style:none;padding:0;margin:0;font-size:.875rem;line-height:1.65}
.footer-info-list li{margin-bottom:.4rem}
.footer-info-list span{
display:inline-block;
min-width:5.5em;
color:rgba(255,255,255,.65);
font-size:.8rem;
}
.footer-info-list a{color:rgba(255,255,255,.95)}
.footer-info-list a:hover{color:var(--color-accent)}
.footer-disclaimer,.site-footer>.footer-disclaimer{
opacity:.9;
line-height:1.65;
margin:0 0 1rem;
font-size:.875rem;
}
.site-footer > p:first-child:not(.footer-disclaimer){opacity:.9;line-height:1.65;margin:0}
.footer-nav{margin-top:0;display:flex;flex-wrap:wrap;gap:.5rem 1.25rem}
.footer-nav a{
color:rgba(255,255,255,.9);
text-decoration:none;
font-weight:500;
}
.footer-nav a:hover{color:var(--color-accent)}
.copyright{
margin:1.25rem 0 0;
padding-top:1rem;
border-top:1px solid rgba(255,255,255,.15);
font-size:.8rem;
opacity:.7;
}

/* Report article */
.breadcrumb{font-size:.875rem;color:var(--color-muted);margin:0 0 1rem}
.report-toolbar{
display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;
gap:1rem;margin-bottom:.5rem;
}
.report-meta{margin:0;font-size:.875rem;color:var(--color-muted)}
.report-meta .tag{
display:inline-block;
background:var(--color-accent-soft);
color:#92400e;
padding:.2rem .6rem;
border-radius:999px;
font-size:.75rem;
font-weight:600;
}
.report-title{
font-size:clamp(1.35rem,3vw,1.75rem);
margin:0 0 .75rem;
color:var(--color-primary);
font-weight:700;
letter-spacing:-.02em;
}
.report-lead{
font-size:1.05rem;
color:var(--color-muted);
margin:0 0 2rem;
padding-bottom:1.5rem;
border-bottom:1px solid var(--color-border);
}
.report-article section{
margin-bottom:1.75rem;
padding-left:1rem;
border-left:3px solid var(--color-border);
}
.report-article section:hover{border-left-color:var(--color-accent)}
.report-article section h2{font-size:1.1rem;border:none;padding:0;margin:0 0 .5rem}
.report-body{font-size:.98rem;line-height:1.75;color:var(--color-text)}
.report-body a{color:var(--color-primary-light);font-weight:500}
.report-body a:hover{color:var(--color-accent)}
.report-cta{
background:linear-gradient(135deg,var(--color-accent-soft),var(--color-card));
border:1px solid rgba(212,160,18,.3);
padding:1.5rem;
border-radius:var(--radius);
}
.report-cta h2{font-size:1.1rem;border:none;padding:0}
.report-cta .btn-primary{margin-right:.75rem}
.report-pager{
display:grid;
grid-template-columns:1fr 1fr;
gap:1rem;
margin:2rem 0;
padding-top:1.5rem;
border-top:1px solid var(--color-border);
font-size:.9rem;
}
.pager-prev,.pager-next{color:var(--color-primary-light);text-decoration:none;font-weight:500}
.pager-next{text-align:right}
.pager-prev:hover,.pager-next:hover{color:var(--color-accent)}
.report-actions{display:flex;flex-wrap:wrap;gap:.5rem}
.error-msg{color:#b91c1c}
.roadmap{padding-left:1.35rem}
.roadmap li{margin-bottom:.85rem}
.glossary{
background:var(--color-card);
border:1px solid var(--color-border);
border-radius:var(--radius);
padding:1.25rem 1.5rem;
}
.glossary dt{font-weight:700;color:var(--color-primary);margin-top:1rem}
.glossary dt:first-child{margin-top:0}
.glossary dd{margin:.25rem 0 0;padding:0;color:var(--color-muted)}

.legal main h2{font-size:1.1rem;margin-top:1.75rem;border:none;display:block}
.legal main h2:first-of-type{margin-top:0}
.error-page section{
text-align:center;
padding:2rem 1rem;
}
.error-page h2{border:none}

.skip-link{
position:absolute;left:-9999px;z-index:200;
padding:.5rem 1rem;background:var(--color-primary);color:#fff;border-radius:var(--radius-sm);
}
.skip-link:focus{left:1rem;top:1rem}

.back-to-top{
position:fixed;right:1.5rem;bottom:1.5rem;width:2.75rem;height:2.75rem;
border-radius:50%;border:none;
background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));
color:#fff;font-size:1.15rem;cursor:pointer;
box-shadow:var(--shadow-lg);
opacity:0;visibility:hidden;
transition:opacity .25s,visibility .25s,transform var(--transition);
z-index:50;
}
.back-to-top.visible{opacity:1;visibility:visible}
.back-to-top:hover{transform:translateY(-3px)}

@media print{
.site-header,.site-footer,.skip-link,.nav-toggle,.back-to-top,.report-actions,.report-cta,.report-pager{display:none!important}
body{background:#fff;padding:0;max-width:100%}
.report-title{color:#000}
}

@media(max-width:768px){
.footer-grid{grid-template-columns:1fr;gap:1.25rem}
.stats{grid-template-columns:1fr}
.nav-toggle{display:block}
.site-nav{
display:none;flex:1 1 100%;flex-direction:column;gap:.25rem;
padding:1rem 0 .5rem;border-top:1px solid var(--color-border);
}
.site-nav.is-open{display:flex}
.site-nav a{padding:.5rem 0;border-bottom:none}
.report-pager{grid-template-columns:1fr}
.pager-next{text-align:left}
}

@media(max-width:600px){
body{padding:0 16px 40px}
.site-header{margin:0 -16px 1.5rem;padding:.85rem 16px}
.hero{padding:2rem 1.5rem}
.hero-actions{flex-direction:column}
.hero-actions .btn-primary,.hero-actions .btn-ghost{text-align:center}
}

/* Article / guide (blog-style) */
.article-page main{max-width:100%}
.article-layout{max-width:820px;margin:0 auto}
.guide-article,.article-header{margin-bottom:2rem}
.article-meta{font-size:.875rem;color:var(--color-muted);margin:0 0 .75rem}
.article-header h1{
font-size:clamp(1.4rem,4vw,1.85rem);
font-weight:700;
color:var(--color-primary);
letter-spacing:-.03em;
margin:0 0 1rem;
line-height:1.35;
}
.article-lead{font-size:1.05rem;color:var(--color-muted);margin:0 0 1.25rem;line-height:1.7}
.highlight-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.25rem}
.highlight-item{
background:var(--color-card);
border:1px solid var(--color-border);
border-radius:var(--radius-sm);
padding:1rem;
text-align:center;
}
.highlight-item strong{display:block;font-size:1.35rem;color:var(--color-primary)}
.highlight-item span{font-size:.8rem;color:var(--color-muted)}
.toc-box{
background:var(--color-card);
border:1px solid var(--color-border);
border-radius:var(--radius);
padding:1.25rem 1.5rem;
margin-bottom:2rem;
box-shadow:var(--shadow-sm);
}
.toc-title{font-size:1rem;margin:0 0 .75rem;color:var(--color-primary)}
.toc-box ol{margin:0;padding-left:1.25rem}
.toc-box li{margin-bottom:.4rem}
.toc-box a{text-decoration:none;font-weight:500}
.toc-box a:hover{text-decoration:underline}
.guide-article section{margin-bottom:2.25rem}
.guide-article section>h2{
font-size:1.2rem;
border-bottom:2px solid var(--color-border);
padding-bottom:.4rem;
margin-bottom:1rem;
}
.table-wrap{overflow-x:auto;margin:1rem 0 1.25rem;border-radius:var(--radius-sm);border:1px solid var(--color-border)}
.data-table{width:100%;border-collapse:collapse;font-size:.9rem;background:var(--color-card)}
.data-table th,.data-table td{
padding:.75rem .9rem;
text-align:left;
border-bottom:1px solid var(--color-border);
vertical-align:top;
}
.data-table th{background:var(--color-bg-alt);font-weight:600;color:var(--color-primary)}
.data-table tr:last-child td{border-bottom:none}
.steps-list{padding-left:1.35rem}
.steps-list li{margin-bottom:.65rem}
.notice-box{
background:var(--color-accent-soft);
border:1px solid rgba(212,160,18,.35);
border-radius:var(--radius-sm);
padding:1rem 1.15rem;
font-size:.9rem;
color:var(--color-muted);
margin-top:2rem;
}
.related-box{
background:var(--color-card);
border:1px solid var(--color-border);
border-radius:var(--radius);
padding:1.25rem 1.5rem;
margin:2rem 0;
}
.related-box>h2{font-size:1.05rem;margin:0 0 .75rem}
.related-box ul{margin:0;padding-left:1.2rem}
.related-box li{margin-bottom:.4rem}
.tag-list{margin:.5rem 0 1.25rem}
.tag-chip{
display:inline-block;
font-size:.75rem;
font-weight:600;
color:var(--color-primary-light);
background:var(--color-bg-alt);
padding:.2rem .55rem;
border-radius:999px;
margin-right:.35rem;
}
@media(max-width:600px){
.highlight-strip{grid-template-columns:1fr}
.data-table{font-size:.82rem}
}