/* ニュース（/news/ と1本ずつ）。main.css の色と面をそのまま使う */
.nw-wrap{padding:28px 0 96px;max-width:920px}
.nw-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}
.nw-tabs a{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border:1px solid var(--line2);border-radius:999px;background:#fff;color:var(--ink2);font-size:13.5px;font-weight:700;text-decoration:none}
.nw-tabs a[aria-current]{background:var(--navy);border-color:var(--navy);color:#fff}
.nw-tabs a:hover{border-color:var(--navy)}

.nw-list{list-style:none;margin:0;padding:0;background:#fff;border-radius:var(--r-l);box-shadow:var(--shadow);overflow:hidden}
.nw-row+.nw-row{border-top:1px solid var(--line)}
.nw-row a{display:grid;grid-template-columns:92px 104px 1fr 20px;gap:4px 16px;align-items:start;padding:18px 22px;color:inherit;text-decoration:none}
.nw-row a:hover{background:var(--soft)}
.nw-row a:hover b{color:var(--blue2)}
.nw-row time{font-size:13px;color:var(--sub);padding-top:3px}
.nw-body{display:grid;gap:4px;min-width:0}
.nw-body b{font-size:16px;line-height:1.55;font-weight:800;text-wrap:balance}
.nw-body span{font-size:13.5px;color:var(--sub);line-height:1.7}
.nw-arw{color:var(--faint);padding-top:2px}

.nw-kind{display:inline-block;justify-self:start;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap;text-decoration:none;letter-spacing:.02em}
.nw-blue{background:var(--blue-t);color:var(--blue2)}
.nw-mint{background:rgba(18,160,138,.12);color:#0B7A68}
.nw-warn{background:rgba(168,106,0,.12);color:var(--warn)}
.nw-navy{background:rgba(21,48,79,.09);color:var(--navy)}
.nw-tabs a.nw-t-blue[aria-current]{background:var(--blue2);border-color:var(--blue2)}
.nw-tabs a.nw-t-mint[aria-current]{background:#0B7A68;border-color:#0B7A68}
.nw-tabs a.nw-t-warn[aria-current]{background:var(--warn);border-color:var(--warn)}

.nw-pager{margin-top:24px}
.nw-how{margin-top:36px;padding:18px 22px;border:1px dashed var(--line2);border-radius:var(--r);font-size:13.5px;color:var(--sub)}
.nw-how b{color:var(--ink);font-size:14px}
.nw-how p{margin:6px 0 0}

.nw-single{padding-bottom:96px}
.nw-art{max-width:760px;margin:0 auto}
.nw-head{padding:26px 0 8px}
.nw-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0 0 14px;font-size:13px;color:var(--sub)}
.nw-head h1{font-size:clamp(24px,3.2vw,32px);line-height:1.45;font-weight:900;margin:0 0 20px;text-wrap:balance}
.nw-answer{background:linear-gradient(135deg,#EEF4FF,#ECF8F5);border-radius:var(--r-l);padding:18px 22px;margin:0 0 30px}
.nw-answer b{display:block;font-size:12px;color:var(--navy);letter-spacing:.08em;margin-bottom:4px}
.nw-answer p{margin:0;font-size:15.5px;line-height:1.85;color:var(--ink)}
.nw-prose{max-width:none}
.nw-prose h2{font-size:21px;margin-top:44px}
.nw-prose table{width:100%;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums;display:block;overflow-x:auto}
.nw-prose th,.nw-prose td{border:1px solid var(--line);padding:9px 12px;text-align:left;vertical-align:top}
.nw-prose thead th{background:var(--tint);color:var(--navy);white-space:nowrap}

.nw-links,.nw-src,.nw-more{margin-top:40px}
.nw-links h2,.nw-src h2,.nw-more h2{font-size:18px;font-weight:900;margin:0 0 12px}
.nw-links ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.nw-links a{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:14px 18px;background:#fff;border-radius:var(--r);box-shadow:var(--shadow);color:inherit;text-decoration:none}
.nw-links a:hover b{color:var(--blue2)}
.nw-links span{font-size:12px;font-weight:700;color:var(--mint);border:1px solid currentColor;border-radius:999px;padding:1px 9px}
.nw-links b{font-size:15px;line-height:1.5}
.nw-links i{font-style:normal;color:var(--faint)}
.nw-src ol{margin:0;padding-left:1.4em;font-size:13.5px;line-height:1.8;color:var(--sub)}
.nw-src a{color:var(--ink2);word-break:break-all}
.nw-by{margin-top:32px;font-size:12.5px;color:var(--faint)}
.nw-more{max-width:920px;margin-left:auto;margin-right:auto}
.nw-more .btn{margin-top:18px}

@media (max-width:720px){
  .nw-row a{grid-template-columns:auto 1fr;padding:16px}
  .nw-row time{grid-column:1;padding:0}
  .nw-row .nw-kind{grid-column:2}
  .nw-body{grid-column:1/-1}
  .nw-arw{display:none}
}
