/* DINFOSEC — personal.css: small additions for the personal-brand layout (uses tokens from shared.css) */
section[id]{scroll-margin-top:calc(var(--nav-h) + 8px)}
.hero{min-height:auto;padding-bottom:70px}
.stat-num{font-size:clamp(1.4rem,3vw,2.1rem)}
.about-p{color:var(--muted);font-size:.97rem;margin-bottom:14px}
.train-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:22px}
.tick-list{margin-top:14px}
.tick-list li{font-size:.86rem;color:var(--muted);padding:3px 0 3px 22px;position:relative}
.tick-list li::before{content:'✓';position:absolute;left:0;color:var(--gold);font-weight:700}
.steps{counter-reset:s;display:flex;flex-direction:column;gap:14px;margin-top:8px}
.steps li{counter-increment:s;display:grid;grid-template-columns:38px 1fr;column-gap:14px;align-items:center}
.steps li::before{content:counter(s);grid-row:span 2;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-m);color:var(--gold);border:1px solid rgba(212,160,23,.4);background:rgba(212,160,23,.08)}
.steps b{color:var(--white);font-family:var(--font-h);font-size:.95rem}
.steps span{font-size:.85rem;color:var(--muted)}
.contact-layout .info-panel{position:static}
select.fselect{background-image:none}
/* Blog & tools page */
.post-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}
.soon{font-family:var(--font-m);font-size:.66rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);border:1px solid rgba(212,160,23,.35);border-radius:100px;padding:3px 10px;display:inline-block;margin-bottom:10px}
.guide{background:var(--surface);border:1px solid rgba(212,160,23,.14);border-radius:var(--r);margin-bottom:12px}
.guide summary{cursor:pointer;padding:16px 20px;font-family:var(--font-h);font-weight:600;color:var(--white);list-style:none;display:flex;justify-content:space-between;gap:12px}
.guide summary::after{content:'+';color:var(--gold);font-size:1.2rem}
.guide[open] summary::after{content:'–'}
.guide-body{padding:0 20px 18px;color:var(--muted);font-size:.9rem}
.guide-body pre,.cmd{font-family:var(--font-m);font-size:.8rem;background:var(--bg);border:1px solid rgba(212,160,23,.12);border-radius:var(--r);color:#cfe8cf}
.guide-body pre{padding:14px;overflow-x:auto;margin:10px 0;white-space:pre}
.tool-box{background:var(--surface);border:1px solid rgba(212,160,23,.14);border-radius:var(--rl);padding:24px}
.tool-search{margin-bottom:16px}
.cheat-row{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(212,160,23,.08)}
.cmd{padding:6px 10px;overflow-x:auto;white-space:nowrap}
.cheat-row small{color:var(--muted)}
.copy-btn{font-size:.72rem;color:var(--gold);border:1px solid rgba(212,160,23,.3);border-radius:var(--r);padding:4px 10px}
.copy-btn:hover{background:rgba(212,160,23,.1)}
.check-item{display:flex;gap:10px;align-items:flex-start;padding:8px 0;font-size:.9rem;color:var(--text)}
.check-item input{accent-color:var(--gold);margin-top:6px}
.progress-note{font-family:var(--font-m);font-size:.75rem;color:var(--gold);margin-top:10px}
@media(max-width:640px){.cheat-row{grid-template-columns:1fr}}