:root{--ink:#0b3b49;--accent:#ffb000;--paper:#f6f4ef;--line:#d7d5cf}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:#242526;font:16px/1.65 system-ui,-apple-system,'Noto Sans KR',sans-serif}a{color:inherit}header,main,footer{max-width:1180px;margin:auto;padding-left:24px;padding-right:24px}header{min-height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-weight:950;letter-spacing:-.045em;text-decoration:none;color:var(--ink);font-size:1.3rem}nav{display:flex;gap:18px;flex-wrap:wrap}nav a{text-decoration:none;font-size:.88rem;font-weight:700}.hero{min-height:390px;padding:56px 0;display:grid;align-items:center;gap:30px}.stamp{color:var(--accent);font-weight:900;letter-spacing:.12em;font-size:.78rem}h1{font-size:clamp(2.35rem,6vw,5rem);line-height:1.03;letter-spacing:-.065em;margin:.15em 0 .32em;color:var(--ink)}h2{font-size:1.45rem;letter-spacing:-.035em;margin-top:2.4rem}.searchbar{background:white;border:2px solid var(--ink);padding:10px;display:flex;gap:8px;position:sticky;top:8px;z-index:3;box-shadow:0 10px 35px #0001}.searchbar input{flex:1;border:0;padding:10px;font:inherit;min-width:0}.searchbar button{background:var(--ink);color:white;border:0;padding:10px 18px;font-weight:800}.catalog{padding:20px 0 64px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.card{background:#fff;border:1px solid var(--line);padding:20px;text-decoration:none;min-height:170px;transition:.15s}.card:hover{transform:translateY(-3px);border-color:var(--accent)}.card span{font-size:.72rem;font-weight:850;color:var(--accent);text-transform:uppercase}.card h3{margin:.35rem 0;font-size:1.12rem}.card p{margin:0;color:#5e6060;font-size:.9rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.axisgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.axis{border:1px solid #ffffff55;background:#ffffff10;color:inherit;text-align:left;padding:14px;font:inherit;font-weight:800}.axis b{display:block;color:var(--accent);font-size:.72rem}.ledger{grid-template-columns:1.5fr .5fr}.ledgerstats{border-left:4px solid var(--accent);padding:20px}.ledgerstats b{display:block;font-size:4rem;color:var(--ink)}.atlas{background:var(--ink);color:white;margin-top:24px;padding:50px;border-radius:50% 50% 12px 12px}.atlas h1{color:white}.orbit{display:flex;gap:8px;flex-wrap:wrap}.orbit span{border:1px solid #ffffff55;padding:8px 16px;border-radius:99px}.fieldguide{grid-template-columns:.55fr 1.45fr}.folio{font:900 3.5rem/1 ui-monospace;color:white;background:var(--ink);padding:45px;aspect-ratio:1;display:grid;align-content:end}.alert{background:#fff;border-top:10px solid var(--accent);padding:42px;margin-top:26px;display:block}.actions{display:flex;gap:8px;flex-wrap:wrap}.actions a{background:var(--accent);color:white;padding:12px 16px;text-decoration:none;font-weight:850}.matcher{grid-template-columns:1.4fr .6fr;border-bottom:6px solid var(--accent)}.docket{grid-template-columns:1.25fr .75fr;background:var(--ink);color:white;margin-top:24px;padding:44px}.docket h1{color:white}.timeline{display:block}.flow{display:flex;align-items:center;justify-content:space-between;margin-top:34px;padding:18px;background:white;border:1px solid var(--line)}.flow span{font-weight:850;color:var(--ink)}.entryhead{padding:55px 0 26px;border-bottom:6px solid var(--accent)}.entryhead .tag{font-weight:900;color:var(--accent)}.entry{display:grid;grid-template-columns:1fr 320px;gap:38px;padding:25px 0 70px}.entry article{min-width:0}.entry aside{border-left:1px solid var(--line);padding-left:20px}dl{display:grid;grid-template-columns:180px 1fr;background:#fff;border:1px solid var(--line)}dt,dd{padding:12px;margin:0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}dt{font-weight:850;background:#f0eee8}details{background:#fff;border:1px solid var(--line);padding:14px;margin:8px 0}summary{font-weight:800;cursor:pointer}footer{border-top:1px solid var(--line);padding-top:28px;padding-bottom:36px;display:flex;gap:18px;justify-content:space-between;font-size:.82rem;color:#656666}.hidden{display:none!important}@media(max-width:760px){header{align-items:flex-start;padding-top:15px;padding-bottom:15px;gap:12px}nav{justify-content:flex-end;gap:10px}.hero,.ledger,.matcher,.docket,.fieldguide{grid-template-columns:1fr;padding-top:36px;padding-bottom:36px}.atlas{border-radius:40px 40px 10px 10px;padding:28px}.cards{grid-template-columns:1fr}.entry{grid-template-columns:1fr}.entry aside{border-left:0;padding-left:0}.flow{overflow:auto;gap:10px;justify-content:flex-start}.searchbar{position:static}dl{grid-template-columns:1fr}dt{padding-bottom:2px;border-bottom:0}dd{padding-top:2px}footer{flex-direction:column;gap:6px}}
.entry article section {margin:1.5rem 0;padding:1rem;border:1px solid #d5dfe4;border-radius:12px}.entry label{display:block;margin:.8rem 0}.entry input[type=number]{display:block;width:min(100%,23rem);padding:.7rem;font-size:1rem}.entry output{display:block;min-height:2rem;overflow-wrap:anywhere}.entry a{overflow-wrap:anywhere}@media(max-width:430px){.entry{display:block}.entry article,.entry aside{min-width:0}.entry button{max-width:100%}}

/* Practical reading and office contact, keeping the existing catalogue and routes. */
.feature-hero{grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr);min-height:340px;gap:28px}
.feature-hero h1{font-size:clamp(2.1rem,5vw,4.3rem)}
.feature-hero .lead{font-size:1.16rem;max-width:39rem}
.feature-hero .hero-note{color:#545d60;font-size:.92rem}
.quick-reads{padding:14px 0 42px}
.quick-reads h2{margin:.3rem 0 1rem}
.quick-reads .cards{grid-template-columns:repeat(4,minmax(0,1fr))}
.quick-reads .card{min-height:150px}
.office-panel{display:flex;align-items:center;gap:24px;background:#fff;border:1px solid var(--line);border-top:5px solid var(--accent);padding:22px;margin:22px 0}
.office-panel img{width:100px;height:126px;object-fit:contain;object-position:center bottom;flex:none;background:#e9efef}
.office-panel h2,.office-panel h3{margin:0 0 8px}
.office-panel p{margin:.4rem 0}
.contact-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.contact-links a,.primary-link{display:inline-block;padding:10px 15px;border-radius:5px;background:var(--ink);color:#fff!important;font-weight:800;text-decoration:none}
.contact-links a:first-child,.primary-link{background:#d48b00;color:#131313!important}
.article-guide{font-size:1.02rem;line-height:1.83}
.article-guide h2{font-size:1.48rem;margin:2rem 0 .65rem;color:var(--ink)}
.article-guide h3{font-size:1.13rem;margin:1.25rem 0 .4rem}
.article-guide p,.article-guide li{max-width:72ch}
.article-guide .answer-box{background:#fff;border-left:6px solid var(--accent);padding:20px 24px;margin:0 0 24px}
.article-guide .answer-box p{margin:.35rem 0}
.article-guide .table-scroll{overflow-x:auto;border:1px solid var(--line)}
.article-guide table{border-collapse:collapse;width:100%;min-width:540px;background:#fff}
.article-guide th,.article-guide td{text-align:left;border-bottom:1px solid var(--line);padding:11px 13px;vertical-align:top}
.article-guide th{background:#e8eff0;color:var(--ink)}
.article-guide .example{background:#e8f0ef;padding:18px 22px;border-radius:8px}
.article-guide .source-note{border-top:1px solid var(--line);padding-top:14px;font-size:.9rem;color:#4d565a}
.article-guide a{color:#075c70;text-underline-offset:3px}
.article-guide .contact-links a{color:white}
.article-guide .contact-links a:first-child{color:#131313}
.feature-hero .office-panel{display:block;margin:0}.feature-hero .office-panel img{float:right;width:82px;height:104px;margin-left:12px}.feature-hero .office-panel .contact-links{clear:both}
.entry aside .cards{grid-template-columns:1fr}.entry aside .card{min-height:0;padding:15px}.entry aside .card p{display:block}.entryhead .contact-links{margin-top:18px}
@media(max-width:860px){.quick-reads .cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.feature-hero{grid-template-columns:1fr}.office-panel{align-items:flex-start}.office-panel img{width:76px;height:100px}}
@media(max-width:430px){.quick-reads .cards{grid-template-columns:1fr}.office-panel{gap:12px;padding:16px}.office-panel img{width:65px;height:86px}.office-panel .contact-links{margin-left:-77px;margin-top:20px}.feature-hero{min-height:0}}

/* under5-labor-flow-v1 */
.under5-flow{display:block;margin:1.4rem 0 1.8rem;padding:16px;border:1px solid #174c58;border-radius:14px;background:var(--ink);color:#fff}.under5-flow-title{margin:0 0 12px;color:#fff;font-size:1rem;font-weight:900}.under5-flow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.under5-flow-card{display:flex;flex-direction:column;gap:6px;min-width:0;min-height:116px;padding:13px;border-top:4px solid var(--accent);background:#fff;color:#242526;text-decoration:none;overflow-wrap:anywhere;transition:transform .15s ease,box-shadow .15s ease}.under5-flow-card:hover,.under5-flow-card:focus-visible{transform:translateY(-2px);box-shadow:0 8px 20px #0002;outline:2px solid var(--accent);outline-offset:2px}.under5-flow-index{color:#896000;font-size:.72rem;font-weight:900;letter-spacing:.04em}.under5-flow-card strong{font-size:.98rem;line-height:1.35;color:var(--ink)}.under5-flow-card small{color:#5e6060;line-height:1.45}.entry article #under5-count,.entry article #under5-response,.entry article #under5-scope{scroll-margin-top:1rem}@media(max-width:760px){.under5-flow{padding:14px}.under5-flow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.under5-flow-card{min-height:102px}}@media(max-width:430px){.under5-flow-grid{grid-template-columns:minmax(0,1fr)}.under5-flow-card{min-height:0;padding:12px}}