.overview-hero{background:linear-gradient(135deg,#f7fcff 0%,#e8f7ff 58%,#bce9fb 100%);padding:44px 0 40px;border-bottom:1px solid var(--line)}
.overview-hero .wrap{max-width:820px}
.overview-hero .back{display:inline-block;margin-bottom:12px;color:var(--blue-d);font:700 13px/1.5 var(--maru);text-decoration:none}
.overview-hero h1{margin:0 0 12px;color:var(--blue-dd);font-size:clamp(28px,4.5vw,42px)}
.overview-hero p{max-width:700px;color:#365e73;font-size:15.5px}
.overview-main{padding:48px 0 60px}
.overview-main .article-body{max-width:760px}
.overview-main .article-lead{color:#365e73;font-size:16px}
.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:22px 0 30px;list-style:none!important}
.check-grid li{margin:0}
.check-grid a{position:relative;display:grid;grid-template-columns:48px 1fr;gap:13px;align-items:start;height:100%;padding:18px;background:#fff;border:1px solid var(--line);border-radius:12px;color:inherit;text-decoration:none;box-shadow:0 5px 16px rgba(29,91,120,.045);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.check-grid a:hover,.check-grid a:focus-visible{transform:translateY(-2px);border-color:var(--blue);box-shadow:0 10px 24px rgba(29,91,120,.11)}
.check-grid .check-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(145deg,#edf9fe,#d8f1fb);color:var(--blue-d)}
.check-grid .check-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.check-grid .check-copy{min-width:0}
.check-grid strong{display:block;margin-bottom:5px;color:var(--blue-d);font-family:var(--maru)}
.check-grid span{display:block;color:#496879;font-size:13.5px}
.check-grid em{display:block;margin-top:8px;color:#16769f;font:700 12px/1.5 var(--maru);font-style:normal}
.icon-heading{display:flex;align-items:center;gap:12px}
.icon-heading .heading-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:13px;background:#e6f7fd;color:var(--blue-d)}
.icon-heading .heading-icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.karte-deep-hero{background:linear-gradient(135deg,#f7fcff 0%,#e6f6fd 62%,#c7ecf9 100%);padding:38px 0 42px;border-bottom:1px solid var(--line)}
.karte-deep-hero .wrap{max-width:840px}.karte-deep-hero .back{display:inline-block;margin-bottom:16px;color:var(--blue-d);font:700 13px/1.5 var(--maru);text-decoration:none}
.karte-deep-title{display:grid;grid-template-columns:68px 1fr;gap:18px;align-items:center}.karte-deep-title .hero-icon{display:grid;place-items:center;width:68px;height:68px;border-radius:20px;background:#fff;color:var(--blue-d);box-shadow:0 8px 26px rgba(29,91,120,.12)}
.karte-deep-title svg{width:38px;height:38px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}.karte-deep-title h1{margin:0 0 7px;color:var(--blue-dd);font-size:clamp(27px,4.4vw,40px)}.karte-deep-title p{margin:0;color:#365e73}
.karte-deep-main{padding:48px 0 64px}.karte-deep-main .article-body{max-width:780px}.karte-deep-main h2{margin-top:48px}.karte-deep-main h3{margin-top:30px;color:var(--blue-d)}
.point-list,.document-list,.warning-list{list-style:none!important;margin:20px 0 28px!important}.point-list li,.document-list li,.warning-list li{position:relative;margin:0 0 11px!important;padding:16px 18px 16px 48px;background:#fff;border:1px solid var(--line);border-radius:12px}.point-list li::before,.document-list li::before,.warning-list li::before{position:absolute;left:17px;top:17px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font-weight:700}.point-list li::before{content:'✓';background:#dff4e9;color:#177447}.document-list li::before{content:'書';background:#e3f5fc;color:#176f95;font-size:11px}.warning-list li::before{content:'!';background:#fff0d2;color:#a55b00}
.result-table{width:100%;margin:20px 0 30px;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid var(--line);border-radius:12px;font-size:14px}.result-table th,.result-table td{padding:14px 15px;border-bottom:1px solid var(--line);vertical-align:top;text-align:left}.result-table th{width:31%;background:#eff8fc;color:var(--blue-d);font-family:var(--maru)}.result-table tr:last-child th,.result-table tr:last-child td{border-bottom:0}
.deep-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.deep-nav a{padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--blue-d);font:700 13px/1.6 var(--maru);text-decoration:none}
.deep-nav svg{width:22px;height:22px;margin-right:8px;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.order-list{list-style:none!important;margin:20px 0 30px!important;counter-reset:steps}
.order-list li{position:relative;margin:0 0 12px!important;padding:17px 18px 17px 62px;background:#fff;border:1px solid var(--line);border-radius:12px}
.order-list li::before{counter-increment:steps;content:counter(steps);position:absolute;left:18px;top:17px;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--blue);color:#fff;font:700 14px/1 var(--maru)}
.order-list strong{display:block;color:var(--blue-d);font-family:var(--maru)}
.notice{margin:24px 0;padding:16px 18px;background:#fff9e5;border-left:4px solid var(--org);border-radius:8px;color:#445e70;font-size:14px}
.source-note{font-size:12.5px;color:var(--sub)}
.source-note a{color:var(--blue-d)}
.overview-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 0}
.overview-links a{padding:15px 16px;background:#fff;border:1px solid var(--line);border-radius:10px;color:var(--blue-d);font:700 14px/1.6 var(--maru);text-decoration:none}
.overview-links a:hover{border-color:var(--blue)}
@media(max-width:640px){
  .overview-hero{padding:32px 0 30px}
  .overview-main{padding:36px 0 46px}
  .check-grid,.overview-links{grid-template-columns:1fr}
  .karte-deep-title{grid-template-columns:54px 1fr;gap:13px}.karte-deep-title .hero-icon{width:54px;height:54px;border-radius:16px}.karte-deep-title svg{width:31px;height:31px}
  .result-table th,.result-table td{display:block;width:auto}.result-table th{border-bottom:0;padding-bottom:6px}.deep-nav{grid-template-columns:1fr}
}