/* ============================================================
   05-guide-premium.css — late application coda — the signed-in GUIDE manual styles and the PREMIUM app hover-physics layer. These are app rules that appear after the marketing block in source order.
   MOVE, not a refactor: a byte-identical slice of the original <style>.
   Order-dependent. This file must load after 04-marketing.css and before 06-motion.css.
   ============================================================ */
/* ===== GUIDE (signed-in manual) ===== */
.gd-head{margin-bottom:18px}
.gd-head p{font-size:14px;color:var(--text-3);max-width:60ch;line-height:1.7;margin-top:6px}
.gd-search{display:flex;align-items:center;gap:10px;margin:18px 0 8px;padding:11px 15px;border:1px solid var(--hairline);border-radius:var(--r-md);background:var(--surface-1)}
.gd-search svg{width:15px;height:15px;stroke:var(--text-4);fill:none;stroke-width:1.6;stroke-linecap:round}
.gd-search input{flex:1;background:none;border:none;outline:none;color:var(--text);font-family:'Inter',sans-serif;font-size:13.5px}
.gd-count{font-family:'Inter',sans-serif;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-4);white-space:nowrap}
.gd-toc{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0 22px}
.gd-toc button{font-size:11.5px;font-weight:600;padding:6px 12px;border-radius:var(--r-full);border:1px solid var(--hairline);color:var(--text-2);background:var(--surface-1);transition:all .15s}
.gd-toc button:hover{border-color:var(--hairline-strong);color:var(--text)}
.gd-sec{border:1px solid var(--hairline);border-radius:var(--r-md);background:var(--surface-1);padding:24px;margin-bottom:16px;scroll-margin-top:16px}
.gd-sec.flash{box-shadow:0 0 0 2px var(--gold);transition:box-shadow .3s}
.gd-sec-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.gd-sec-head .n{font-family:'Inter',sans-serif;font-size:10px;letter-spacing:.16em;color:var(--text-4);min-width:24px}
.gd-sec-head h3{font-family:'Inter',sans-serif;font-size:18px;font-weight:700;letter-spacing:-.01em;margin:0;flex:1}
.gd-sec-head .gd-admin{font-family:'Inter',sans-serif;font-size:8.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--amber);border:1px solid var(--amber-soft);background:var(--amber-soft);padding:3px 9px;border-radius:var(--r-full)}
.gd-sec p{font-size:13.5px;line-height:1.75;color:var(--text-2);margin:0 0 10px;max-width:74ch}
.gd-shot{position:relative;margin:16px 0 10px;border:1px solid var(--hairline);border-radius:8px;overflow:hidden;background:var(--surface-0);max-width:680px}
.gd-shot img{width:100%;display:block}
.gd-dot{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:20px;height:20px;border-radius:50%;background:var(--gold);color:var(--gold-ink);font-size:10.5px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 3px rgba(136,136,136,.28),0 2px 8px rgba(0,0,0,.5);cursor:default}
.gd-legend{display:flex;flex-direction:column;gap:5px;margin:0 0 14px;max-width:680px}
.gd-legend div{display:flex;gap:9px;font-size:12.5px;color:var(--text-3);align-items:baseline}
.gd-legend b{font-size:10px;font-weight:700;color:var(--gold);min-width:14px}
.gd-try{margin-top:4px}
.gd-check{margin:14px 0 4px;border-top:1px solid var(--hairline);padding-top:6px}
.gd-check-row{display:flex;align-items:center;gap:12px;padding:10px 2px;border-bottom:1px solid var(--hairline)}
.gd-check-row:last-child{border-bottom:none}
.gd-check-row .st{width:20px;height:20px;min-width:20px;border-radius:50%;border:1.5px solid var(--hairline-strong);display:flex;align-items:center;justify-content:center;color:var(--gold-ink);font-size:11px}
.gd-check-row.done .st{background:var(--good);border-color:var(--good)}
.gd-check-row .lbl{flex:1;font-size:13.5px;color:var(--text-2)}
.gd-check-row.done .lbl{color:var(--text-4);text-decoration:line-through}
.gd-check-row a{font-size:12px;font-weight:600;color:var(--text-2);border-bottom:1px solid var(--hairline-strong);cursor:pointer;white-space:nowrap}
.gd-check-row a:hover{color:var(--text)}
.gd-none{padding:34px 8px;color:var(--text-3);font-size:13.5px}
.ob-guide{margin-top:14px;font-size:12.5px;color:var(--text-3)}
.ob-guide a{color:var(--text-2);border-bottom:1px solid var(--hairline-strong);cursor:pointer}
.ob-guide a:hover{color:var(--text)}

/* ===== PREMIUM LAYER (app): quieter hover physics — a work surface, not a stage ===== */
.btn-gold,.head-btn,.auth-btn,.fc-dl,.mode-btn,.site-btn{will-change:transform}
.btn-gold,.head-btn,.auth-btn,.fc-dl{transition:transform .16s var(--ease-reveal),box-shadow .16s ease,background .16s ease,border-color .16s ease,color .16s ease}
.btn-gold:hover,.head-btn:hover,.auth-btn:hover,.fc-dl:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.08)}
.btn-gold:active,.head-btn:active,.auth-btn:active,.fc-dl:active{transform:none;transition-duration:.08s}
.tcard,.asset-card,.int-card2{transition:transform .18s var(--ease-reveal),border-color .18s ease,background .18s ease,box-shadow .18s ease}
.tcard:hover,.asset-card:hover,.int-card2:hover{transform:translateY(-1.5px);border-color:var(--hairline-strong);box-shadow:0 8px 22px rgba(0,0,0,.35)}
:root[data-theme="light"] .tcard:hover,:root[data-theme="light"] .asset-card:hover,:root[data-theme="light"] .int-card2:hover{box-shadow:0 8px 22px rgba(17,17,17,.12)}
.md-card,.dash-card,.person-card{transition:transform .18s var(--ease-reveal),border-color .18s ease,background .18s ease}
.dash-card:hover,.person-card:hover{transform:translateY(-1.5px);border-color:var(--hairline-strong)}
.nav-btn .glyph svg,.hb svg,.side-toggle svg{transition:transform .15s ease}
.nav-btn:hover .glyph svg{transform:scale(1.05)}
.nav-btn{transition:background .14s ease,border-color .14s ease,color .14s ease,transform .14s ease}
.chat-item:hover,.md-row:hover,.ops-row:hover,.team-row:hover,.notif-item:hover,.asset-row:hover,.search-item:hover{border-color:var(--hairline-strong)}
@keyframes modalIn{from{opacity:0;transform:scale(.982) translateY(5px)}to{opacity:1;transform:none}}
.modal{animation:modalIn .15s var(--ease-reveal)}
body.no-motion .modal,body.no-motion .tcard,body.no-motion .btn-gold{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.modal{animation:none}}