
:root{--bg:#120d09;--panel:#1e1510;--panel2:#2a1d15;--text:#fff7e8;--muted:#d5c0a8;--gold:#ffb23e;--flame:#e94f20;--green:#8fc96b;--line:#3a2a20;--cream:#fff3dc}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top left,#3a1e12 0,#120d09 36%,#090706 100%);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.6}a{color:var(--gold);text-decoration:none}a:hover{text-decoration:underline}.container{width:min(1180px,92vw);margin:auto}.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;background:#fff;color:#000;padding:8px;z-index:9}.site-header{position:sticky;top:0;z-index:8;background:rgba(18,13,9,.88);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 0}.brand{display:flex;align-items:center;gap:12px;color:var(--text)}.brand img{width:108px;height:auto;border-radius:10px}.brand strong{display:block;font-size:1.25rem}.brand small{display:block;color:var(--muted);font-size:.8rem}.main-nav{display:flex;gap:18px;align-items:center}.main-nav a{color:var(--text);font-weight:700}.menu-btn{display:none;background:var(--gold);border:0;border-radius:10px;padding:9px 14px;font-weight:800}.hero{padding:70px 0 45px;background:linear-gradient(135deg,rgba(233,79,32,.22),rgba(255,178,62,.05)),url('/assets/img/smoke-pattern.svg') center/cover}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:38px;align-items:center}.eyebrow{color:var(--gold);font-weight:900;letter-spacing:.12em;text-transform:uppercase}.hero h1{font-size:clamp(2.4rem,6vw,5.4rem);line-height:.95;margin:10px 0 18px;font-family:Georgia,serif}.lead{font-size:1.2rem;color:var(--cream);max-width:760px}.btn-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:12px 18px;font-weight:900;border:1px solid var(--gold);background:linear-gradient(135deg,var(--gold),var(--flame));color:#1a0d08}.btn.secondary{background:transparent;color:var(--gold)}.hero-card,.card,.tool-card,.article-card{background:linear-gradient(180deg,rgba(42,29,21,.94),rgba(20,14,10,.96));border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:0 20px 60px rgba(0,0,0,.24)}.hero-card ul{padding-left:20px}.section{padding:48px 0}.section-title{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px}.section-title h2{font-size:clamp(1.8rem,3vw,3rem);margin:0;font-family:Georgia,serif}.grid{display:grid;gap:18px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.tool-card h3,.article-card h3{margin-top:0}.tag{display:inline-block;background:#362318;color:#ffd18b;border:1px solid #684224;border-radius:999px;padding:4px 10px;font-size:.78rem;font-weight:800}.ad{width:min(970px,92vw);margin:18px auto;border:1px dashed #70513a;border-radius:18px;min-height:90px;display:flex;align-items:center;justify-content:center;color:#b69a82;background:rgba(255,255,255,.03)}.content-wrap{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:26px}.article{background:#fff7e8;color:#25150e;border-radius:24px;padding:32px}.article h1,.article h2{font-family:Georgia,serif;color:#160f0b}.article a{color:#9a310f}.sidebar{display:grid;gap:18px;align-content:start}.form-grid{display:grid;gap:14px}.field label{display:block;font-weight:900;margin-bottom:5px}.field input,.field select,.field textarea,input,select,textarea{width:100%;padding:12px 13px;border-radius:12px;border:1px solid #614433;background:#130e0b;color:var(--text)}button{cursor:pointer}.result{margin-top:15px;padding:18px;border-radius:16px;background:#241810;border:1px solid #5a3a26}.table{width:100%;border-collapse:collapse;margin:18px 0}.table th,.table td{border:1px solid #ead7c3;padding:10px;text-align:left}.table th{background:#f1dcc2}.notice{background:#2a1d15;border-left:5px solid var(--gold);padding:15px;border-radius:12px}.site-footer{background:#090706;border-top:1px solid var(--line);padding:44px 0 16px}.footer-grid{display:grid;grid-template-columns:1.3fr .7fr .7fr 1fr;gap:25px}.footer-grid a{display:block;margin:7px 0;color:var(--cream)}.footer-logo{width:170px;border-radius:12px}.tiny{font-size:.85rem;color:var(--muted)}.copyright{text-align:center;color:#9a8470;margin-top:22px}.inline-form{display:flex;gap:8px}.inline-form input{min-width:0}.inline-form button,.tool button,.admin button{background:var(--gold);color:#160f0b;border:0;border-radius:12px;padding:12px 14px;font-weight:900}.print-only{display:none}.checklist li{margin:8px 0}.admin-layout{max-width:1100px;margin:30px auto;padding:0 18px}.admin-nav{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.admin-nav a{background:#2a1d15;border:1px solid var(--line);padding:10px 12px;border-radius:10px;color:var(--text)}.admin textarea{min-height:160px;font-family:ui-monospace,monospace}.msg{background:#17351f;border:1px solid #3b8d51;border-radius:12px;padding:12px;margin:12px 0}@media(max-width:900px){.hero-grid,.content-wrap,.grid-3,.grid-4,.grid-2,.footer-grid{grid-template-columns:1fr}.main-nav{display:none;position:absolute;top:76px;left:0;right:0;background:#120d09;padding:18px;flex-direction:column}.main-nav.open{display:flex}.menu-btn{display:block}.brand img{width:82px}}@media print{header,footer,.sidebar,.ad,.btn-row{display:none!important}.article{background:white;color:black}.print-only{display:block}body{background:white;color:black}}


/* AdSense approval mode: when ads are disabled from Admin > Settings, ad slots output only HTML comments. Keep this class hidden in case older cached pages or custom ad placeholders remain. */
.ad-placeholder{display:none!important}

/* Readability fixes for tool explainers inside cream article panels. */
.article .notice,
.article .result,
.article .tool-note{
  background:#fff0cf;
  color:#24150e;
  border:1px solid #f0c06d;
  border-left:6px solid var(--gold);
}
.article .notice strong,
.article .result strong,
.article .tool-note strong{color:#120d09}
.article .notice a,
.article .result a{color:#7b260d;text-decoration:underline}

/* Improve form readability on light article cards. */
.article .field label{color:#160f0b}
.article input,
.article select,
.article textarea{
  background:#140d09;
  color:#fff7e8;
  border-color:#51321f;
}
.article input::placeholder,
.article textarea::placeholder{color:#c9aa86}

/* Admin controls */
.admin .settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0}
.admin .settings-card{background:#2a1d15;border:1px solid var(--line);border-radius:16px;padding:16px}
.admin .settings-card label{display:block;font-weight:900;margin-bottom:6px}
.admin .toggle-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.admin .toggle-pill{display:inline-flex;align-items:center;gap:8px;background:#140d09;border:1px solid #51321f;border-radius:999px;padding:10px 14px}
.admin .help{color:var(--muted);font-size:.92rem;margin-top:6px}
@media(max-width:760px){.admin .settings-grid{grid-template-columns:1fr}}


/* Static legal/info pages */
.legal-page h1 { margin-bottom: 1rem; }
.legal-page h2 { margin-top: 2rem; margin-bottom: .65rem; }
.legal-page p, .legal-page li { line-height: 1.75; }
.legal-page ul { padding-left: 1.35rem; margin: .75rem 0 1.25rem; }
.legal-page a { color: #b65a16; font-weight: 800; }
.sidebar .text-link { display: block; margin: .55rem 0; color: #ffb347; font-weight: 800; }
.newsletter-strip { margin-top: 1.5rem; padding-top: 1.5rem; border-top: 1px solid rgba(255,255,255,.10); display: flex; gap: 1rem; justify-content: space-between; align-items: center; }
.newsletter-strip h3 { margin: 0 0 .25rem; }
.newsletter-strip p { margin: 0; color: rgba(255,255,255,.72); }
@media (max-width: 760px) { .newsletter-strip { display: block; } .newsletter-strip .inline-form { margin-top: 1rem; } }
