/* Guida NIS2: pagine di approfondimento. Usa colori, caratteri e componenti di stile.css */
.crumbs{display:flex;flex-wrap:wrap;gap:6px 8px;padding-top:28px;font-size:14px;color:var(--muted)}
.crumbs a{color:var(--muted)}
.crumbs a:hover{color:var(--forest)}
.g-hero{display:flex;flex-direction:column;gap:20px;max-width:880px;padding:clamp(18px,3vw,32px) 0 clamp(36px,4vw,56px)}
.g-hero h1{font-size:clamp(34px,4.6vw,58px);line-height:1.06;text-wrap:balance}
.g-hero .lead{max-width:780px;font-size:clamp(18px,1.8vw,20px)}
.g-meta{font-size:14px;color:var(--muted)}
.g-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:clamp(32px,5vw,80px);align-items:start}
.g-body{min-width:0;display:flex;flex-direction:column;gap:18px;max-width:760px;font-size:18px;line-height:1.7;color:var(--text)}
.g-body h2{font-size:clamp(26px,2.6vw,34px);line-height:1.15;margin-top:30px;text-wrap:balance}
.g-body h3{font-size:21px;line-height:1.3;margin-top:10px}
.g-body ul,.g-body ol{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:8px}
.g-body a{color:var(--forest);font-weight:600;text-underline-offset:3px}
.g-body strong{color:var(--ink)}
.g-table{overflow-x:auto;border:1px solid var(--line);border-radius:20px;background:#fff}
.g-table table{border-collapse:collapse;width:100%;min-width:560px;font-size:16px;line-height:1.5}
.g-table th,.g-table td{text-align:left;vertical-align:top;padding:14px 18px;border-bottom:1px solid var(--line)}
.g-table th{background:var(--cream);color:var(--muted);font-size:14px;font-weight:600}
.g-table td:first-child{font-weight:700;color:var(--ink);white-space:nowrap}
.g-table tr:last-child td{border-bottom:0}
.g-note{background:var(--sun-soft);border-radius:18px;padding:18px 22px;font-size:16px;line-height:1.6}
.g-check{display:flex;flex-direction:column;gap:12px;background:var(--rose);border-radius:24px;padding:26px 28px}
.g-check .pill{align-self:flex-start;background:#fff;color:var(--ink)}
.g-check strong{font-family:var(--display);font-size:23px;line-height:1.2;color:var(--ink)}
.g-check p{font-size:16px;line-height:1.55;color:#2F3C37}
.g-check .btn{align-self:flex-start}
.g-side{position:sticky;top:104px;display:flex;flex-direction:column;gap:16px}
.g-side nav{display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px 24px;font-size:15px}
.g-side nav strong{font-size:14px;color:var(--ink)}
.g-side nav a{color:var(--text);text-decoration:none;line-height:1.4}
.g-side nav a:hover,.g-side nav a[aria-current="page"]{color:var(--forest);text-decoration:underline;text-underline-offset:4px}
.g-faq{display:flex;flex-direction:column;gap:12px}
.g-src{font-size:14px;line-height:1.6;color:var(--muted)}
.g-more{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.g-card{display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px 26px;color:var(--ink);text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}
.g-card:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(28,43,39,.07)}
.g-card .ic{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;color:var(--forest)}
.g-card strong{font-family:var(--display);font-size:21px;line-height:1.2}
.g-card span{font-size:15px;line-height:1.55;color:var(--text)}
.g-card .g-date{font-size:13px;font-weight:600;color:var(--muted)}
.g-card .go{margin-top:auto;font-weight:700;color:var(--forest);display:flex;align-items:center;gap:8px}
.g-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.g-steps div{background:var(--mint);border-radius:24px;padding:24px 26px;display:flex;flex-direction:column;gap:8px}
.g-steps b{font-family:var(--display);font-size:36px;line-height:1;color:var(--forest)}
.g-steps strong{font-size:19px;color:var(--ink)}
.g-steps p{font-size:16px;line-height:1.55;color:var(--text)}
.g-steps a{color:var(--forest);font-weight:700}
@media (min-width:1101px){.g-inline{display:none}}
@media (max-width:1100px){.g-layout{grid-template-columns:minmax(0,1fr)}.g-side{position:static}.g-more{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.g-table{border-radius:18px}.g-table table{min-width:0}.g-table thead{display:none}.g-table tr{display:block;padding:14px 18px;border-bottom:1px solid var(--line)}.g-table tr:last-child{border-bottom:0}.g-table td{display:block;padding:2px 0;border:0;white-space:normal}.g-table td:first-child{margin-bottom:4px}.g-table td+td+td{color:var(--muted);font-size:14px;margin-top:4px}}
@media (max-width:760px){.g-more,.g-steps{grid-template-columns:1fr}.g-body{font-size:17px}.g-check{padding:22px}}