/* ============================================================
   AIX Society — 電子報訂閱（內頁與首頁共用）
   金 / 灰 / 黑 / 白。不使用藍與紫。
   本檔同時被 site.css 的內頁與首頁（inline 樣式 + home-scroll.css）載入，
   故只依賴兩邊都存在的變數：--ink / --muted / --gold / --gold-lt / --line / --panel。
   ============================================================ */

/* ---------- 頁尾訂閱帶 ---------- */
.nlband{padding:0 0 26px;border-bottom:1px solid var(--line);margin:0 0 30px}
.nlband.w{width:min(1180px,calc(100% - 40px));margin-left:auto;margin-right:auto}
.nlwrap{display:grid;grid-template-columns:minmax(240px,1fr) minmax(320px,1.2fr);gap:18px 40px;align-items:center}

.nlform{margin:0;min-width:0}
.nlrow{display:flex;gap:10px;align-items:stretch}
.nlinput{flex:1 1 180px;min-width:0;background:transparent;border:1px solid var(--line);border-radius:10px;
  color:var(--ink);font-family:inherit;font-size:14px;line-height:1.4;padding:11px 14px;transition:border-color .2s}
.nlinput::placeholder{color:var(--muted);opacity:.85}
.nlinput:focus{outline:none;border-color:var(--gold-lt)}
.nlbtn{flex:0 0 auto;border:0;cursor:pointer;border-radius:10px;padding:11px 22px;font-family:inherit;
  font-size:13.5px;font-weight:600;color:#141108;background:linear-gradient(140deg,var(--gold-lt),var(--gold));
  box-shadow:0 12px 30px rgba(217,180,81,.22);transition:transform .2s,box-shadow .2s}
.nlbtn:hover{transform:translateY(-2px)}
.nlbtn[disabled]{opacity:.5;cursor:default;transform:none}
/* 蜜罐欄位：真人不會填，機器人會填 */
.nlhp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;opacity:0}

.nlck{display:flex;gap:9px;align-items:flex-start;margin:11px 0 0;font-size:12px;line-height:1.65;
  color:var(--muted);cursor:pointer}
.nlck input{margin:2px 0 0;flex:0 0 auto;width:14px;height:14px;accent-color:var(--gold)}
.nlmsg{margin:9px 0 0;font-size:12.5px;line-height:1.6;color:var(--muted)}
.nlmsg:empty{display:none}
.nlmsg.ok{color:var(--gold-lt)}
.nlmsg.err{color:#ff9b8f}
body.light .nlmsg.err{color:#9e2b20}
.nlmeta{margin:9px 0 0;font-size:11.5px;line-height:1.6;color:var(--muted);letter-spacing:.02em}

/* 覆寫 .footer / .foot 對 a、p、h4 的通用規則（display:block 會令行內連結斷行） */
.footer .nlband h4,.foot .nlband h4{margin:0 0 7px}
.footer .nlband p,.foot .nlband p{display:block}
.footer .nlband .nllead,.foot .nlband .nllead{margin:0;color:var(--muted);font-size:12.5px;line-height:1.7;max-width:58ch}
.footer .nlband .nlmsg,.foot .nlband .nlmsg{margin:9px 0 0;font-size:12.5px}
.footer .nlband .nlmeta,.foot .nlband .nlmeta{margin:9px 0 0;font-size:11.5px}
.footer .nlband a,.foot .nlband a{display:inline;margin:0;font-size:11.5px;color:var(--gold-lt)}
.footer .nlband a:hover,.foot .nlband a:hover{color:var(--ink)}

/* ---------- 文章頁文末（insights/<slug> 與 perspectives/<slug>） ---------- */
.nlart{margin:36px 0 0;padding:24px;border:1px solid var(--line);border-radius:14px;
  background:linear-gradient(160deg,rgba(217,180,81,.07),transparent 70%)}
.nlart h2{margin:0 0 8px;font-size:17px;line-height:1.35}
.nlart .nllead{margin:0 0 16px;color:var(--muted);font-size:13.5px;line-height:1.75;max-width:72ch}

/* ---------- 首頁章節 ---------- */
.nlcard{border:1px solid var(--line);border-radius:16px;padding:clamp(20px,3vw,30px);
  background:linear-gradient(160deg,rgba(217,180,81,.08),transparent 68%)}
.nlcard .nlbig{margin:0 0 10px;font-size:clamp(17px,2vw,21px);line-height:1.4;color:var(--ink)}
.nlcard .nllead{margin:0 0 20px;color:var(--muted);font-size:14px;line-height:1.8;max-width:72ch}
.nlpts{margin:0 0 22px;padding:0;list-style:none;display:grid;
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}
.nlpts li{border:1px solid var(--line);border-radius:12px;padding:14px 16px;
  font-size:13px;line-height:1.7;color:var(--muted)}
.nlpts li b{display:block;color:var(--gold-lt);font-size:11px;letter-spacing:.1em;margin-bottom:6px}
.nlcard .nlform{max-width:560px}

/* ---------- 訂閱頁 subscribe.html ---------- */
.subhero{padding:6px 0 4px}
.subhero h1{margin:0 0 12px;font-size:clamp(26px,4vw,40px);line-height:1.18;letter-spacing:-.02em}
.subhero .sublead{margin:0 0 24px;color:var(--muted);font-size:15.5px;line-height:1.8;max-width:78ch}
.nlbox{border:1px solid var(--line);border-radius:16px;padding:clamp(20px,3vw,30px);
  background:linear-gradient(160deg,rgba(217,180,81,.08),transparent 70%)}
.nlbox .nlform{max-width:640px}
.substeps{margin:0;padding:0;list-style:none;display:grid;
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}
.substeps li{border:1px solid var(--line);border-radius:12px;padding:16px 18px;background:rgba(255,255,255,.02)}
.substeps .n{display:block;font-size:11px;letter-spacing:.14em;color:var(--gold-lt);margin-bottom:8px}
.substeps b{display:block;font-size:14.5px;margin-bottom:6px;color:var(--ink)}
.substeps p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}
.submeta{margin:22px 0 0;font-size:12px;color:var(--muted);letter-spacing:.02em}

/* ---------- 響應式 ---------- */
@media (max-width:880px){
  .nlwrap{grid-template-columns:1fr;gap:16px}
  .nlband{padding:0 0 22px;margin:0 0 24px}
}
@media (max-width:520px){
  .nlrow{flex-wrap:wrap}
  .nlinput{flex:1 1 100%}
  .nlbtn{flex:1 1 100%}
  .nlart{padding:20px 18px}
}