/* =========================================================
   TITANPULSE panel — styled after the "TitanPulse Panel" design.
   Self-contained: the panel pages do not load the website's style.css.
   ========================================================= */
:root{
  --bg:#09080A; --side:#0C0B09; --card:#100F0C; --console:#070607;
  --text:#F3EDE0; --muted:#A39A86; --dim:#8F8670;
  --line:#2A2314; --line2:#241E12; --line-gold:#5A4820;
  --gold:#D4AF37; --gold-light:#F2D885; --gold-grad:linear-gradient(135deg,#A87B22 0%,#F2D885 50%,#B98A2F 100%);
  --ok:#4FD08F; --warn:#F2A64B; --err:#FF7A7A; --join:#E8C872;
  --font-display:'Playfair Display',serif; --font-accent:'Cormorant Garamond',serif;
  --font-body:'Manrope',system-ui,sans-serif; --font-mono:'JetBrains Mono',monospace;
}
*{ box-sizing:border-box; }
body.pn{ margin:0; background:var(--bg); color:var(--text); font-family:var(--font-body); font-size:15px; line-height:1.5; }
.pn a{ color:inherit; text-decoration:none; }
.pn button{ font-family:inherit; cursor:pointer; }
.pn input::placeholder{ color:var(--dim); }
.pn :focus-visible{ outline:2px solid var(--gold-light); outline-offset:2px; }

/* ---------- shell ---------- */
.pn-shell{ display:flex; flex-wrap:wrap; min-height:100vh; }
.pn-side{ flex:1 1 260px; max-width:290px; padding:24px 16px; display:flex; flex-direction:column; gap:20px; background:var(--side); border-right:1px solid var(--line2); }
.pn-main{ flex:999 1 560px; min-width:0; padding:36px 36px 56px; display:flex; flex-direction:column; gap:28px; }
.pn-brand{ display:flex; align-items:center; gap:14px; padding:0 8px; }
.pn-brand img{ width:48px; height:40px; object-fit:contain; }
.pn-wordmark{ font-family:var(--font-display); font-weight:600; font-size:17px; letter-spacing:.16em; }
.pn-wordmark b{ font-weight:600; color:var(--gold); }
.pn-srvname{ padding:14px 8px; border-top:1px solid var(--line2); border-bottom:1px solid var(--line2); font-family:var(--font-display); font-weight:600; font-size:19px; }
.pn-srvname small{ display:block; font-family:var(--font-body); font-weight:500; font-size:12px; color:var(--muted); letter-spacing:.02em; margin-top:2px; }
.pn-nav{ display:flex; flex-direction:column; gap:18px; }
.pn-group{ display:flex; flex-direction:column; gap:2px; }
.pn-group > span.t{ padding:0 14px 6px; font-size:11px; font-weight:600; letter-spacing:.26em; color:var(--dim); text-transform:uppercase; }
.pn-item{ display:flex; align-items:center; gap:12px; min-height:44px; padding:0 14px; border-radius:10px; color:var(--muted); background:none; border:0; width:100%; text-align:left; font-size:15px; }
.pn-item:hover{ color:var(--gold-light); }
.pn-item.on{ background:rgba(212,175,55,.12); color:var(--gold-light); font-weight:600; }
.pn-item svg{ flex:0 0 18px; }
.pn-item em{ margin-left:auto; font-style:normal; font-size:10px; letter-spacing:.08em; color:var(--dim); }
.pn-user{ margin-top:auto; display:flex; align-items:center; gap:12px; padding:14px 8px 0; border-top:1px solid var(--line2); background:none; border-left:0; border-right:0; border-bottom:0; color:var(--text); width:100%; text-align:left; font-size:15px; }
.pn-avatar{ flex:0 0 36px; width:36px; height:36px; border-radius:99px; display:flex; align-items:center; justify-content:center; font-weight:700; color:#1A1405; background:var(--gold-grad); text-transform:uppercase; }
.pn-user .n{ flex:1 1 auto; min-width:0; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

/* top bar (hub, account) */
.pn-top{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px; padding:18px 36px; background:var(--side); border-bottom:1px solid var(--line2); }
.pn-top .pn-user{ margin:0; padding:0; border:0; width:auto; }
.pn-page{ max-width:1180px; margin:0 auto; padding:48px 36px 72px; display:flex; flex-direction:column; gap:32px; }

/* ---------- page header ---------- */
.pn-head{ display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; gap:20px; }
.pn-headtxt{ display:flex; flex-direction:column; gap:8px; }
.pn-eyebrow{ font-size:12px; letter-spacing:.32em; font-weight:600; color:var(--gold); text-transform:uppercase; }
.pn h1{ margin:0; font-family:var(--font-display); font-size:40px; font-weight:700; letter-spacing:-.01em; line-height:1.15; }
.pn h1.big{ font-size:44px; }
.pn h2{ margin:0; font-family:var(--font-display); font-size:22px; font-weight:600; }
.pn-row{ display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
.pn-subtitle{ font-family:var(--font-accent); font-style:italic; font-size:21px; color:var(--muted); }
.pn-mono{ font-family:var(--font-mono); font-size:13px; color:var(--muted); word-break:break-all; }
.pn-pill{ display:inline-flex; align-items:center; gap:8px; padding:5px 14px; border-radius:99px; background:var(--card); border:1px solid var(--line); font-size:13px; font-weight:600; }
.pn-pill i{ width:8px; height:8px; border-radius:99px; background:currentColor; }
.pn-divider{ display:flex; align-items:center; gap:14px; }
.pn-divider u{ flex:1 1 0; height:1px; background:linear-gradient(90deg,transparent,#6B5420); }
.pn-divider u:last-child{ background:linear-gradient(90deg,#6B5420,transparent); }
.pn-divider b{ width:9px; height:9px; transform:rotate(45deg); background:var(--gold); }

/* ---------- buttons ---------- */
.pn-actions{ display:flex; flex-wrap:wrap; gap:10px; }
.pn .btn, .pn-btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:46px; padding:0 22px; border-radius:10px; font-size:15px; font-weight:600; border:1px solid var(--line-gold); color:var(--gold-light); background:var(--card); }
.pn .btn-primary, .pn-btn.primary{ border:0; font-weight:700; color:#1A1405; background:var(--gold-grad); }
.pn .btn-ghost{ color:var(--gold-light); background:var(--card); border:1px solid var(--line-gold); }
.pn-btn.danger{ color:#FF8A8A; background:#1A0F10; border-color:#4A2326; }
.pn-btn.plain{ color:var(--text); background:var(--side); }
.pn .btn-block{ width:100%; }
.pn .btn:disabled, .pn-btn:disabled{ opacity:.55; cursor:default; }

/* ---------- cards ---------- */
.pn-cards{ display:flex; flex-wrap:wrap; gap:16px; }
.pn-stat{ flex:1 1 170px; padding:22px; border-radius:14px; background:var(--card); border:1px solid var(--line); display:flex; flex-direction:column; gap:12px; }
.pn-stat .k{ font-size:12px; font-weight:600; letter-spacing:.24em; color:var(--gold); text-transform:uppercase; }
.pn-stat .v{ font-family:var(--font-display); font-size:32px; font-weight:600; letter-spacing:-.01em; line-height:1.15; word-break:break-word; }
.pn-stat .v.sm{ font-size:22px; }
.pn-stat .s{ font-size:13px; color:var(--muted); }
.pn-bar{ height:5px; border-radius:99px; background:var(--line2); overflow:hidden; }
.pn-bar i{ display:block; height:100%; border-radius:99px; background:linear-gradient(90deg,#A87B22,var(--gold)); }
.pn-panel{ border-radius:14px; background:var(--card); border:1px solid var(--line); overflow:hidden; }
.pn-panel > .h{ display:flex; align-items:center; justify-content:space-between; padding:16px 22px; border-bottom:1px solid var(--line); }
.pn-panel > .h span{ font-family:var(--font-display); font-weight:600; font-size:19px; }
.pn-panel > .h a{ font-size:14px; font-weight:600; color:var(--gold); }
.pn-panel.pad{ padding:24px; display:flex; flex-direction:column; gap:18px; }
.pn-cols{ display:flex; flex-wrap:wrap; gap:16px; align-items:flex-start; }
.pn-kv{ display:flex; justify-content:space-between; gap:12px; }
.pn-kv span:first-child{ color:var(--muted); }
.pn-info{ display:flex; align-items:flex-start; gap:12px; padding:14px 16px; border-radius:10px; background:rgba(212,175,55,.08); border:1px solid var(--line-gold); }
.pn-info.ok{ background:rgba(79,208,143,.08); border-color:#24523B; }
.pn-info.bad{ background:#1A0F10; border-color:#4A2326; color:#FF8A8A; }
.pn-note{ font-family:var(--font-accent); font-style:italic; font-size:18px; color:var(--muted); }
.pn-msg{ font-size:14px; color:var(--muted); min-height:1.4em; margin:0; }
.pn-msg.err{ color:#FF8A8A; }
.pn-check{ display:flex; align-items:center; gap:14px; min-height:44px; cursor:pointer; }
.pn-check input{ width:22px; height:22px; accent-color:var(--gold); }
.pn-field, .pn-input input{ flex:1 1 auto; min-width:0; background:var(--card); color:var(--text); border:1px solid var(--line-gold); border-radius:12px; min-height:54px; padding:0 18px; font:inherit; font-size:15px; }
.pn-field:focus, .pn-input input:focus{ outline:0; border-color:var(--gold-light); }

/* server cards (hub) */
.pn-server{ flex:1 1 340px; min-width:0; padding:22px; border-radius:14px; background:var(--card); border:1px solid var(--line); display:flex; flex-direction:column; gap:18px; }
.pn-server .top{ display:flex; align-items:center; gap:16px; }
.pn-ico{ flex:0 0 56px; width:56px; height:56px; border-radius:12px; display:flex; align-items:center; justify-content:center; background:rgba(212,175,55,.1); border:1px solid #3A2F16; color:var(--gold); }
.pn-server .nm{ font-family:var(--font-display); font-weight:600; font-size:20px; }
.pn-server .gm{ font-size:13px; letter-spacing:.2em; font-weight:600; color:var(--gold); text-transform:uppercase; }
.pn-server .row{ display:flex; justify-content:space-between; gap:12px; font-size:14px; color:var(--muted); }
.pn-server .row b{ color:var(--text); font-weight:500; }
.pn-newcard{ flex:1 1 340px; min-width:0; padding:22px; border-radius:14px; background:var(--side); border:1px dashed var(--line-gold); display:flex; flex-direction:column; gap:10px; }
.pn-newcard .nm{ font-family:var(--font-display); font-weight:600; font-size:20px; }
.pn-newcard .go{ margin-top:6px; font-weight:700; color:var(--gold); }
.pn-section{ display:flex; flex-direction:column; gap:16px; }
.pn-section > h2{ font-size:24px; }

/* ---------- console ---------- */
.pn-pills{ display:flex; flex-wrap:wrap; gap:8px; }
.pn-pillbtn{ min-height:46px; padding:0 20px; border-radius:99px; font-size:14px; font-weight:600; color:var(--muted); background:var(--card); border:1px solid var(--line); }
.pn-pillbtn.on{ border:0; font-weight:700; color:#1A1405; background:var(--gold-grad); }
.pn-console{ flex:1 1 auto; border-radius:14px; background:var(--console); border:1px solid var(--line); padding:22px; min-height:420px; max-height:62vh; overflow:auto; font-family:var(--font-mono); font-size:13px; line-height:1.7; }
.pn-console.mini{ min-height:0; max-height:none; border:0; border-radius:0; padding:18px 22px; line-height:1.6; }
.pn-console .l{ white-space:pre-wrap; word-break:break-word; }
.pn-console .t{ color:var(--dim); }
.pn-console .c-info{ color:var(--ok); } .pn-console .c-join{ color:var(--join); } .pn-console .c-warn{ color:var(--warn); } .pn-console .c-err{ color:var(--err); }
.pn-input{ display:flex; flex-wrap:wrap; gap:10px; align-items:stretch; }
.pn-prompt{ flex:1 1 280px; min-width:0; display:flex; align-items:center; gap:12px; padding:0 18px; min-height:54px; border-radius:12px; background:var(--card); border:1px solid var(--line-gold); }
.pn-prompt span{ font-family:var(--font-mono); color:var(--gold); }
.pn-prompt input{ flex:1 1 auto; min-width:0; min-height:0; border:0; outline:0; padding:0; background:transparent; color:var(--text); font-family:var(--font-mono); font-size:14px; }
.pn-input .btn{ min-height:54px; padding:0 30px; border-radius:12px; font-size:15px; }

/* ---------- files ---------- */
.pn-drop{ display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; padding:30px 20px; border-radius:14px; background:var(--side); border:2px dashed var(--line-gold); text-align:center; cursor:pointer; }
.pn-drop.over{ border-color:var(--gold-light); background:rgba(212,175,55,.06); }
.pn-drop .a{ font-family:var(--font-display); font-weight:600; font-size:20px; }
.pn-drop .b{ font-family:var(--font-accent); font-style:italic; font-size:18px; color:var(--muted); }
.pn-list{ border-radius:14px; background:var(--card); border:1px solid var(--line); overflow:hidden; }
.pn-lh, .pn-lr{ display:flex; align-items:center; gap:16px; padding:0 22px; }
.pn-lh{ min-height:46px; border-bottom:1px solid var(--line); font-size:11px; font-weight:600; letter-spacing:.26em; color:var(--gold); }
.pn-lr{ min-height:54px; border-bottom:1px solid var(--line2); cursor:pointer; }
.pn-lr:last-child{ border-bottom:0; }
.pn-lr.on{ background:rgba(212,175,55,.1); }
.pn-lr .n{ flex:1 1 0; min-width:0; display:flex; align-items:center; gap:12px; font-weight:600; }
.pn-lr .n span{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pn-lr .z{ flex:0 0 90px; text-align:right; font-family:var(--font-mono); font-size:13px; color:var(--muted); }
.pn-lr .d, .pn-lh .d{ flex:0 1 160px; text-align:right; font-size:14px; color:var(--muted); }
.pn-lh .n{ flex:1 1 0; } .pn-lh .z{ flex:0 0 90px; text-align:right; } .pn-lh .d{ color:var(--gold); font-size:11px; }
.pn-selbar{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; padding:16px 22px; border-radius:14px; background:var(--card); border:1px solid var(--line-gold); }
.pn-selbar b{ font-weight:700; color:var(--gold-light); }
.pn-crumbs a{ cursor:pointer; color:var(--muted); } .pn-crumbs a:hover{ color:var(--gold-light); }
.pn-editor{ width:100%; min-height:55vh; background:var(--console); color:#e6dfcb; border:1px solid var(--line); border-radius:14px; padding:16px; font-family:var(--font-mono); font-size:13px; line-height:1.6; }
.pn-soon{ padding:48px 24px; border-radius:14px; border:1px dashed var(--line-gold); text-align:center; font-family:var(--font-accent); font-style:italic; font-size:21px; color:var(--muted); }
.pn-empty{ padding:40px 0; text-align:center; font-family:var(--font-accent); font-style:italic; font-size:21px; color:var(--muted); }
.pn-opt{ flex:1 1 200px; text-align:left; padding:16px 18px; border-radius:12px; color:var(--text); background:var(--side); border:1px solid var(--line); display:flex; flex-direction:column; gap:4px; }

/* ---------- login / account cards (auth.js markup) ---------- */
.pn .hs-modal{ width:100%; max-width:440px; margin:0 auto; padding:28px; border-radius:14px; background:var(--card); border:1px solid var(--line); display:flex; flex-direction:column; gap:16px; position:static; max-height:none; }
.pn .hs-modal h2{ font-size:26px; }
.pn .hs-modal label{ display:flex; flex-direction:column; gap:8px; font-size:12px; font-weight:600; letter-spacing:.2em; text-transform:uppercase; color:var(--gold); }
.pn .hs-modal input{ background:var(--side); color:var(--text); border:1px solid var(--line-gold); border-radius:12px; min-height:50px; padding:0 16px; font:inherit; font-size:15px; letter-spacing:0; text-transform:none; }
.pn .hs-modal input:focus{ outline:0; border-color:var(--gold-light); }
.pn .hs-sub{ margin:0; font-size:14px; color:var(--muted); }
.pn .hs-err{ margin:0; min-height:1.2em; font-size:14px; color:#FF8A8A; }
.pn .fv-empty{ text-align:center; font-family:var(--font-accent); font-style:italic; font-size:21px; color:var(--muted); padding:40px 0; }

@media (max-width:860px){
  .pn-side{ max-width:none; flex-basis:100%; border-right:0; border-bottom:1px solid var(--line2); }
  .pn-nav{ flex-direction:row; flex-wrap:wrap; gap:8px 18px; }
  .pn-main{ padding:24px 18px 48px; }
  .pn-top{ padding:16px 18px; } .pn-page{ padding:32px 18px 56px; }
  .pn h1{ font-size:32px; } .pn h1.big{ font-size:34px; }
  .pn-lr .z, .pn-lh .z{ display:none; }
}

/* ---------- setup wizard ---------- */
.pn-wiz{ display:flex; flex-wrap:wrap; gap:24px; align-items:flex-start; }
.pn-wiz-main{ flex:2 1 560px; min-width:0; display:flex; flex-direction:column; gap:20px; }
.pn-wiz-side{ flex:1 1 300px; min-width:0; position:sticky; top:24px; padding:24px; border-radius:14px; background:var(--card); border:1px solid var(--line-gold); display:flex; flex-direction:column; gap:14px; }
.pn-step{ padding:24px; border-radius:14px; background:var(--card); border:1px solid var(--line); display:flex; flex-direction:column; gap:18px; }
.pn-step .hd{ display:flex; align-items:center; gap:14px; }
.pn-num{ flex:0 0 32px; width:32px; height:32px; border-radius:99px; display:flex; align-items:center; justify-content:center; font-weight:700; color:#1A1405; background:var(--gold-grad); }
.pn-opts{ display:flex; flex-wrap:wrap; gap:12px; }
.pn-opt{ cursor:pointer; font-family:inherit; font-size:15px; }
.pn-opt b{ font-weight:700; font-size:17px; }
.pn-opt small{ font-size:14px; color:var(--muted); }
.pn-opt.on{ background:rgba(212,175,55,.12); border-color:var(--gold); }
.pn-opt.slim{ flex:1 1 150px; min-height:52px; justify-content:center; font-weight:600; }
.pn-lab{ display:flex; flex-direction:column; gap:8px; font-size:12px; font-weight:600; letter-spacing:.2em; text-transform:uppercase; color:var(--gold); }
.pn-lab .pn-field{ letter-spacing:0; text-transform:none; font-weight:400; }
.pn-help{ font-size:14px; color:var(--muted); }
.pn-sum{ display:flex; justify-content:space-between; gap:12px; font-size:14px; }
.pn-sum span:first-child{ color:var(--muted); } .pn-sum span:last-child{ text-align:right; word-break:break-word; }
.pn-side-t{ font-size:12px; font-weight:600; letter-spacing:.24em; color:var(--gold); text-transform:uppercase; }
.pn-sep{ height:1px; background:var(--line); }
.pn-log{ background:var(--console); border:1px solid var(--line); border-radius:14px; padding:16px 20px; font-family:var(--font-mono); font-size:13px; line-height:1.6; max-height:50vh; overflow:auto; white-space:pre-wrap; color:#cfc8b4; }
.pn-table{ width:100%; border-collapse:collapse; font-size:14px; }
.pn-table th, .pn-table td{ text-align:left; padding:12px 10px; border-bottom:1px solid var(--line2); vertical-align:middle; }
.pn-table th{ font-size:11px; letter-spacing:.2em; text-transform:uppercase; color:var(--gold); font-weight:600; }
.pn-days{ display:flex; gap:6px; flex-wrap:wrap; }
.pn-days label{ display:flex; align-items:center; gap:6px; padding:8px 12px; border:1px solid var(--line); border-radius:99px; cursor:pointer; font-size:14px; }
.pn-days input:checked + span{ color:var(--gold-light); }
.pn-select{ background:var(--card); color:var(--text); border:1px solid var(--line-gold); border-radius:12px; min-height:50px; padding:0 14px; font:inherit; }
.pn-two{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
@media (max-width:700px){ .pn-two{ grid-template-columns:1fr; } .pn-wiz-side{ position:static; } }

/* centred overview of all servers */
.pn-center{ align-items:center; text-align:center; }
.pn-section.pn-center > h2{ text-align:center; }
.pn-cards.center{ justify-content:center; }
.pn-cards.center > .pn-server, .pn-cards.center > .pn-newcard{ flex:0 1 360px; max-width:420px; text-align:left; }
.pn-server .top{ text-align:left; }

/* phone: the side menu folds away behind a Menu button */
.pn-brandrow{ display:flex; align-items:center; justify-content:space-between; gap:12px; }
.pn-menu-btn{ display:none; align-items:center; gap:8px; min-height:44px; padding:0 16px; border-radius:10px; font-size:14px; font-weight:600; color:var(--gold-light); background:var(--card); border:1px solid var(--line-gold); }
@media (max-width:860px){
  .pn-side{ gap:12px; padding:14px 16px; }
  .pn-menu-btn{ display:inline-flex; }
  .pn-side:not(.open) > :not(.pn-brandrow):not(.pn-srvname){ display:none; }
  .pn-side.open .pn-nav{ flex-direction:column; flex-wrap:nowrap; gap:18px; }
  .pn-side.open .pn-link, .pn-side.open .pn-item{ width:100%; }
  .pn-srvname{ border-bottom:0; padding:8px 8px 0; }
  .pn-main{ padding:22px 16px 48px; }
  .pn-head{ align-items:flex-start; }
  .pn-actions .btn, .pn-actions .pn-btn{ flex:1 1 auto; min-width:0; }
  .pn-stat .v{ font-size:26px; }
  .pn-console{ max-height:55vh; min-height:300px; padding:14px; font-size:12px; }
  .pn-cols > .pn-panel, .pn-cols > div{ flex-basis:100% !important; }
  .pn-selbar{ flex-direction:column; align-items:stretch; }
  .pn-page{ padding:28px 16px 48px; }
  .pn h1.big{ font-size:30px; }
  .pn-top{ padding:12px 16px; }
}

/* language switch */
.pn-lang{ display:inline-flex; gap:2px; border:1px solid var(--line); border-radius:99px; padding:3px; background:var(--card); }
.pn-lang button{ border:0; background:none; color:var(--muted); font-size:12px; font-weight:600; letter-spacing:.08em; padding:6px 10px; border-radius:99px; min-height:32px; }
.pn-lang button.on{ color:#1A1405; background:var(--gold-grad); }
.pn-side .pn-lang{ align-self:flex-start; margin:0 8px; }

/* server cards with the game picture */
.pn-server, .pn-newcard{ padding:0; overflow:hidden; gap:0; transition:transform .25s ease, border-color .25s ease, box-shadow .25s ease; }
.pn-server:hover, .pn-newcard:hover{ transform:translateY(-4px); border-color:var(--gold); box-shadow:0 22px 44px -28px rgba(212,175,55,.7); }
.pn-simg{ position:relative; height:150px; background-size:cover; background-position:center; background-color:var(--ink,#0b0a0c); }
.pn-simg::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(9,8,10,.15) 0%,rgba(16,15,12,.95) 100%); }
.pn-simg.small{ height:110px; }
.pn-sstatus{ position:absolute; z-index:1; top:14px; right:14px; display:inline-flex; align-items:center; gap:8px; padding:6px 14px; border-radius:99px; background:rgba(9,8,10,.78); border:1px solid var(--line); backdrop-filter:blur(6px); font-size:13px; font-weight:600; }
.pn-sstatus i{ width:8px; height:8px; border-radius:99px; background:currentColor; }
.pn-sbody{ position:relative; z-index:1; padding:0 22px 22px; margin-top:-34px; display:flex; flex-direction:column; gap:14px; }
.pn-shead{ display:flex; align-items:flex-end; gap:14px; }
.pn-shead .pn-ico{ box-shadow:0 8px 24px -10px rgba(0,0,0,.9); background:#17140c; }
.pn-stitle{ display:flex; flex-direction:column; min-width:0; padding-bottom:2px; }
.pn-stitle .nm{ font-family:var(--font-display); font-weight:600; font-size:21px; line-height:1.2; overflow-wrap:anywhere; }
.pn-stitle .gm{ font-size:12px; letter-spacing:.16em; font-weight:600; color:var(--gold); text-transform:uppercase; }
.pn-newcard .pn-sbody{ margin-top:0; padding-top:18px; }
.pn-newcard .nm{ font-family:var(--font-display); font-weight:600; font-size:20px; }
.pn-newcard .go{ margin-top:4px; font-weight:700; color:var(--gold); }