/* KIST Affiliate / Executive Tech theme v4.2
   Palette: Midnight Navy #15243B | White #FFFFFF | Slate Blue #8499B8
   Typography: Plus Jakarta Sans (headings/brand/UI), Inter (data & text).
   Keep utility status colors semantic. This file is loaded after original CSS and help.css. */
:root {
  --ink: #17243B;
  --pine: #1E3759;  /* historical token retained to avoid changing layout logic */
  --pine-deep: #101E34;
  --sage: #E7EDF5;
  --sand: #F6F8FC;
  --gold: #879EBD;
  --line: #E2E9F2;
  --muted: #61738B;
  --shadow: 0 16px 44px rgba(20, 38, 70, .055);
  --navy: #15243B;
  --navy-mid: #243E63;
  --slate: #8499B8;
  --slate-dark: #4C6281;
  --border: #E0E7F1;
  --subtle: #F1F5FB;
  --surface: #FFFFFF;
  font-family: 'Inter', 'Be Vietnam Pro', system-ui, sans-serif;
  color-scheme: light;
}
body {background:#F6F8FC; color:#17243B; font-family:'Inter','Be Vietnam Pro',system-ui,sans-serif;}
h1,h2,h3,h4,.brand,.brandmark,button,.guest-label,.stats strong,.finance-line b {
  font-family:'Plus Jakarta Sans','Be Vietnam Pro',system-ui,sans-serif;
}
header {background:rgba(255,255,255,.98); border-bottom:1px solid var(--border); box-shadow:0 1px 0 rgba(22,39,64,.025);}
.brand,.brand b,header .brand,.brandmark {color:var(--navy)}
.brandmark {background:var(--navy);color:white;box-shadow:0 6px 16px rgba(16,30,52,.15);font-family:'Plus Jakarta Sans',sans-serif;letter-spacing:-.055em;}
.header-tag,.eyebrow,.section-label {color:#657F9E;}
.header-home,.quiet,.download,.help-top-link {color:#2E486B; border-color:#D9E3EF; background:#fff;}
.header-home:hover,.quiet:hover,.download:hover {background:#EDF2F9;border-color:#B7C8DE;}
.panel {background:#FFFFFF;border-color:var(--border);box-shadow:var(--shadow);}
h1,h2,h3,h4 {color:#15243B}
p,.panel p,.greeting p,.orders-heading p,.admin-heading p {color:#65758A;}
label,.site-edit label:not(.inline-check) {color:#354A66;}
input,select {border-color:#D8E1ED;background:#fff;color:#17243B;}
input::placeholder {color:#94A1B2;}
input:focus,select:focus {border-color:#6D90BD;box-shadow:0 0 0 4px rgba(75,120,178,.14);}
button.primary,.primary,.guest-entry button {background:var(--navy-mid);color:white;}
button.primary:hover,.guest-entry button:hover {background:#34547F;}
button.primary:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible {outline:3px solid #91B3E2;outline-offset:3px;}
.toggle {background:#EEF2F8;}
.toggle button {color:#647792;}
.toggle button.active {color:var(--navy);background:white;box-shadow:0 2px 8px rgba(15,32,55,.07);}
#toast {background:#14253F;box-shadow:0 12px 35px rgba(16,35,63,.3);}
footer {border-top-color:var(--border);color:#8190A3;}

/* Landing. Navy hero with restrained luminous steel-blue ornaments. */
.hero {background:linear-gradient(125deg,#101D32 0%,#182D4B 58%,#263F65 100%);
  box-shadow:0 24px 60px rgba(15,35,64,.17);}
.hero::before {border-color:rgba(184,205,235,.16);box-shadow:0 0 0 94px rgba(170,198,230,.055),0 0 0 185px rgba(171,198,230,.03);}
.hero-top {border-bottom-color:rgba(204,222,242,.16);}
.hero-status,.hero-top-right {color:#BDCDE1;}
.pulse {background:#8BC6D8;box-shadow:0 0 0 4px rgba(133,203,223,.14);}
.hero .eyebrow {color:#AFC6E6;}
.hero h1,.hero h1 em {color:#fff;}
.hero h1 em {color:#AFC8EB;font-family:'Plus Jakarta Sans','Be Vietnam Pro',sans-serif;font-weight:600;font-style:normal;}
.hero p {color:#D1DBE9;}
.hero-steps {color:#DCE6F4;}
.hero-steps b {color:#AFCBEE;border-color:rgba(173,198,234,.45);}
.step-arrow {color:#96ACCD;}
.guest-builder {box-shadow:0 18px 40px rgba(2,16,36,.25);border:1px solid #DCE5F0;}
.guest-caption {color:#506B8D;}
.guest-caption span {color:#7996BA;}
.guest-label {color:var(--navy);}
.guest-entry input {background:#F7F9FD;border-color:#CDD9E9;}
.guest-entry button {background:var(--navy-mid);}
.guest-entry button:hover {background:#34547F;}
.guest-note {color:#74869D;}

/* Creator account and key metric blocks */
.greeting .eyebrow,.section-label,.history>.section-label,.admin>.section-label {color:#657F9F;}
.stats>div {background:#fff;border-color:var(--border);box-shadow:0 8px 24px rgba(25,46,78,.045);}
.stats>div:first-child {background:#EAF0F8;border-color:#D6E2F1;}
.stats small {color:#617897;}
.stats strong {color:#1D3454;}
.stats small:last-child {color:#7589A1;}

/* The creator link conversion area is intentionally the primary focal point. */
.builder {border:1.5px solid #8EA8CA;background:linear-gradient(150deg,#F6F9FF 0%,#EAF1FA 100%);
  box-shadow:0 20px 58px rgba(31,65,113,.115);}
.builder .section-label {color:#4C6F9D;}
.builder h3 {color:#132A4A;}
.builder h3 em {color:#50749F;font-family:'Plus Jakarta Sans','Be Vietnam Pro',sans-serif;font-style:normal;font-weight:600;}
.builder p {color:#60758E;}
.builder-art {background:#DCE8F7;color:#315F95;}
.builder #link-form {border:1px solid #C7D7EB;box-shadow:0 10px 28px rgba(30,65,117,.075);}
.builder-label {color:#385D88;}
.builder .entry input {border:1px solid #BFD0E5;background:#F7FAFE;color:#172B4B;}
.builder .entry input:focus {border-color:#5D83B7;box-shadow:0 0 0 4px rgba(83,126,183,.16);}
.builder .entry button {background:var(--navy-mid);box-shadow:0 5px 14px rgba(30,55,89,.17);}
.builder .entry button:hover {background:#365989;}
.builder .supported {color:#667C97;}
.builder .supported span:not(#site-rates) {color:#347CBA;}
.builder #site-rates {color:#365376;}
.builder #result {background:#E6F0FC;border-top-color:#CCDCF0;}
.builder #result input {color:#24486F;border-color:#C1D5ED;}
.builder #result button,.result-row button {background:#E7EFF9;border-color:#BDD0EA;color:#294E78;}
.result-header {color:#5E7693;}
.result-header .success,.success {color:#19815C;}

/* Creator and admin data */
.admin-shortcut {background:#EAF0F8;border-color:#D3DFEE;}
.admin-shortcut span {color:#57718F;}
.admin-shortcut a {background:#fff;border-color:#C9D9EC;color:#2B507A;}
.admin-shortcut a:hover {background:#F5F8FD;border-color:#9CB4D1;}
.subpanel,.finance-card,.bank-group,.password-help {background:#F6F8FC;border-color:#E0E8F3;}
.site-row {background:#FBFCFE;border-color:#DEE6F0;}
.site-summary small,.site-edit label:not(.inline-check) {color:#70829A;}
.secret-panel {background:#F0F5FC;border-color:#B4C5DA;}
.inline-check input {accent-color:#3566A0;}
.finance-card .currency {color:#627D9F;}
.finance-line {border-bottom-color:#E0E8F2;}
.finance-line span {color:#677A92;}
.finance-line b {color:#1E416A;}
.bank-summary {background:#EFF5FC;border-color:#D6E3F1;color:#27496E;}
summary {color:#2B527F;}
.supported,.supported span {color:#476584;}
.profile-strip,.link-item .aff {color:#315C89;}
.link-item {border-top-color:#E5EBF3;}
.link-item .source,.link-item small {color:#718299;}
.table-wrap {border-color:#E1E8F2;}
th {background:#F2F6FC;color:#647994;border-bottom-color:#DFE7F1;}
td {border-bottom-color:#E7EDF5;}
.table-wrap tr:hover td {background:#F7F9FD;}
.count-pill {background:#ECF2FA;border-color:#D3E0F1;color:#335A84;}
.pagination {color:#6B7E94;}
.notice {border-color:#E5D9B7;background:#FFFAED;color:#765D37!important;}
.status-paid {color:#177A55;}
.status-refunded,.status-cancelled {color:#A34E4E;}

/* FAQ / Guide inherits the same Executive Tech palette. */
.help-top-link {color:#344F72;border-color:#D9E3EF;}
.help-top-link.current,.help-top-link:hover {background:#EDF3FA;}
.help-hero {background:linear-gradient(125deg,#111F35,#1B3556 65%,#29466C);color:#fff;}
.help-hero::after {color:rgba(184,206,236,.075);font-family:'Plus Jakarta Sans',sans-serif;}
.help-hero .eyebrow {color:#B1C5DF;}
.help-hero h1 {color:white;}
.help-hero h1 em {color:#ADC7E9;font-family:'Plus Jakarta Sans',sans-serif;font-style:normal;font-weight:600;}
.help-hero p {color:#CEDBEA;}
.help-cta,.faq-aside-card a {background:#D5E4F7;color:#182D4C!important;}
.help-cta:hover,.faq-aside-card a:hover {background:#E7F0FA;}
.help-secondary-link {color:#EAF1FC;}
.help-muted,.step-card p,.faq-answer p {color:#687D97;}
.step-card {border-color:#DFE7F1;}
.step-number {background:#EAF1FA;border-color:#D0DEEF;color:#345C87;}
.guide-alert {background:#ECF3FB;border-color:#D5E3F2;color:#2A4A70;}
.guide-alert p {color:#516D8C;}
.faq-count {background:#E9F1FB;color:#31567F;}
.faq-search-wrap {border-color:#CCD9EA;box-shadow:0 8px 20px rgba(23,48,84,.04);}
.faq-search-wrap:focus-within {box-shadow:0 0 0 3px #E0EAF9;}
.faq-search-wrap>span {color:#6F8EB3;}
.faq-topic-links a {background:#EDF2F9;border-color:#DFE7F1;color:#456180;}
.faq-topic-links a:hover {background:#DEEAF8;}
.faq-group h3,.faq-item {border-bottom-color:#E2E9F2;}
.faq-item summary {color:#213C5B;}
.faq-item summary:hover {color:#386DAD;}
.faq-item summary:focus-visible {outline-color:#779BC8;}
.faq-icon {background:#EDF3FA;color:#5278A6;}
.faq-item[open] .faq-icon {background:#DFEAF8;}
.faq-aside-card {background:linear-gradient(155deg,#162940,#24466E);}
.faq-aside-card .section-label {color:#B2C8E4;}
.faq-aside-card h3 {color:#fff;}
.faq-aside-card p {color:#CEDAEA;}
.faq-aside-tip {background:#EDF3FA;border-color:#D8E5F2;color:#526F8D;}
.faq-empty {border-color:#D3E0EF;color:#627891;}
.help-bottom-cta {background:#EDF3FA;border-color:#DCE6F2;}
.help-bottom-cta p {color:#657D97;}
.help-main footer a {color:#486B93;}

@media(max-width:650px){
  .builder-heading {align-items:flex-start;}
  .builder-art {background:#DAE7F6;}
  .builder .entry button {width:100%;}
  .brandmark {box-shadow:none;}
}
@media(prefers-reduced-motion:reduce){
  *, *::before, *::after {scroll-behavior:auto!important;}
}