/* 1項目だけその場で確かめる道具ページ（/check-tools/*）の入力欄と結果。クラスは nt- （2026-10-29） */
.nt{margin:0 0 2.4em;padding:clamp(18px,2.6vw,28px);border-radius:18px;background:#fff;border:1px solid rgba(29,63,127,.16);box-shadow:0 18px 40px -30px rgba(10,21,48,.35)}
.nt-form label{display:block;margin:0 0 .5em;font-weight:700;color:#0b1730}
.nt-row{display:flex;gap:10px}
.nt-row input{flex:1 1 auto;min-width:0;min-height:52px;padding:0 1em;border-radius:12px;border:1px solid rgba(11,23,48,.22);background:#fbfcfe;font:inherit;font-size:1rem;color:#0b1730}
.nt-row input:focus{outline:2px solid #2a56a6;outline-offset:1px;background:#fff}
.nt-row button{flex:none;min-height:52px;padding:0 1.5rem;border-radius:999px;border:1px solid transparent;font:inherit;font-weight:700;color:#fff;cursor:pointer;
  background:radial-gradient(120% 130% at 50% -38%,var(--bt-sheen,rgba(255,255,255,.34)) 0%,rgba(255,255,255,0) 62%) padding-box,linear-gradient(180deg,var(--bt-1,#3a5aa6),var(--bt-2,#13285c)) padding-box,var(--bt-rim,#3a5aa6) border-box;
  text-shadow:0 1px 1px rgba(4,12,40,.35);box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 12px 26px -14px rgba(14,32,84,.8)}
.nt-row button:disabled{opacity:.7;cursor:progress}
.nt-note{margin:.7em 0 0;font-size:.82rem;color:#5f6a84;line-height:1.8}
.nt-out{margin-top:0}
.nt-out:focus{outline:none}
.nt-out:not(:empty){margin-top:1.4em}
.nt-wait{display:flex;align-items:center;gap:.7em;margin:0;color:#3a465f;font-size:.94rem}
.nt-spin{flex:none;width:20px;height:20px;border-radius:50%;border:3px solid #dbe4f4;border-top-color:#2a56a6;animation:nt-rot .9s linear infinite}
@keyframes nt-rot{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.nt-spin{animation-duration:3s}}
.nt-err{padding:1em 1.2em;border-radius:12px;background:#fff6f4;border:1px solid rgba(196,64,40,.25);color:#7a2414}
.nt-err p{margin:0}
.nt-demo{margin:0 0 .8em;padding:.5em .9em;border-radius:8px;background:#fff8e1;border:1px dashed #d9a400;color:#6b5000;font-size:.84rem;font-weight:700}
.nt-for{margin:0 0 1em;font-size:.84rem;color:#5f6a84;overflow-wrap:anywhere}
.nt-url{color:#0b1730;font-weight:700}
.nt-now{padding:1em 1.1em;border-radius:12px;background:#f4f7fc;border:1px solid rgba(29,63,127,.12);margin:0 0 .6em}
.nt-lab{display:block;margin-bottom:.35em;font-size:.78rem;font-weight:700;letter-spacing:.06em;color:#2a56a6}
.nt-val{margin:0;font-size:1.02rem;font-weight:700;color:#0b1730;line-height:1.7;overflow-wrap:anywhere}
.nt-empty{color:#5f6a84;font-weight:500}
.nt-count{margin:0 0 1.1em;font-size:.88rem;color:#3a465f;font-variant-numeric:tabular-nums}
.legal.gd .nt-items,.nt-items{display:grid;gap:10px;margin:0 0 1.2em;padding:0;list-style:none}
.nt-item{padding:.9em 1em;border-radius:12px;border:1px solid rgba(11,23,48,.1);background:#fff}
.nt-ih{display:flex;justify-content:space-between;align-items:flex-start;gap:.8em}
.nt-ih b{color:#0b1730;line-height:1.55;font-size:.96rem}
.nt-st{flex:none;padding:.15em .75em;border-radius:999px;font-size:.78rem;font-weight:700;white-space:nowrap}
.nt-st-ok{background:#e7f5ec;color:#17643a}
.nt-st-part{background:#fff4dc;color:#7a5200}
.nt-st-ng{background:#fde9e5;color:#a12a14}
.nt-st-na{background:#eef2f9;color:#3a465f}
.nt-kv{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.2em .9em;margin:.55em 0 0;font-size:.88rem}
.nt-kv dt{color:#5f6a84}
.nt-kv dd{margin:0;color:#0b1730;overflow-wrap:anywhere}
.legal.gd .nt-in,.nt-in{margin:.5em 0 0;font-size:.84rem;color:#3a465f;line-height:1.8}
.legal.gd .nt-chips,.nt-chips{display:flex;flex-wrap:wrap;gap:6px;margin:.2em 0 0;padding:0;list-style:none}
.nt-chip{padding:.2em .7em;border-radius:999px;background:#1d3f7f;color:#fff;font:700 .84rem/1.5 "Inter","Zen Kaku Gothic New",sans-serif}
.nt-chip-b{background:#dfe7f5;color:#1d3f7f}
.nt-more{margin-top:.4em;padding:1em 1.1em;border-radius:12px;background:#0a1530;color:#fff}
.nt-more p{margin:0 0 .7em;color:rgba(230,237,249,.85);font-size:.9rem;line-height:1.8}
.nt-morebtn{display:inline-flex;align-items:center;min-height:46px;padding:0 1.2rem;border-radius:999px;border:1px solid rgba(143,171,227,.6);color:#fff!important;text-decoration:none;font-weight:700}
@media (max-width:520px){.nt-row{flex-direction:column}.nt-row button{width:100%}}
.legal.gd .nt-item{margin:0}.legal.gd .nt p:last-child,.legal.gd .nt-kv{margin-bottom:0}
.legal.gd .nt-now .nt-val{margin:0}.legal.gd .nt-count{margin:0 0 1.1em}.legal.gd .nt-err p,.legal.gd .nt-wait,.legal.gd .nt-demo{margin-bottom:.8em}.legal.gd .nt-err p{margin:0}
/* 入力欄はヒーロー（最初の1画面）の中に置く。ヒーローの白い文字の決まりを、白い札の中では打ち消す */
.page-hero .nt{position:relative;margin:clamp(16px,3vh,28px) 0 0;max-width:760px;color:#0b1730;text-align:left}
.page-hero .nt p{color:inherit;font-size:inherit;letter-spacing:normal}
.page-hero .nt .nt-note{color:#5f6a84;font-size:.8rem}
.page-hero .nt .nt-count{color:#3a465f;font-size:.88rem}
.page-hero .nt .nt-in{color:#3a465f;font-size:.84rem}
.page-hero .nt .nt-more p{color:rgba(230,237,249,.85);font-size:.9rem}
.page-hero .nt .nt-demo{color:#6b5000;font-size:.84rem}
.page-hero .nt .nt-for{color:#5f6a84;font-size:.84rem}
.page-hero .nt .nt-val{color:#0b1730}
.page-hero .nt .nt-empty{color:#5f6a84}
.page-hero .nt .nt-err p{color:#7a2414}
.page-hero .nt .nt-wait{color:#3a465f;font-size:.94rem}
.page-hero .nt-out:not(:empty){margin-top:1.1em}
.page-hero .nt-items,.page-hero .nt-chips{list-style:none;margin-left:0;padding-left:0}
.page-hero .nt{padding:clamp(14px,2.2vw,24px)}
.page-hero .nt,.page-hero .nt *{text-shadow:none}.page-hero .nt .nt-row button{text-shadow:0 1px 1px rgba(4,12,40,.35)}
.page-hero:has(.nt-out:not(:empty)) > .container::after{display:none}