/* 운행제한단속원 보수 기준 정책 대시보드 */
:root{
  --navy:#1f3864;--gold:#b8860b;
  --color-bg:#f6f4ef;--color-panel:#ffffff;--color-fg:#1b2333;--color-fg-muted:#5a6475;--color-border-line:#dcd8cd;
  --color-ok:#2e7d32;--color-warn:#9c5700;--color-bad:#b3261e;
  --accent:var(--navy);--accent-2:var(--gold);
  --c1:#1f3864;--c2:#b8860b;--c3:#5b7db1;--c4:#8a9bb5;--c5:#2e7d6b;--c6:#a8553a;--c7:#6b5b95;--c8:#7a7a7a;
  --font-anthropic-sans:"Noto Sans KR","Malgun Gothic","Apple SD Gothic Neo",sans-serif;
  --font-anthropic-serif:"Noto Serif KR","Batang",serif;
  --cds-font-size-caption:.8125rem;--cds-font-size-body:.9375rem;--cds-font-size-heading:1.0625rem;--cds-font-size-title:1.75rem;
  --cds-font-weight-medium:500;
  --cds-gap-xs:.375rem;--cds-gap-sm:.625rem;--cds-gap-md:1rem;--cds-gap-lg:1.5rem;--cds-gap-xl:2rem;
  --cds-pad-xs:.375rem;--cds-pad-sm:.625rem;--cds-pad-md:.875rem;--cds-pad-lg:1.25rem;
  --cds-radius:.5rem;
  --cds-chart-grid:#e6e2d8;--cds-chart-axis:#8a8f9a;--cds-chart-reference:#8a8f9a;--cds-chart-muted:#a9b0bd;
  --cds-surface-popover:#ffffff;--cds-border:#cfcabd;--cds-text-secondary:#5a6475;--cds-shadow-popover:0 4px 16px rgba(20,30,50,.14);
}
@media (prefers-color-scheme:dark){
  :root{
    --color-bg:#12161f;--color-panel:#1a202c;--color-fg:#e8eaf0;--color-fg-muted:#a3acbb;--color-border-line:#2e3646;
    --color-ok:#7cc783;--color-warn:#e0a85a;--color-bad:#f08a80;
    --accent:#9db8e8;--accent-2:#e0b84d;
    --c1:#8fb0e8;--c2:#e0b84d;--c3:#5f86c4;--c4:#7f8aa0;--c5:#5fc0a8;--c6:#e08a6a;--c7:#a898d8;--c8:#9a9a9a;
    --cds-chart-grid:#2a3140;--cds-chart-axis:#7f8aa0;--cds-chart-reference:#7f8aa0;--cds-chart-muted:#5b6578;
    --cds-surface-popover:#222a38;--cds-border:#3a4356;--cds-text-secondary:#a3acbb;--cds-shadow-popover:0 4px 16px rgba(0,0,0,.5);
  }
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--color-bg)}
a{color:var(--accent)}
.ru{font-family:var(--font-anthropic-sans);color:var(--color-fg);font-size:var(--cds-font-size-body);line-height:1.7;max-width:76rem;margin-inline:auto;padding:0 clamp(1rem,3vw,2rem) 3rem;font-variant-numeric:tabular-nums;word-break:keep-all}
.ru h1{font-family:var(--font-anthropic-serif);font-weight:400;font-size:var(--cds-font-size-title);margin:0 0 var(--cds-gap-xs)}
.ru h2{font-size:var(--cds-font-size-heading);font-weight:var(--cds-font-weight-medium);margin:var(--cds-gap-xl) 0 var(--cds-gap-sm)}
.ru h3{font-size:var(--cds-font-size-heading);font-weight:var(--cds-font-weight-medium);margin:0 0 var(--cds-gap-xs)}
.ru p{margin:0 0 var(--cds-gap-sm)}
.ru .ru-lead{color:var(--color-fg-muted);margin-bottom:var(--cds-gap-md)}
.ru .ru-meta{display:flex;flex-wrap:wrap;gap:var(--cds-gap-sm);align-items:center;color:var(--color-fg-muted);font-size:var(--cds-font-size-caption);margin:0 0 var(--cds-gap-sm)}
.ru .ru-badge{border:1px solid var(--color-fg);color:var(--color-fg);border-radius:999px;padding:.05em .7em;font-weight:var(--cds-font-weight-medium)}
.ru .ru-note{color:var(--color-fg-muted);font-size:var(--cds-font-size-caption);margin:0 0 var(--cds-gap-sm)}
.ru .ru-tabs{display:flex;flex-wrap:wrap;gap:var(--cds-gap-xs);border-bottom:1px solid var(--color-border-line);margin:var(--cds-gap-md) 0 var(--cds-gap-lg)}
.ru .ru-tab{font:inherit;color:var(--color-fg-muted);background:none;border:0;border-bottom:2px solid transparent;padding:var(--cds-pad-xs) var(--cds-pad-sm);cursor:pointer}
.ru .ru-tab[aria-selected=true]{color:var(--color-fg);border-bottom-color:var(--color-fg);font-weight:var(--cds-font-weight-medium)}
.ru .ru-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:var(--cds-gap-md);margin-bottom:var(--cds-gap-md)}
.ru .ru-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:var(--cds-gap-md);margin-bottom:var(--cds-gap-md)}
.ru .ru-card{background:var(--color-panel);border:1px solid var(--color-border-line);border-radius:var(--cds-radius);padding:var(--cds-pad-lg);min-width:0}
.ru .ru-card>.ru-note:last-child,.ru .ru-card>p:last-child{margin-bottom:0}
.ru .ru-tile .ru-k{color:var(--color-fg-muted);font-size:var(--cds-font-size-caption)}
.ru .ru-tile .ru-v{font-family:var(--font-anthropic-serif);font-weight:400;font-size:var(--cds-font-size-title);line-height:1.25;margin:var(--cds-gap-xs) 0}
.ru .ru-tile .ru-v small{font-family:var(--font-anthropic-sans);font-size:var(--cds-font-size-body);color:var(--color-fg-muted);margin-left:.15em}
.ru .ru-tile .ru-s{color:var(--color-fg-muted);font-size:var(--cds-font-size-caption)}
.ru .ru-chart{position:relative;min-height:320px}
.ru .ru-tick{font-size:var(--cds-font-size-caption);fill:var(--color-fg-muted)}
.ru .ru-legend{display:flex;flex-wrap:wrap;gap:var(--cds-gap-xs) var(--cds-gap-md);font-size:var(--cds-font-size-caption);color:var(--color-fg-muted);margin-bottom:var(--cds-gap-xs)}
.ru .ru-sw{display:inline-block;width:.7em;height:.7em;border-radius:2px;margin-right:.4em;vertical-align:baseline}
.ru .ru-tip{position:absolute;z-index:2;pointer-events:none;background:var(--cds-surface-popover);border:1px solid var(--cds-border);border-radius:var(--cds-radius);box-shadow:var(--cds-shadow-popover);padding:var(--cds-pad-xs) var(--cds-pad-sm);font-size:var(--cds-font-size-caption);white-space:nowrap}
.ru .ru-tip .ru-tt{color:var(--cds-text-secondary)}
.ru .ru-scroll{overflow-x:auto;border:1px solid var(--color-border-line);border-radius:var(--cds-radius)}
.ru table{border-collapse:collapse;width:100%;font-size:var(--cds-font-size-caption)}
.ru th,.ru td{text-align:left;vertical-align:top;padding:var(--cds-pad-xs) var(--cds-pad-sm);border-bottom:1px solid var(--color-border-line)}
.ru th{position:sticky;top:0;background:var(--color-panel);font-weight:var(--cds-font-weight-medium);white-space:nowrap}
.ru td.ru-n,.ru th.ru-n{text-align:right;white-space:nowrap}
.ru td.ru-nw{white-space:nowrap}
.ru td.ru-w{min-width:16rem}
.ru td.ru-bad{color:var(--color-bad);white-space:nowrap}
.ru td.ru-warn{color:var(--color-warn);white-space:nowrap}
.ru td.ru-ok{color:var(--color-ok);white-space:nowrap}
.ru td.ru-mu{color:var(--color-fg-muted);white-space:nowrap}
.ru .ru-ctl{display:flex;flex-wrap:wrap;gap:var(--cds-gap-xs);align-items:center;margin-bottom:var(--cds-gap-sm)}
.ru .ru-chip{font:inherit;font-size:var(--cds-font-size-caption);color:var(--color-fg-muted);background:none;border:1px solid var(--color-border-line);border-radius:999px;padding:.15em .8em;cursor:pointer}
.ru .ru-chip[aria-pressed=true]{color:var(--color-fg);border-color:var(--color-fg)}
.ru .ru-q{font:inherit;font-size:var(--cds-font-size-caption);color:var(--color-fg);background:var(--color-bg);border:1px solid var(--color-border-line);border-radius:var(--cds-radius);padding:.25em .6em;min-width:12rem;flex:1 1 12rem;max-width:22rem}
.ru .ru-bar{display:grid;grid-template-columns:minmax(8rem,16rem) 1fr auto;gap:var(--cds-gap-sm);align-items:center;font-size:var(--cds-font-size-caption);padding:var(--cds-pad-xs) 0}
.ru .ru-bar .ru-track{height:.9rem;background:transparent}
.ru .ru-bar .ru-fill{height:100%;border-radius:4px;min-width:2px}
.ru .ru-bill{border-left:3px solid var(--color-border-line);padding-left:var(--cds-pad-md);margin-bottom:var(--cds-gap-md)}
.ru .ru-bill dl{display:grid;grid-template-columns:auto 1fr;gap:.15em var(--cds-gap-sm);margin:var(--cds-gap-xs) 0 0;font-size:var(--cds-font-size-caption)}
.ru .ru-bill dt{color:var(--color-fg-muted);white-space:nowrap}
.ru .ru-bill dd{margin:0}
.ru .ru-qa{margin-bottom:var(--cds-gap-md)}
.ru .ru-qa h3{margin-bottom:var(--cds-gap-xs)}
.ru .ru-list{margin:0;padding-left:1.2em}
.ru .ru-list li{margin-bottom:var(--cds-gap-xs)}

.ru .ru-head{padding:clamp(1.5rem,4vw,2.75rem) 0 0;border-top:6px solid var(--accent);margin-top:0}
.ru .ru-eyebrow{color:var(--accent-2);font-weight:700;font-size:var(--cds-font-size-caption);letter-spacing:.04em;margin:0 0 var(--cds-gap-xs)}
.ru h1{color:var(--accent);font-weight:700;font-size:clamp(1.5rem,3.4vw,2.125rem);line-height:1.3}
.ru .ru-lead{font-size:1rem;max-width:60rem}
.ru h3{color:var(--accent)}
.ru .ru-tabs{position:sticky;top:0;z-index:5;background:var(--color-bg);padding-top:var(--cds-gap-xs);overflow-x:auto;flex-wrap:nowrap}
.ru .ru-tab{white-space:nowrap;font-size:var(--cds-font-size-body)}
.ru .ru-tab[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent-2)}
.ru .ru-tab:focus-visible,.ru .ru-chip:focus-visible,.ru a:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}
.ru .ru-tile{border-top:3px solid var(--accent-2)}
.ru .ru-tile .ru-v{color:var(--accent);font-weight:700}
.ru .ru-badge{border-color:var(--accent);color:var(--accent)}
.ru th{color:var(--accent)}
.ru .ru-link{display:inline-block;margin-top:var(--cds-gap-xs);font-size:var(--cds-font-size-caption)}
.ru .ru-foot{margin-top:var(--cds-gap-xl);padding-top:var(--cds-gap-md);border-top:1px solid var(--color-border-line);color:var(--color-fg-muted);font-size:var(--cds-font-size-caption)}
.ru .ru-foot h2{margin-top:0;color:var(--color-fg)}
.ru .ru-bar{grid-template-columns:minmax(7rem,15rem) 1fr auto}
@media (max-width:40rem){.ru .ru-bar{grid-template-columns:1fr auto}.ru .ru-bar .ru-track{grid-column:1/-1;grid-row:2}}
@media print{.ru .ru-tabs{position:static}.ru .ru-card{break-inside:avoid}body{background:#fff}}

.ru .ru-sec{margin-top:var(--cds-gap-xl)}
.ru .ru-sec h2{color:var(--accent);margin-top:0}
.ru .ru-sechead{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:var(--cds-gap-sm) var(--cds-gap-md);margin-bottom:var(--cds-gap-sm)}
.ru .ru-sechead h2{margin-bottom:var(--cds-gap-xs)}
.ru .ru-cn-ctl{display:flex;flex-wrap:wrap;align-items:center;gap:var(--cds-gap-xs);font-size:var(--cds-font-size-caption);color:var(--color-fg-muted)}
.ru .ru-cn-ctl a.ru-chip{text-decoration:none}
.ru .ru-cn-ctl #ru-cn-count{min-width:3.2em;text-align:center}
.ru .ru-cn{display:flex;gap:var(--cds-gap-md);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding-bottom:var(--cds-gap-sm);-webkit-overflow-scrolling:touch}
.ru .ru-slide{flex:0 0 min(22rem,82%);margin:0;scroll-snap-align:start}
.ru .ru-slide img{display:block;width:100%;height:auto;border-radius:var(--cds-radius);border:1px solid var(--color-border-line);box-shadow:0 6px 20px rgba(20,30,50,.12)}
.ru .ru-media{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:var(--cds-gap-md)}
.ru .ru-mcard{margin:0;padding:0;overflow:hidden}
.ru .ru-frame{position:relative;aspect-ratio:16/9;background:#000}
.ru .ru-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.ru .ru-mcard figcaption{display:flex;flex-direction:column;gap:var(--cds-gap-xs);padding:var(--cds-pad-lg)}
.ru .ru-mcard figcaption b{font-size:var(--cds-font-size-heading);color:var(--accent);font-weight:var(--cds-font-weight-medium)}
.ru .ru-mcard figcaption span{color:var(--color-fg-muted);font-size:var(--cds-font-size-caption)}
.ru .ru-tag{align-self:flex-start;color:var(--accent-2)!important;font-weight:700;letter-spacing:.04em}
@media (prefers-reduced-motion:reduce){.ru .ru-cn{scroll-behavior:auto}}

.ru .ru-brand{margin:0 0 var(--cds-gap-lg)}
.ru .ru-logo{display:block;height:clamp(1.75rem,4.2vw,2.5rem);width:auto;max-width:100%}
@media (prefers-color-scheme:dark){.ru .ru-brand{display:inline-block;background:#fff;border-radius:var(--cds-radius);padding:.5rem .75rem}}

.ru .ru-footbrand{margin-top:var(--cds-gap-lg);padding-top:var(--cds-gap-md);border-top:1px solid var(--color-border-line);display:flex;flex-direction:column;align-items:flex-start;gap:var(--cds-gap-sm)}
.ru .ru-footbrand .ru-brand{margin:0;display:inline-block}
.ru .ru-footbrand .ru-logo{height:clamp(1.5rem,3.4vw,2rem)}
.ru .ru-footbrand .ru-note{margin:0}