/* Rebrand preview (Nov 10 2026): extras layered on /guides/sales.css so every page uses the guide sales page look. */
header.site nav{display:flex;flex-wrap:wrap;gap:6px 0}
header nav a[aria-current="page"]{color:var(--mint)}
.prose{max-width:780px}
.prose article{padding:8px 0}
.prose h1{font-size:40px}
.prose h2{font-size:27px;margin:30px 0 10px}
.prose h3{margin:22px 0 8px}
.prose p,.prose li{color:var(--txt)}
.prose ul,.prose ol{padding-left:1.3em;margin:0 0 16px}.prose li{margin:0 0 8px}
.prose img.cover{display:block;width:100%;max-width:520px;height:auto;border-radius:12px;border:1px solid var(--line2);margin:6px 0 22px}
.prose .btn{margin:10px 0 18px}
.prose section{padding:10px 0}
.prose .signup,.prose .more-guides{background:rgba(10,24,40,.85);border:1px solid var(--line);border-radius:14px;padding:18px 20px;margin:24px 0}
.prose figure{margin:18px 0}
.prose .show-pitch{max-width:none;margin:0}
.aud-tags{list-style:none;padding:0;margin:0 0 16px}.aud-tags li{display:inline-block;font:700 11px var(--mono);letter-spacing:.1em;background:rgba(79,240,193,.08);color:var(--mint);border:1px solid var(--mint2);border-radius:999px;padding:3px 10px;text-transform:uppercase}
ul.posts{list-style:none;padding:0;margin:0;display:grid;gap:18px}
ul.posts li{background:rgba(10,24,40,.85);border:1px solid var(--line);border-top:2px solid var(--mint2);border-radius:14px;padding:20px}
ul.posts h2{font-size:23px;margin:6px 0 8px}ul.posts h2 a{color:#effffa;text-decoration:none}ul.posts h2 a:hover{color:var(--mint)}
ul.posts p{margin:0 0 8px}
.tools{grid-template-columns:repeat(3,1fr)}
.tools .gcover img{aspect-ratio:1/1;object-fit:cover}
.tools .btn{align-self:flex-start;margin-top:auto}
@media (max-width:900px){.tools{grid-template-columns:1fr}}
@media (max-width:600px){.prose h1{font-size:30px}.prose h2{font-size:23px}}
/* Phone nav (Nov 10 2026, Jake): all 5 items on one line at 360 to 390px. Desktop unchanged. */
@media (max-width:600px){
header.site nav{flex-wrap:nowrap;width:100%;justify-content:space-between;gap:0 10px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
header.site nav::-webkit-scrollbar{display:none}
header.site nav a{margin:0;font-size:12px;letter-spacing:.04em;white-space:nowrap;flex:0 0 auto;padding:4px 0}
}
/* Newsletter pop-up and inline sign-up (Nov 10 2026, preview placeholder) */
.nl-open,.nl-open body{overflow:hidden}
.nl-overlay[hidden]{display:none}
.nl-overlay{position:fixed;inset:0;z-index:1000;background:rgba(2,6,12,.72);display:flex;align-items:center;justify-content:center;padding:16px}
.nl-card{position:relative;width:100%;max-width:440px;max-height:calc(100vh - 32px);overflow-y:auto;background:var(--panel);border:1.5px solid var(--mint);border-radius:16px;padding:26px 22px 20px;box-shadow:0 0 0 1px rgba(79,240,193,.25),0 0 40px rgba(79,240,193,.22),0 20px 60px rgba(0,0,0,.6)}
.nl-card h2{font-size:26px;margin:0 0 10px;padding-right:36px}
.nl-x{position:absolute;top:10px;right:10px;width:44px;height:44px;border-radius:50%;border:1px solid var(--mint2);background:var(--panel2);color:var(--mint);font:700 26px/1 var(--font);cursor:pointer;display:flex;align-items:center;justify-content:center}
.nl-x:focus-visible,.nl-form input:focus-visible,.nl-form .btn:focus-visible{outline:3px solid var(--mint);outline-offset:2px}
.nl-form{display:flex;flex-direction:column;gap:6px;margin-top:6px}
.nl-form label{font-size:15px;color:var(--dim)}
.nl-opt{color:var(--dim2)}
.nl-form input{font:inherit;font-size:17px;width:100%;padding:12px;border:1px solid var(--line2);border-radius:10px;background:var(--panel2);color:var(--txt);margin-bottom:6px}
.nl-form .btn{border:0;cursor:pointer;width:100%;margin-top:4px;font-family:var(--font)}
.nl-msg{margin:8px 0 0;font:700 14px var(--mono);color:var(--amber)}
.nl-inline{max-width:640px;background:rgba(10,24,40,.85);border:1px solid var(--line);border-top:2px solid var(--mint2);border-radius:14px;padding:22px}
.nl-inline h2{margin-top:0}
.prose .nl-inline{margin:30px 0 0}
@media (max-width:600px){.nl-card{padding:22px 16px 16px}.nl-card h2{font-size:22px}}
.nl-open-form{cursor:pointer;border:0;font-family:var(--font)}
footer .signup .nl-open-form{margin-top:8px;width:auto;display:inline-block}
.nl-inline .nl-open-form{margin-top:8px;width:100%;max-width:320px}
