:root{--bg:#050805;--panel:#0d110f;--panel2:#121812;--ink:#f6f8f4;--text:#f1f4ef;--muted:#9ca3af;--line:#263322;--green:#39ff14;--green2:#22c55e;--greenDark:#183b0c;--warn:#ffd978;--danger:#ff9087;--shadow:0 18px 45px rgba(0,0,0,.38);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg);color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-size:17px;line-height:1.65}img{max-width:100%;height:auto;display:block}a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}.wrap{width:min(1160px,calc(100% - 32px));margin-inline:auto}.muted,.lede{color:var(--muted)}.site-header{background:#050705;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50;transition:transform .22s ease}.brand-banner{width:100%;aspect-ratio:3/1;overflow:hidden;background:#050805;border-bottom:1px solid rgba(34,197,94,.35)}.brand-banner picture{display:block;width:100%;height:100%}.brand-banner img{width:100%;height:100%;object-fit:cover;display:block}.topbar{display:grid;gap:10px;padding:12px 0}.brand-row{display:flex;align-items:center;justify-content:flex-start}.menu-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:900}.brand img{width:42px;height:42px;border-radius:8px;object-fit:cover}.brand span{display:flex;flex-direction:column;line-height:1.05}.brand strong{font-size:1.13rem}.brand small{font-size:.74rem;color:var(--muted);font-weight:700}.nav{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.nav a{color:var(--ink);font-size:.9rem;font-weight:800}.search-mini{display:flex;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#070a07}.search-mini input,.form-control,select,textarea,input{width:100%;border:1px solid var(--line);border-radius:8px;background:#080c08;color:var(--text);padding:12px 13px;font:inherit}textarea{min-height:140px}.search-mini input{border:0;min-width:170px}.search-mini button,.btn,.install-btn{border:0;border-radius:8px;background:linear-gradient(180deg,var(--green),var(--green2));color:#071006;font-weight:900;padding:10px 15px;cursor:pointer;box-shadow:0 0 0 1px rgba(120,213,27,.25)}.btn:hover,.search-mini button:hover,.install-btn:hover{filter:brightness(1.05);text-decoration:none}.btn.secondary{background:#10170f;color:var(--green);border:1px solid var(--green2);box-shadow:none}.btn.danger{background:#551b17;color:#fff}.install-btn{white-space:nowrap}.hero{padding:42px 0 28px;background:radial-gradient(circle at 10% 0,rgba(120,213,27,.14),transparent 34%),linear-gradient(180deg,#091008,#050706)}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center}.eyebrow{color:var(--green);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;font-weight:900}.hero h1,.page-title{font-size:clamp(2rem,5vw,4.6rem);line-height:1.02;margin:.25rem 0 1rem;color:#fff}.hero p{max-width:65ch;color:var(--muted);font-size:1.08rem}.hero-panel{background:rgba(13,17,15,.92);border:1px solid var(--line);border-radius:8px;padding:22px;box-shadow:var(--shadow)}.clean-list,.check-ui{padding-left:1.2rem}.start-links{display:grid;gap:8px;margin-top:12px}.start-link{display:block;padding:11px 12px;border:1px solid var(--line);border-radius:8px;background:#090f08;color:#fff}.start-link:hover{border-color:rgba(57,255,20,.55);text-decoration:none;background:#0d160b}.start-link strong{display:block;line-height:1.25;font-size:.98rem}.section{padding:34px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:16px}.section h2,.page h2{line-height:1.2;margin:0 0 10px;color:#fff}.band{background:#090d09;border-block:1px solid var(--line)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card,.category-card,.search-result,.admin-card,.stat,.side-box,.article,.resource-box,.callout,.toc{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.18)}.card{overflow:hidden;display:flex;flex-direction:column}.card-img{aspect-ratio:4/3;background:#111;overflow:hidden}.card-img img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.card:hover .card-img img{transform:scale(1.025)}.card-body{padding:16px;display:flex;flex-direction:column;gap:8px;flex:1}.meta{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:.88rem}.pill{display:inline-flex;width:max-content;border:1px solid rgba(120,213,27,.45);border-radius:999px;padding:2px 9px;background:#12200d;color:var(--green);font-size:.8rem;font-weight:900}.card h3{font-size:1.08rem;line-height:1.28;margin:0}.card p{margin:0;color:var(--muted);font-size:.95rem}.category-row{display:flex;flex-wrap:wrap;gap:10px}.cat-chip{padding:10px 14px;border-radius:8px;background:#0e140d;border:1px solid var(--line);font-weight:900}.start-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.content-layout{display:grid;grid-template-columns:minmax(0,780px) 300px;gap:34px;align-items:start}.page{padding:28px 0}.narrow{max-width:840px}.breadcrumbs{font-size:.86rem;color:var(--muted);margin:22px 0 10px}.article{padding:clamp(20px,3vw,38px);background:#080b08}.article h1{font-size:clamp(2rem,4vw,3.45rem);line-height:1.05;margin:.2rem 0 1rem;color:#fff}.article h2{font-size:1.55rem;margin:2rem 0 .6rem;color:#fff;scroll-margin-top:100px}.article h3{font-size:1.18rem;margin:1.2rem 0 .35rem;color:#fff}.article p,.article li,.article-body{color:var(--text)}.article ul,.article ol{padding-left:1.35rem}.article-body a{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}.featured{border-radius:8px;overflow:hidden;margin:18px 0;background:#111}.featured img{width:100%;height:auto}.actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.toc,.callout,.resource-box{padding:16px;margin:20px 0}.toc{background:#0b1209}.toc strong{display:block;margin-bottom:8px}.toc ol{margin:0;padding-left:1.3rem}.takeaway{border-color:rgba(120,213,27,.5);background:#0b1609}.warning{border-color:#78652b;background:#171407}.checklist ul{list-style:none;padding-left:0}.checklist li,.check-ui li{margin:.5rem 0}.checklist li::before,.check-ui li::before{content:"✓";color:var(--green);font-weight:900;margin-right:.55rem}.resource-box li{margin:.4rem 0}.resource-box span{color:var(--muted);font-size:.88rem}.sidebar{position:sticky;top:96px}.side-box{padding:16px;margin-bottom:16px}.side-box h2,.side-box h3{font-size:1.05rem;margin:0 0 10px}.related-list{display:grid;gap:10px}.related-list a{display:grid;grid-template-columns:70px 1fr;gap:10px;align-items:center;color:#fff;font-weight:800}.related-list img{width:70px;height:58px;object-fit:cover;border-radius:6px}.faq-accordion{margin:30px 0}.faq-item{border:1px solid var(--line);border-radius:8px;background:#0c110b;margin:10px 0;overflow:hidden}.faq-item[open]{border-color:rgba(120,213,27,.55);background:#0b1309}.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 16px;cursor:pointer;font-weight:900;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::after{content:"+";flex:0 0 auto;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#14220f;border:1px solid var(--green2);color:var(--green);font-size:1.15rem}.faq-item[open] summary::after{content:"-";background:var(--green);color:#071006}.faq-answer{padding:0 16px 16px}.faq-answer p{margin-top:0}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.category-card{padding:18px}.rich-results{display:grid;gap:14px;margin-top:20px}.search-result{display:grid;grid-template-columns:120px 1fr;gap:16px;padding:14px}.search-result img{width:120px;height:90px;object-fit:cover;border-radius:6px}.search-result h2{font-size:1.15rem;margin:.1rem 0}.search-result p{margin:.25rem 0;color:var(--muted)}mark{background:#315e10;color:#fff;padding:0 .15em;border-radius:3px}.pagination{display:flex;gap:8px;justify-content:center;margin:26px 0}.pagination a,.pagination span{border:1px solid var(--line);border-radius:8px;padding:8px 12px;background:#0e140d}.pagination .current{background:var(--green);color:#071006}.site-footer{padding:34px 0;background:#030403;border-top:1px solid var(--line);margin-top:40px}.site-footer a{display:block;color:#fff;margin:.3rem 0}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:22px}.login-page{min-height:100vh;display:grid;place-items:center;background:#050706}.login-card{width:min(420px,calc(100% - 28px));background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:24px;box-shadow:var(--shadow)}.login-card label{display:block;margin:12px 0}.admin-shell{background:#070907}.admin-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:20px}.admin-nav{background:#020302;border-right:1px solid var(--line);min-height:100vh;padding:18px;position:sticky;top:0}.admin-nav a{display:block;color:#fff;padding:9px 10px;border-radius:6px}.admin-nav a:hover{background:#13200f;text-decoration:none}.admin-main{padding:20px 20px 40px;min-width:0}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.stat{padding:15px}.stat b{font-size:1.8rem;display:block;color:#fff}.table{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--line)}.table th,.table td{border-bottom:1px solid var(--line);padding:10px;text-align:left;vertical-align:top}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-grid .full{grid-column:1/-1}.form-grid label{display:grid;gap:5px;font-weight:800;color:#fff}.form-grid .small textarea{min-height:90px}.rich textarea{min-height:520px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.editor-tools{display:flex;gap:8px;flex-wrap:wrap}.editor-tools button{background:#111a0f;border:1px solid var(--line);color:#fff;border-radius:6px;padding:8px 10px}.checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.check{padding:8px 10px;border-radius:6px;background:#121812}.check.ok{background:#11220f;color:#b6f58d}.check.warn{background:#2b2410;color:#ffe29a}.flash{padding:12px 14px;border-radius:8px;background:#10240d;border:1px solid var(--green2);margin:0 0 14px}.error{background:#2a1110;border-color:#79342d}.repeat-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:10px 0}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.media-grid figure{background:var(--panel);border:1px solid var(--line);border-radius:8px;margin:0;padding:8px}.media-grid img{aspect-ratio:1/1;object-fit:cover;border-radius:6px}.print-page{background:#fff;color:#000;min-height:100vh;padding:40px}.print-checks{list-style:none;padding:0}.print-checks li{margin:12px 0}.print-checks span{display:inline-block;width:18px;height:18px;border:2px solid #000;margin-right:10px;vertical-align:middle}
@media (max-width:980px){.menu-row{align-items:flex-start;flex-direction:column}.nav{gap:12px}.search-mini{width:100%}.search-mini input{min-width:0;flex:1}.hero-grid,.content-layout,.footer-grid,.admin-layout,.start-grid{grid-template-columns:1fr}.grid,.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar,.admin-nav{position:static}.admin-nav{min-height:auto}.stats,.form-grid,.checklist{grid-template-columns:1fr 1fr}}
@media (max-width:700px){.site-header.is-hidden{transform:translateY(-105%)}.brand-banner{aspect-ratio:16/9}.brand-banner img{object-position:center}}
@media (max-width:640px){body{font-size:16px}.wrap{width:min(100% - 24px,1160px)}.grid,.category-grid,.stats,.form-grid,.checklist,.repeat-row{grid-template-columns:1fr}.article{border-radius:0;border-inline:0;margin-inline:-12px}.hero{padding-top:26px}.search-panel{flex-direction:column}.search-result{grid-template-columns:1fr}.search-result img{width:100%;height:auto;aspect-ratio:4/3}.menu-row{gap:12px}.install-btn{width:100%}}
@media (max-width:700px){.start-links{grid-template-columns:1fr!important;gap:10px}.start-link{padding:13px 14px;min-height:auto;overflow-wrap:anywhere}.start-link strong{font-size:1rem;line-height:1.35;white-space:normal}}
.situation-grid,.hub-links,.guide-badges{display:grid;gap:12px}.situation-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.situation-grid a,.hub-links a,.guide-badges span{background:#0c120b;border:1px solid var(--line);border-radius:8px;padding:14px;color:#fff}.situation-grid strong{display:block;color:var(--green);line-height:1.2}.situation-grid span{display:block;color:var(--muted);font-size:.92rem;margin-top:4px}.hub-links{grid-template-columns:repeat(5,minmax(0,1fr));margin-top:16px}.hub-links a{text-align:center;font-weight:900}.guide-badges{grid-template-columns:repeat(3,minmax(0,1fr));margin:16px 0}.guide-badges span{padding:10px 12px;color:var(--muted)}.guide-badges b{color:var(--green);display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}.source-note{font-size:.96rem}.next-guides{margin-top:30px}.next-guides .grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hub-tools{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 24px}.contact-panel{margin-top:28px;padding:18px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.contact-panel form{display:grid;gap:12px}.contact-panel label{display:grid;gap:6px;font-weight:800}.author-trust{margin:18px 0 24px;padding:18px;border:1px solid var(--line);border-radius:8px;background:#0b1209}
@media (max-width:980px){.situation-grid,.hub-links{grid-template-columns:repeat(2,minmax(0,1fr))}.next-guides .grid{grid-template-columns:1fr}.guide-badges{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.situation-grid,.hub-links,.guide-badges{grid-template-columns:1fr}.situation-grid a,.hub-links a{padding:13px 14px}.article .actions .btn{width:100%;text-align:center}}
@media print{body{background:#fff;color:#000}.site-header,.site-footer,.sidebar,.breadcrumbs,.actions,.toc,.no-print{display:none!important}.wrap,.content-layout{width:100%;display:block}.article,.callout{border:0;box-shadow:none;background:#fff;color:#000}.article *{color:#000!important}.print-page{display:block}}


/* MindOfGriff-style compact top header */
.site-header{align-items:center;background:rgba(5,8,5,.97);border-bottom:1px solid rgba(34,197,94,.35);color:var(--ink);display:flex;gap:1.25rem;justify-content:space-between;padding:.85rem clamp(1rem,4vw,3rem);position:sticky;top:0;z-index:50;transition:transform .22s ease}.site-header>.brand{align-items:center;display:grid;grid-template-columns:44px auto;column-gap:.75rem;min-width:13rem;text-decoration:none}.site-header>.brand img{border-radius:50%;grid-row:span 2;height:44px;object-fit:cover;width:44px}.site-header>.brand span{display:block;color:#fff;font-size:1.24rem;font-weight:900;line-height:1}.site-header>.brand small{display:block;color:var(--muted);font-size:.76rem;font-weight:700;line-height:1.15}.site-header>.nav{align-items:center;display:flex;flex:1;flex-wrap:wrap;gap:.45rem 1rem;justify-content:center}.site-header>.nav a{color:rgba(255,255,255,.82);font-size:.93rem;font-weight:800;text-decoration:none}.site-header>.nav a:hover{color:var(--green)}
@media (max-width:900px){.site-header{align-items:center;flex-direction:column}.site-header>.nav{justify-content:center;width:100%}}
@media (max-width:700px){.site-header.is-hidden{transform:translateY(-105%)}}