/* Manuale Sentry — DNA grafico Aura Academy (palette fredda, token RGB). GENERATO: non editare a mano. */
:root{--c-bg:248 250 252;--c-surface:255 255 255;--c-border:226 232 240;--c-text:15 23 42;--c-muted:100 116 139;--c-accent:79 70 229;--c-accent-strong:67 56 202;--c-success:5 150 105;--c-info:8 145 178;--c-warning:202 138 4;--c-danger:220 38 38;--glass-bg:255 255 255;--glass-alpha:.72;--c-brand:244 120 10}
.dark{--c-bg:2 6 23;--c-surface:15 23 42;--c-border:51 65 85;--c-text:241 245 249;--c-muted:148 163 184;--c-accent:129 140 248;--c-accent-strong:99 102 241;--c-success:52 211 153;--c-info:34 211 238;--c-warning:251 191 36;--c-danger:248 113 113;--glass-bg:15 23 42;--glass-alpha:.6;--c-brand:244 120 10}
*{box-sizing:border-box;margin:0;padding:0;scrollbar-width:thin;scrollbar-color:rgb(var(--c-border)) transparent}
html{scroll-behavior:smooth}
body{font-family:Inter,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;background:rgb(var(--c-bg));color:rgb(var(--c-text));line-height:1.65;font-size:15px;-webkit-font-smoothing:antialiased}
:focus-visible{outline:2px solid rgb(var(--c-accent));outline-offset:2px}
code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em;background:rgb(var(--c-accent)/.08);color:rgb(var(--c-accent-strong));padding:.15em .45em;border-radius:6px}
.layout{display:flex;min-height:100vh}
.glass{background:rgb(var(--glass-bg)/var(--glass-alpha));backdrop-filter:blur(12px) saturate(140%);border-right:1px solid rgb(var(--c-border)/.7)}
.sidebar{width:290px;position:fixed;inset:0 auto 0 0;overflow-y:auto;padding:20px 16px;display:flex;flex-direction:column;gap:14px}
.brand{text-decoration:none;color:inherit;padding:4px 8px}
.brand-title{font-weight:700;font-size:1.05rem;letter-spacing:-.01em}
.brand-sub{font-size:.75rem;color:rgb(var(--c-muted))}
.search{width:100%;padding:10px 14px;border:1px solid rgb(var(--c-border));border-radius:.875rem;background:rgb(var(--c-surface));color:inherit;font:inherit;font-size:.85rem}
.nav-group{margin-bottom:6px}
.nav-group-title{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:rgb(var(--c-muted));padding:10px 8px 4px;font-weight:600}
.nav-link{display:block;padding:7px 10px;border-radius:10px;color:inherit;text-decoration:none;font-size:.86rem}
.nav-link:hover{background:rgb(var(--c-accent)/.08)}
.nav-link.active{background:rgb(var(--c-brand)/.10);color:rgb(var(--c-brand));font-weight:600;border-left:3px solid rgb(var(--c-brand));border-radius:4px 10px 10px 4px}
.nav-link.hidden{display:none}
.sidebar-footer{margin-top:auto;padding-top:12px}
.theme-toggle{border:1px solid rgb(var(--c-border));background:rgb(var(--c-surface));color:inherit;border-radius:10px;padding:7px 12px;font:inherit;font-size:.8rem;cursor:pointer}
.content{margin-left:290px;padding:48px 56px;max-width:860px;width:100%}
.page-head{margin-bottom:28px}
.crumbs{font-size:.8rem;color:rgb(var(--c-muted));margin-bottom:10px}
h1{font-size:1.9rem;letter-spacing:-.02em;line-height:1.2;margin-bottom:10px}
.summary{font-size:1.05rem;color:rgb(var(--c-muted));max-width:60ch}
.meta{font-size:.78rem;color:rgb(var(--c-muted));margin-top:12px}
h2{font-size:1.15rem;letter-spacing:-.01em;margin:34px 0 12px}
h3{font-size:1rem;margin-bottom:8px}
p{margin-bottom:.6em}
ul{padding-left:1.2em;margin-bottom:.6em}
.ticks,.eyes,.pitfalls,.limits{list-style:none;padding:0}
.ticks li,.eyes li,.pitfalls li,.limits li{padding:8px 12px 8px 38px;position:relative;border-radius:12px;margin-bottom:6px;background:rgb(var(--c-surface));border:1px solid rgb(var(--c-border)/.8)}
.ticks li::before{content:'✓';position:absolute;left:14px;color:rgb(var(--c-success));font-weight:700}
.eyes li::before{content:'👁';position:absolute;left:11px;font-size:.85em}
.pitfalls li{border-left:3px solid rgb(var(--c-warning))}
.pitfalls li::before{content:'⚠';position:absolute;left:12px;color:rgb(var(--c-warning))}
.limits li{border-left:3px solid rgb(var(--c-danger))}
.limits li::before{content:'▲';position:absolute;left:13px;color:rgb(var(--c-danger));font-size:.8em}
.steps{counter-reset:st;list-style:none}
.steps li{counter-increment:st;position:relative;padding:12px 16px 12px 52px;background:rgb(var(--c-surface));border:1px solid rgb(var(--c-border)/.8);border-radius:14px;margin-bottom:8px}
.steps li::before{content:counter(st);position:absolute;left:14px;top:12px;width:26px;height:26px;border-radius:50%;background:rgb(var(--c-brand));color:#fff;display:grid;place-items:center;font-size:.8rem;font-weight:700}
.dark .steps li::before{color:#fff}
.step-name{font-weight:600;font-size:.9rem}
.step-action{font-size:.88rem}
.step-expect{font-size:.82rem;color:rgb(var(--c-success));margin-top:2px}
.card{background:rgb(var(--c-surface));border:1px solid rgb(var(--c-border)/.8);border-radius:1.125rem;padding:16px 18px;margin-bottom:10px;box-shadow:0 1px 2px rgb(15 23 42/.04),0 8px 24px -8px rgb(15 23 42/.12)}
.field-head{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.badge{font-size:.66rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700;padding:2px 8px;border-radius:99px}
.badge.req{background:rgb(var(--c-danger)/.1);color:rgb(var(--c-danger))}
.ex{font-size:.82rem;padding:6px 10px;border-radius:8px;margin-top:6px}
.ex.good{background:rgb(var(--c-success)/.08);color:rgb(var(--c-success))}
.ex.bad{background:rgb(var(--c-danger)/.08);color:rgb(var(--c-danger))}
.example .ex-title{font-weight:600;margin-bottom:4px}
.shot{margin:18px 0}
.shot img{max-width:100%;border-radius:14px;border:1px solid rgb(var(--c-border));box-shadow:0 12px 32px -12px rgb(15 23 42/.25)}
.shot figcaption{font-size:.8rem;color:rgb(var(--c-muted));margin-top:8px;text-align:center}
.related{margin-top:34px;padding-top:16px;border-top:1px solid rgb(var(--c-border));font-size:.85rem;color:rgb(var(--c-muted))}
.module-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.module-card{display:flex;gap:14px;align-items:center;text-decoration:none;color:inherit;transition:transform .15s,box-shadow .15s}
.module-card:hover{transform:translateY(-2px);border-color:rgb(var(--c-brand))}
.module-icon{font-size:1.6rem}
.module-name{font-weight:600;font-size:.92rem}
.module-count{font-size:.76rem;color:rgb(var(--c-muted))}
@media (max-width:900px){.sidebar{position:static;width:100%;inset:auto;border-right:0;border-bottom:1px solid rgb(var(--c-border))}.layout{flex-direction:column}.content{margin-left:0;padding:28px 20px}}
/* --- Bizcraft brand + fuzzy search + nav collassabile + footer + indice --- */
.brand{display:flex;align-items:center;gap:10px}
.brand-logo{width:36px;height:36px;border-radius:8px;flex:none;display:block}
.brand-text{line-height:1.15}
.nav-group-title{display:flex;align-items:center;gap:6px;width:100%;text-align:left;background:none;border:0;cursor:pointer;font-family:inherit}
.nav-caret{font-size:.65rem;color:rgb(var(--c-muted));width:.9em;flex:none;transition:color .12s}
.nav-group-title:hover .nav-caret{color:rgb(var(--c-brand))}
.nav-group.collapsed .nav-group-links{display:none}
.search:focus{outline:none;border-color:rgb(var(--c-brand));box-shadow:0 0 0 3px rgb(var(--c-brand)/.15)}
.search-results{display:none;flex-direction:column;gap:2px;margin-top:6px;background:rgb(var(--c-surface));border:1px solid rgb(var(--c-border));border-radius:12px;padding:6px;max-height:60vh;overflow-y:auto;box-shadow:0 12px 32px -12px rgb(15 23 42/.3);z-index:20}
.search-results.open{display:flex}
.sr-item{display:block;text-decoration:none;color:inherit;padding:8px 10px;border-radius:9px}
.sr-item:hover,.sr-item.active{background:rgb(var(--c-brand)/.1)}
.sr-eyebrow{font-size:.64rem;text-transform:uppercase;letter-spacing:.05em;color:rgb(var(--c-brand));font-weight:700}
.sr-title{font-weight:600;font-size:.86rem;line-height:1.3}
.sr-sum{font-size:.76rem;color:rgb(var(--c-muted));line-height:1.35}
.bz-foot{margin-top:56px;padding-top:16px;border-top:1px solid rgb(var(--c-border)/.7);font-size:.75rem;color:rgb(var(--c-muted));opacity:.7;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.bz-foot img{width:20px;height:20px;border-radius:5px;flex:none}
.bz-foot a{color:inherit;text-decoration:underline}
.index-h{margin-top:44px}
.index-full{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px 24px}
.index-block h3{font-size:.95rem;margin-bottom:8px}
.index-list{list-style:none;padding:0}
.index-list li{padding:5px 0;border-bottom:1px solid rgb(var(--c-border)/.5);font-size:.85rem;line-height:1.4}
.index-list a{color:rgb(var(--c-accent-strong));text-decoration:none;font-weight:600}
.index-list a:hover{text-decoration:underline}
.ix-sum{color:rgb(var(--c-muted))}
/* --- Centro nozioni: nav links, hero, percorsi, glossario --- */
.nav-kb{display:flex;flex-direction:column;gap:2px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgb(var(--c-border)/.6)}
.nav-kb-link{display:block;padding:7px 10px;border-radius:9px;color:inherit;text-decoration:none;font-size:.86rem;font-weight:600}
.nav-kb-link:hover{background:rgb(var(--c-brand)/.08)}
.nav-kb-link.active{background:rgb(var(--c-brand)/.12);color:rgb(var(--c-brand))}
.hero{padding:12px 0 8px;margin-bottom:8px}
.hero-badge{display:inline-block;font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:rgb(var(--c-brand));background:rgb(var(--c-brand)/.1);border-radius:99px;padding:4px 12px;margin-bottom:14px}
.hero h1{font-size:2.1rem;letter-spacing:-.02em;line-height:1.15;margin-bottom:12px}
.hero-lead{font-size:1.08rem;color:rgb(var(--c-muted));max-width:64ch;line-height:1.6}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.hero-btn{display:flex;flex-direction:column;gap:2px;text-decoration:none;color:inherit;padding:14px 20px;border-radius:14px;border:1px solid rgb(var(--c-border));background:rgb(var(--c-surface));font-weight:600;transition:transform .15s,border-color .15s}
.hero-btn small{font-weight:500;font-size:.72rem;color:rgb(var(--c-muted))}
.hero-btn:hover{transform:translateY(-2px);border-color:rgb(var(--c-brand))}
.hero-btn.primary{background:rgb(var(--c-brand));color:#fff;border-color:rgb(var(--c-brand))}
.hero-btn.primary small{color:rgb(255 255 255/.85)}
.pc-card{margin-bottom:18px}
.pc-head{display:flex;align-items:center;gap:12px;margin-bottom:6px}
.pc-head h2{font-size:1.2rem;margin:0}
.pc-icon{font-size:1.5rem}
.pc-intro{color:rgb(var(--c-muted));margin-bottom:14px;max-width:70ch}
.pc-steps{list-style:none;padding:0;margin:0;counter-reset:pc}
.pc-step{display:flex;gap:14px;padding:10px 0;border-top:1px solid rgb(var(--c-border)/.5)}
.pc-step:first-child{border-top:0}
.pc-num{flex:none;width:28px;height:28px;border-radius:50%;background:rgb(var(--c-brand));color:#fff;display:grid;place-items:center;font-size:.82rem;font-weight:700}
.pc-step-title{font-weight:700;font-size:.95rem;text-decoration:none;color:rgb(var(--c-accent-strong))}
.pc-step-title:hover{text-decoration:underline}
.pc-step-a{margin:2px 0 0;font-size:.88rem;color:rgb(var(--c-text))}
.gl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:12px}
.gl-item{display:flex;flex-direction:column;gap:4px;scroll-margin-top:20px}
.gl-term{font-weight:800;font-size:1rem;color:rgb(var(--c-brand))}
.gl-def{font-size:.88rem;line-height:1.55}
.gl-vedi{margin-top:6px}
.gl-see{font-size:.78rem;color:rgb(var(--c-accent-strong));text-decoration:none;font-weight:600}
.gl-see:hover{text-decoration:underline}