/* ─── tools.css ───────────────────────────────────────────────────────
   BUILD LIST 7.2: shared skin for the ungated free tools embedded inside
   pages that already rank. One stylesheet so tool #4 through tool #60 cost
   markup only. Inherits the host page's tokens (--line, --gold, --soft,
   --ash) and falls back to the dark-paper values when a host lacks them.
   Do not add page-specific rules here. Prefix is .nt (noctara tool).
   ─────────────────────────────────────────────────────────────────── */
.nt{border:1px solid var(--line,#211F1B);background:rgba(201,149,106,.05);padding:20px 18px;margin:26px 0;border-radius:2px}
.nt h2{font-style:italic;font-weight:400;font-size:21px;margin:0 0 6px}
.nt .nt-sub{color:var(--soft,#B8A88A);font-size:15px;font-style:italic;margin:0 0 14px}
.nt label{display:block;font-family:'Courier New',monospace;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ash,#8B7D5E);margin:0 0 5px}
.nt textarea{width:100%;min-height:110px;background:rgba(0,0,0,.25);color:inherit;border:1px solid var(--line,#211F1B);padding:13px;font-family:inherit;font-size:15.5px;line-height:1.6;border-radius:2px;resize:vertical}
.nt textarea:focus{outline:none;border-color:var(--gold,#C9956A)}
.nt-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:620px){.nt-two{grid-template-columns:1fr}}
.nt-row{display:flex;align-items:center;gap:13px;margin-top:12px;flex-wrap:wrap}
.nt button{background:var(--gold,#C9956A);color:#0a0a0a;border:0;border-radius:2px;padding:12px 26px;font-family:'Courier New',monospace;font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;cursor:pointer}
.nt button[disabled]{opacity:.55;cursor:default}
.nt button.nt-ghost{background:transparent;color:var(--soft,#B8A88A);border:1px solid var(--line,#211F1B);font-weight:400}
.nt .nt-c{font-family:'Courier New',monospace;font-size:10.5px;letter-spacing:.1em;color:var(--ash,#8B7D5E)}
.nt .nt-note{font-size:12.5px;color:var(--ash,#8B7D5E);font-style:italic;margin-top:9px}
.nt .nt-err{display:none;color:#C97A7A;font-style:italic;font-size:14px;margin-top:12px}
.nt .nt-out{display:none;margin-top:20px;border-top:1px solid var(--line,#211F1B);padding-top:18px}
.nt .nt-out h3{font-family:'Courier New',monospace;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold,#C9956A);font-weight:400;margin:0 0 5px}
.nt .nt-out p{color:var(--soft,#B8A88A);font-size:16px;margin:0 0 16px}
.nt .nt-line{font-style:italic;font-size:19px;color:var(--gold,#C9956A);border-top:1px solid var(--line,#211F1B);padding-top:14px;margin:0}
.nt .nt-after{display:none;font-size:13.5px;color:var(--ash,#8B7D5E);font-style:italic;margin-top:16px}
.nt .nt-after a{color:var(--gold,#C9956A)}