/*
Theme Name: Slate Starter Lite 515
Author: Reese Dev
Description: Modern starter theme for blogs and portfolios.
Version: 3.10.7
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: slate-starter-lite-515
License: GNU General Public License v3 or later
*/

:root{
  --paper:#f3e9d2;--ink:#1a1830;--accent:#e4572e;--accent-2:#1a1830;
  --line:#1a1830;--card:#fbf5e6;--muted:#54506b;
  --shadow:6px 6px 0 var(--ink);--radius:14px;
  --serif:'Fraunces','Hoefler Text','Playfair Display',Georgia,serif;
  --sans:'Mulish','Avenir Next','Segoe UI',system-ui,sans-serif;
}
html{scroll-behavior:smooth;}
html,body{overflow-x:hidden;}
*{box-sizing:border-box;}
body{margin:0;background:var(--paper);color:var(--ink);
  font-family:var(--sans);font-size:18px;line-height:1.7;
  background-image:radial-gradient(var(--ink) .6px,transparent .6px);
  background-size:26px 26px;background-position:-13px -13px;}
a{color:var(--accent);text-decoration:none;}
a:hover,a:focus{text-decoration:underline;}
img{max-width:100%;height:auto;display:block;border:3px solid var(--ink);
  border-radius:var(--radius);box-shadow:var(--shadow);margin:1.6em 0;}
h1,h2,h3{font-family:var(--serif);line-height:1.12;letter-spacing:-.5px;}
h1{font-size:clamp(2.1rem,5.4vw,3.4rem);margin:.2em 0 .5em;}
h2{font-size:clamp(1.5rem,3.2vw,2.1rem);margin:1.8em 0 .5em;
  padding-bottom:.18em;border-bottom:4px solid var(--ink);display:inline-block;}
h3{font-size:1.28rem;margin:1.1em 0 .4em;}
p{margin:.7em 0;}

.nbszb-shell{max-width:1180px;margin:0 auto;padding:0 22px;}

/* header */
.nbszb-top{background:var(--ink);color:var(--paper);
  box-shadow:0 4px 0 rgba(26,24,48,.35);position:sticky;top:0;z-index:50;}
.nbszb-topin{max-width:1180px;margin:0 auto;padding:16px 22px;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
  gap:14px;}
.nbszb-logo{font-family:var(--serif);font-weight:600;font-size:1.7rem;
  color:var(--paper);letter-spacing:.5px;text-decoration:none;}
.nbszb-logo span{display:inline-block;}
.nbszb-nav{display:flex;flex-wrap:wrap;gap:26px;}
.nbszb-nav a{color:var(--paper);text-transform:uppercase;
  letter-spacing:3px;font-size:.78rem;font-weight:700;text-decoration:none;}
.nbszb-nav a:hover,.nbszb-nav a:focus{color:var(--accent);text-decoration:none;}

main{display:block;}
.nbszb-wrap{max-width:1180px;margin:0 auto;padding:34px 22px 60px;}

/* article column */
.nbszb-art{max-width:820px;margin:0 auto;}
.nbszb-bread{font-size:.8rem;text-transform:uppercase;letter-spacing:2px;
  color:var(--muted);margin:0 0 14px;}
.nbszb-bread a{color:var(--muted);}
.nbszb-lead{font-size:1.22rem;font-style:italic;color:var(--muted);
  border-left:6px solid var(--accent);padding-left:18px;margin:1em 0 1.4em;}
.nbszb-meta{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;
  margin:.4em 0 1.6em;font-size:.85rem;color:var(--muted);}
.nbszb-badge{background:var(--accent);color:var(--paper);font-weight:800;
  text-transform:uppercase;letter-spacing:1.5px;font-size:.7rem;
  padding:6px 12px;border:2px solid var(--ink);border-radius:999px;
  box-shadow:3px 3px 0 var(--ink);transform:rotate(-2deg);}
.nbszb-upd,.nbszb-by,.nbszb-rt{display:inline-block;}

.nbszb-list{list-style:none;padding:0;margin:1.1em 0;}
.nbszb-list li{position:relative;padding:12px 14px 12px 40px;margin:.5em 0;
  background:var(--card);border:2px solid var(--ink);border-radius:10px;
  box-shadow:4px 4px 0 var(--ink);}
.nbszb-list li::before{content:"";position:absolute;left:14px;top:18px;
  width:12px;height:12px;background:var(--accent);
  border:2px solid var(--ink);border-radius:3px;transform:rotate(45deg);}

blockquote.nbszb-quote{font-family:var(--serif);font-size:1.34rem;
  line-height:1.4;background:var(--ink);color:var(--paper);
  padding:26px 28px;margin:1.6em 0;border-radius:var(--radius);
  box-shadow:var(--shadow);}

.nbszb-note{background:#fff7e8;border:3px dashed var(--ink);
  border-radius:12px;padding:16px 20px;margin:2em 0;font-size:.92rem;
  color:var(--muted);}

.nbszb-sticker{display:inline-block;background:var(--accent);
  color:var(--paper);font-weight:800;text-transform:uppercase;
  letter-spacing:2px;font-size:.7rem;padding:7px 14px;
  border:2px solid var(--ink);border-radius:8px;
  box-shadow:3px 3px 0 var(--ink);transform:rotate(-3deg);margin-bottom:14px;}
.nbszb-st2{background:var(--ink);color:var(--paper);transform:rotate(2deg);}

.nbszb-divider{display:flex;flex-wrap:wrap;align-items:center;
  gap:16px;margin:3em 0 1.6em;}
.nbszb-divider::before,.nbszb-divider::after{content:"";flex:1;height:6px;
  background:var(--ink);min-width:40px;}
.nbszb-divider span{font-family:var(--serif);font-size:1.5rem;
  text-transform:uppercase;letter-spacing:3px;}

/* steps */
.nbszb-steps,.nbszb-faq,.nbszb-sub,.nbszb-about{background:var(--card);
  border:3px solid var(--ink);border-radius:var(--radius);
  box-shadow:var(--shadow);padding:30px 28px;margin:2.4em 0;}
.nbszb-steplist{list-style:none;padding:0;margin:1.1em 0 0;display:flex;
  flex-wrap:wrap;gap:16px;}
.nbszb-steplist li{flex:1 1 220px;display:flex;gap:14px;align-items:flex-start;
  background:var(--paper);border:2px solid var(--ink);border-radius:10px;
  padding:16px;box-shadow:4px 4px 0 var(--ink);}
.nbszb-num{flex:0 0 auto;width:38px;height:38px;display:flex;
  align-items:center;justify-content:center;background:var(--accent);
  color:var(--paper);font-family:var(--serif);font-size:1.3rem;
  border:2px solid var(--ink);border-radius:50%;box-shadow:2px 2px 0 var(--ink);}

/* faq */
.nbszb-q{border:2px solid var(--ink);border-radius:10px;background:var(--paper);
  margin:.7em 0;box-shadow:3px 3px 0 var(--ink);overflow:hidden;}
.nbszb-q summary{cursor:pointer;padding:14px 18px;font-weight:800;
  font-family:var(--serif);font-size:1.08rem;list-style:none;}
.nbszb-q summary::-webkit-details-marker{display:none;}
.nbszb-q summary::after{content:"+";float:right;color:var(--accent);
  font-size:1.4rem;line-height:1;}
.nbszb-q[open] summary::after{content:"\2013";}
.nbszb-q>div{padding:0 18px 16px;color:var(--muted);}

/* author */
.nbszb-author{display:flex;flex-wrap:wrap;gap:18px;align-items:center;
  background:var(--ink);color:var(--paper);border-radius:var(--radius);
  padding:22px 24px;margin:2.2em 0;box-shadow:var(--shadow);}
.nbszb-author h3{margin:.2em 0;color:var(--paper);}
.nbszb-author p{color:#d8d2ea;font-size:.94rem;margin:.3em 0 0;}
.nbszb-author .nbszb-kick{color:var(--accent);}
.nbszb-avatar{flex:0 0 auto;width:66px;height:66px;border-radius:50%;
  background:var(--accent);color:var(--paper);display:flex;
  align-items:center;justify-content:center;font-family:var(--serif);
  font-size:1.6rem;border:3px solid var(--paper);}
.nbszb-kick{display:block;text-transform:uppercase;letter-spacing:2px;
  font-size:.72rem;font-weight:800;color:var(--accent);margin-bottom:4px;}

/* read also */
.nbszb-rgrid{display:flex;flex-wrap:wrap;gap:18px;}
.nbszb-rcard{flex:1 1 280px;display:block;background:var(--card);
  border:3px solid var(--ink);border-radius:12px;padding:20px;
  box-shadow:var(--shadow);color:var(--ink);text-decoration:none;
  transition:transform .15s ease;}
.nbszb-rcard:hover{transform:translate(-3px,-3px);text-decoration:none;}
.nbszb-rcard h3{margin:.3em 0 .6em;}
.nbszb-more{font-weight:800;color:var(--accent);text-transform:uppercase;
  letter-spacing:1.5px;font-size:.78rem;}

/* subscribe form */
.nbszb-sub h2{border-bottom:none;display:block;}
.nbszb-form{display:flex;flex-direction:column;gap:14px;margin-top:14px;}
.nbszb-row{display:flex;flex-wrap:wrap;gap:14px;}
.nbszb-form label{flex:1 1 220px;display:flex;flex-direction:column;
  gap:6px;font-weight:700;font-size:.85rem;text-transform:uppercase;
  letter-spacing:1px;}
.nbszb-form input,.nbszb-form textarea{font:inherit;text-transform:none;
  letter-spacing:0;padding:13px 14px;border:2px solid var(--ink);
  border-radius:9px;background:var(--paper);color:var(--ink);
  box-shadow:3px 3px 0 var(--ink);}
.nbszb-form input:focus,.nbszb-form textarea:focus{outline:3px solid var(--accent);
  outline-offset:1px;}
.nbszb-check{flex:1 1 100%;flex-direction:row;align-items:flex-start;gap:10px;
  text-transform:none;letter-spacing:0;font-weight:500;font-size:.85rem;}
.nbszb-check input{flex:0 0 auto;width:18px;height:18px;box-shadow:none;}
.nbszb-cta{display:inline-block;background:var(--accent);color:var(--paper);
  font-weight:800;text-transform:uppercase;letter-spacing:2px;
  font-size:.9rem;padding:15px 26px;border:3px solid var(--ink);
  border-radius:10px;box-shadow:var(--shadow);cursor:pointer;
  align-self:flex-start;transition:transform .12s ease;}
.nbszb-cta:hover,.nbszb-cta:focus{transform:translate(-2px,-2px);
  text-decoration:none;}
.nbszb-cta-ghost{background:var(--paper);color:var(--ink);}

/* front page cover */
.nbszb-cover{text-align:center;margin:.4em auto 1.4em;max-width:820px;}
.nbszb-rubric{display:inline-block;background:var(--ink);color:var(--paper);
  font-family:var(--serif);text-transform:uppercase;letter-spacing:4px;
  font-size:.82rem;padding:8px 18px;border-radius:999px;
  box-shadow:3px 3px 0 var(--accent);}
.nbszb-coverby{color:var(--muted);font-size:.95rem;margin-top:12px;}
.nbszb-cards{display:flex;flex-wrap:wrap;gap:20px;margin:1.4em 0;}
.nbszb-acard{flex:1 1 290px;display:block;background:var(--card);
  border:3px solid var(--ink);border-radius:14px;padding:24px;
  box-shadow:var(--shadow);color:var(--ink);text-decoration:none;
  transition:transform .15s ease;}
.nbszb-acard:hover{transform:translate(-3px,-3px);text-decoration:none;}
.nbszb-acard h3{margin:.5em 0;}
.nbszb-acard p{color:var(--muted);font-size:.95rem;}
.nbszb-about h2{border-bottom:none;display:block;}
.nbszb-thanks{text-align:center;background:var(--card);border:3px solid var(--ink);
  border-radius:var(--radius);box-shadow:var(--shadow);padding:46px 28px;
  margin:2em 0;}

/* contacts */
.nbszb-contgrid{display:flex;flex-wrap:wrap;gap:18px;margin:1.4em 0 2em;}
.nbszb-contcard{flex:1 1 220px;background:var(--card);border:3px solid var(--ink);
  border-radius:12px;padding:20px;box-shadow:var(--shadow);}
.nbszb-contcard p{margin:.3em 0 0;font-size:1.02rem;}

/* single share rail */
.nbszb-single{display:flex;flex-wrap:wrap;gap:24px;max-width:1060px;
  margin:0 auto;}
.nbszb-rail{flex:0 0 auto;position:sticky;top:96px;display:flex;
  flex-direction:column;gap:12px;height:max-content;}
.nbszb-rail a,.nbszb-rail button{font:inherit;width:52px;height:52px;
  display:flex;align-items:center;justify-content:center;background:var(--card);
  border:2px solid var(--ink);border-radius:50%;box-shadow:3px 3px 0 var(--ink);
  color:var(--ink);cursor:pointer;font-weight:800;font-size:.66rem;
  text-transform:uppercase;text-align:center;line-height:1.05;}
.nbszb-rail a:hover,.nbszb-rail button:hover{transform:translate(-2px,-2px);
  text-decoration:none;}
.nbszb-railwrap{flex:1 1 640px;min-width:0;max-width:820px;}
.nbszb-tags{display:flex;flex-wrap:wrap;gap:10px;margin:2em 0;}
.nbszb-tag{background:var(--paper);border:2px solid var(--ink);
  border-radius:999px;padding:7px 15px;font-size:.78rem;font-weight:700;
  text-transform:uppercase;letter-spacing:1px;box-shadow:2px 2px 0 var(--ink);}

/* footer */
.nbszb-foot{background:var(--ink);color:var(--paper);margin-top:60px;
  border-top:8px solid var(--accent);}
.nbszb-footin{max-width:1180px;margin:0 auto;padding:48px 22px 24px;
  display:flex;flex-wrap:wrap;gap:30px;}
.nbszb-fcol{flex:1 1 220px;}
.nbszb-fcol h4{font-family:var(--serif);font-size:1.15rem;margin:0 0 14px;
  color:var(--paper);}
.nbszb-fcol a{color:#d8d2ea;display:block;margin:8px 0;font-size:.92rem;}
.nbszb-fcol a:hover{color:var(--accent);}
.nbszb-fcol p{color:#d8d2ea;font-size:.92rem;margin:8px 0;}
.nbszb-fbrand{font-family:var(--serif);font-size:1.5rem;color:var(--paper);}
.nbszb-fbar{border-top:2px solid rgba(216,210,234,.25);
  text-align:center;padding:18px;font-size:.84rem;color:#bbb4d2;}

/* cookie consent */
.nbszb-ck{position:fixed;left:0;right:0;bottom:0;z-index:80;
  background:var(--ink);color:var(--paper);border-top:6px solid var(--accent);
  padding:18px 22px;display:none;}
.nbszb-ck.nbszb-on{display:block;}
.nbszb-ckin{max-width:1180px;margin:0 auto;display:flex;flex-wrap:wrap;
  gap:16px;align-items:center;justify-content:space-between;}
.nbszb-cktx{flex:1 1 320px;font-size:.9rem;color:#e4dff2;}
.nbszb-ckbtns{display:flex;flex-wrap:wrap;gap:10px;}
.nbszb-ckbtns button{flex:1 1 150px;font:inherit;font-weight:800;
  text-transform:uppercase;letter-spacing:1px;font-size:.78rem;
  padding:12px 16px;border:2px solid var(--paper);border-radius:8px;
  background:transparent;color:var(--paper);cursor:pointer;}
.nbszb-ckbtns .nbszb-ckyes{background:var(--accent);border-color:var(--ink);}
.nbszb-ckmodal{position:fixed;inset:0;z-index:90;display:none;
  background:rgba(26,24,48,.7);padding:22px;}
.nbszb-ckmodal.nbszb-on{display:flex;align-items:center;justify-content:center;}
.nbszb-ckbox{background:var(--paper);color:var(--ink);max-width:540px;
  width:100%;border:3px solid var(--ink);border-radius:var(--radius);
  box-shadow:var(--shadow);padding:28px;max-height:88vh;overflow:auto;}
.nbszb-ckrow{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start;
  justify-content:space-between;border:2px solid var(--ink);
  border-radius:10px;padding:14px 16px;margin:12px 0;background:var(--card);}
.nbszb-ckrow div{flex:1 1 260px;}
.nbszb-ckrow small{color:var(--muted);}
.nbszb-sw{position:relative;width:52px;height:28px;flex:0 0 auto;}
.nbszb-sw input{opacity:0;width:52px;height:28px;margin:0;cursor:pointer;}
.nbszb-sw span{position:absolute;inset:0;background:#cbb;border:2px solid var(--ink);
  border-radius:999px;transition:.2s;pointer-events:none;}
.nbszb-sw span::after{content:"";position:absolute;left:3px;top:3px;width:18px;
  height:18px;background:var(--paper);border:2px solid var(--ink);
  border-radius:50%;transition:.2s;}
.nbszb-sw input:checked+span{background:var(--accent);}
.nbszb-sw input:checked+span::after{transform:translateX(22px);}
.nbszb-sw input:disabled+span{opacity:.65;}

@media (max-width:760px){
  body{font-size:17px;}
  .nbszb-nav{gap:16px;}
  .nbszb-nav a{font-size:.72rem;letter-spacing:2px;}
  h2{font-size:1.45rem;}
  .nbszb-rail{flex-direction:row;position:static;}
}
