/* KoreDefo sub-page theme (2026-10-15): same look as the redesigned top page,
   but static - these are mostly legal/guide pages, so no motion here.
   Loaded after each page's own <style>, so it only restyles; remove the <link> to revert. */
:root{--navy:#102448;--orange:#f7a719;--orange-d:#c27f00;--green:#32a852;--bg:#f2f4f9;--line:#e3e7ee;--text:#15233d;--muted:#68758b}
body{font-family:"KD Noto Sans JP",-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;
  background:var(--bg) radial-gradient(rgba(16,36,72,.07) 1.5px,transparent 1.8px) 0 0/28px 28px;color:var(--text);-webkit-font-smoothing:antialiased}
a{color:#a86500}
a:hover{color:var(--navy)}

/* header: real logo instead of the text wordmark */
/* same as the top page: 56px bar, trimmed logo (no built-in top/bottom margin) at 36px tall */
header{height:56px;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line)}
header .nav{padding:0 clamp(16px,3vw,40px)}
.brand{display:block;flex:none;width:165px;height:36px;background:url(../img/logo-header.png) left center/contain no-repeat;font-size:0!important;color:transparent!important}
html[lang="en"] .brand{background-image:url(../img/logo-en-header.png);width:186px}
@media(max-width:600px){.brand{width:128px;height:28px}html[lang="en"] .brand{width:145px}}
.nav-right a{color:var(--navy);font-weight:700;font-size:14px;text-decoration:none;margin-left:18px}
.nav-right a:hover{color:#a86500}
.lang-link{opacity:.7}

/* headings */
main h1{font-weight:900;letter-spacing:-.02em;color:var(--navy);line-height:1.25}
main h1:before{content:"";display:block;width:44px;height:6px;border-radius:3px;background:var(--orange);margin:0 0 18px}
main h2{font-weight:900;color:var(--navy);border-bottom:0;border-left:6px solid var(--orange);padding:2px 0 2px 12px;border-radius:2px}
.done h1:before,.en h2{border:0}
.eyebrow{color:var(--orange);font-weight:800;letter-spacing:.12em}
.lead{color:var(--muted)}

/* buttons: orange pill with a pressed-key shadow, like the top page */
.btn,.resend-row button{background:var(--orange)!important;color:var(--navy)!important;border:0!important;border-radius:999px!important;
  font-weight:900!important;box-shadow:0 6px 0 var(--orange-d);transition:transform .15s, box-shadow .15s;text-decoration:none}
.btn:hover,.resend-row button:hover{transform:translateY(-1px)}
.btn:active,.resend-row button:active{transform:translateY(4px);box-shadow:0 2px 0 var(--orange-d)}
.btn:disabled,.resend-row button:disabled{opacity:.5;transform:none;box-shadow:0 6px 0 var(--orange-d)}

/* cards, panels, notes */
.card,.fact,.faq details,.toc,.highlight{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 14px 32px rgba(16,36,72,.06)}
.callout{background:#fff;border:1px solid var(--line);border-left:6px solid var(--orange);border-radius:14px}
.callout.warn{border-left-color:#e5484d}
.draft-notice{border-radius:14px}
.step-no{background:var(--orange)!important;color:var(--navy)!important;border-radius:50%!important;font-weight:900}

/* forms */
.field input,.field select,.field textarea,.seats-row input,.resend-row input,textarea{border:2px solid #dfe4ec;border-radius:12px;background:#fff;font-family:inherit}
.field input:focus,.field select:focus,.field textarea:focus,.seats-row input:focus,.resend-row input:focus,textarea:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 4px rgba(247,167,25,.18)}

/* tables */
table{background:#fff;border-radius:14px;overflow:hidden;border-collapse:separate;border-spacing:0;border:1px solid var(--line)}
th{background:#eef1f5;color:var(--navy)}
th,td{border-color:var(--line)!important}

/* footer */
footer{background:#09182f;color:#9eabc0;border-top:0;margin-top:40px}
footer a{color:#dfe5ef}

/* long values (URLs, e-mail) must not push tables past a phone screen */
td,th{overflow-wrap:anywhere}
/* numbered steps already carry an orange badge - no second accent bar on their headings */
.step h2,.step h3{border-left:0;padding-left:0}
@media(max-width:600px){.brand{width:116px;height:32px}html[lang="en"] .brand{width:116px}.nav-right a{margin-left:12px;font-size:13px}}