/* TonNest Signature Design System — shared visual layer only. */
body.tn-signature-system{
  --tns-ink:#11182b;--tns-muted:#657087;--tns-violet:#7254f5;--tns-violet-2:#9a75ff;
  --tns-mint:#68e6be;--tns-line:#e5e8f1;--tns-soft:#f5f3ff;--tns-paper:#fff;
  background:#f8f9fc;color:var(--tns-ink);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
}
body.tn-signature-system .tn-container{width:min(1180px,calc(100% - 36px));}

/* Shared header */
body.tn-signature-system .tn-header{
  position:sticky;top:0;z-index:900;background:rgba(255,255,255,.94);
  border-bottom:1px solid rgba(222,226,238,.9);box-shadow:0 5px 24px rgba(17,24,43,.045);
  backdrop-filter:blur(14px);
}
body.admin-bar.tn-signature-system .tn-header{top:32px;}
body.tn-signature-system .tn-nav{min-height:76px;}
body.tn-signature-system .tn-logo{color:var(--tns-ink);font-weight:900;letter-spacing:-.025em;}
body.tn-signature-system .tn-logo span{
  display:inline-grid;place-items:center;width:36px;height:36px;margin-right:6px;border-radius:11px;
  background:linear-gradient(135deg,var(--tns-violet),var(--tns-violet-2));color:#fff;
  box-shadow:0 8px 20px rgba(114,84,245,.22);
}
body.tn-signature-system .tn-nav nav a{color:#4f596d;font-weight:750;}
body.tn-signature-system .tn-nav nav a:hover{color:var(--tns-violet);}
body.tn-signature-system .tn-nav .tnp-nav{
  padding:9px 13px;border-radius:10px;background:var(--tns-ink);color:#fff!important;
}
body.tn-signature-system .tn-search{border:1px solid var(--tns-line);border-radius:11px;background:#fff;}
body.tn-signature-system .tn-search input{background:transparent;}

/* Shared page headings and content surfaces */
body.tn-signature-system .tn-pagehead{
  margin-top:24px;padding:52px 5%;border:1px solid #ded8ff;border-radius:26px;
  background:radial-gradient(circle at 90% 10%,rgba(114,84,245,.16),transparent 34%),linear-gradient(135deg,#fff,#f4f1ff);
  box-shadow:0 16px 48px rgba(25,31,55,.07);
}
body.tn-signature-system .tn-pagehead h1{color:var(--tns-ink);letter-spacing:-.042em;}
body.tn-signature-system .tn-pagehead p{max-width:760px;color:var(--tns-muted);}
body.tn-signature-system .tn-eyebrow{color:#5e47ce;font-weight:900;letter-spacing:.14em;}
body.tn-signature-system .tn-section{margin-top:48px;margin-bottom:58px;}
body.tn-signature-system .tn-content{color:#333d51;line-height:1.75;}
body.tn-signature-system .tn-content h2,body.tn-signature-system .tn-content h3{color:var(--tns-ink);letter-spacing:-.025em;}

/* Filters, cards and primary actions */
body.tn-signature-system .tn-filter{
  gap:8px;padding:12px;border:1px solid var(--tns-line);border-radius:17px;background:#fff;
  box-shadow:0 8px 26px rgba(17,24,43,.05);
}
body.tn-signature-system .tn-filter a{border-radius:10px;color:#505b70;font-weight:750;}
body.tn-signature-system .tn-filter a:hover,body.tn-signature-system .tn-filter a.is-active{
  background:var(--tns-soft);color:#5a42d2;
}
body.tn-signature-system .tn-card,body.tn-signature-system .tn-sound-card{
  border-color:var(--tns-line);border-radius:18px;background:#fff;
  box-shadow:0 10px 30px rgba(17,24,43,.055);transition:transform .18s,border-color .18s,box-shadow .18s;
}
body.tn-signature-system .tn-card:hover,body.tn-signature-system .tn-sound-card:hover{
  transform:translateY(-3px);border-color:#c8bcff;box-shadow:0 16px 36px rgba(50,43,102,.1);
}
body.tn-signature-system .tn-card button,body.tn-signature-system .tn-play,
body.tn-signature-system .tn-download,body.tn-signature-system a.tn-download{
  border-radius:10px;font-weight:850;
}

/* Premium keeps its conversion logic; only the outer visual language is unified. */
body.tn-signature-system .tn-article{padding-top:26px;padding-bottom:60px;}
body.tn-signature-system .tnpc-wrap{--tnpc-purple:#7254f5;--tnpc-violet:#7254f5;}
body.tn-signature-system .tnpc-hero{
  border-radius:30px;background:radial-gradient(circle at 88% 8%,rgba(133,96,255,.72),transparent 31%),linear-gradient(135deg,#0d1427,#202b50 64%,#2c2364);
  box-shadow:0 26px 72px rgba(17,24,43,.2);
}
body.tn-signature-system .tnpc-plan,body.tn-signature-system .tnpc-collection,
body.tn-signature-system .tnpc-ranking-box{border-radius:19px;box-shadow:0 10px 30px rgba(17,24,43,.055);}
body.tn-signature-system .tnpc-btn,body.tn-signature-system .tnpc-preview-btn{border-radius:10px;}

/* Legal and editorial pages */
body.tn-signature-system.page-id-9 .tn-content,
body.tn-signature-system.page-id-10 .tn-content,
body.tn-signature-system.page-id-11 .tn-content,
body.tn-signature-system.page-id-12 .tn-content,
body.tn-signature-system.page-id-13 .tn-content{
  max-width:900px;margin:0 auto;padding:36px;border:1px solid var(--tns-line);border-radius:22px;background:#fff;
  box-shadow:0 12px 36px rgba(17,24,43,.055);
}

/* Shared footer */
body.tn-signature-system .tn-footer{
  margin-top:64px;background:linear-gradient(135deg,#0e1629,#1d294a);color:#e9edfa;
}
body.tn-signature-system .tn-footer .tn-logo{color:#fff;}
body.tn-signature-system .tn-footer p,body.tn-signature-system .tn-footer a{color:#bdc7db;}
body.tn-signature-system .tn-footer a:hover{color:#fff;}
body.tn-signature-system .tn-footer strong{color:#fff;}
body.tn-signature-system .tn-copy{border-top-color:rgba(255,255,255,.12);color:#8f9bb3;}

@media(max-width:782px){body.admin-bar.tn-signature-system .tn-header{top:46px;}}
@media(max-width:720px){
  body.tn-signature-system .tn-container{width:min(100% - 24px,1180px);}
  body.tn-signature-system .tn-pagehead{margin-top:12px;padding:34px 22px;border-radius:21px;}
  body.tn-signature-system .tn-pagehead h1{font-size:clamp(35px,11vw,48px);}
  body.tn-signature-system .tn-section{margin-top:36px;margin-bottom:44px;}
  body.tn-signature-system.page-id-9 .tn-content,
  body.tn-signature-system.page-id-10 .tn-content,
  body.tn-signature-system.page-id-11 .tn-content,
  body.tn-signature-system.page-id-12 .tn-content,
  body.tn-signature-system.page-id-13 .tn-content{padding:24px 19px;border-radius:17px;}
}