/* ============================================================
   Guida / Centro assistenza — stile dedicato (scoped #sp-guida).
   Help center pulito, colori Ziblo. Non tocca main.css.
   ============================================================ */
#sp-guida{ --gd-red:#ee2225; --gd-red-2:#ff4a03; --gd-ink:#0F1117; --gd-text:#475569; --gd-muted:#8a8f98; --gd-line:#e7e9ee; --gd-radius:16px; color:var(--gd-text); padding-bottom:6rem; }
#sp-guida *{ box-sizing:border-box; }
#sp-guida .gd-container{ max-width:1040px; margin:0 auto; padding:0 24px; }

/* Hero + ricerca */
#sp-guida .gd-hero{ padding:4.5rem 0 3.5rem; text-align:center; background:radial-gradient(760px 360px at 50% -10%, rgba(238,34,37,.06), transparent 60%); }
#sp-guida .gd-title{ font-family:'Archivo',sans-serif; font-weight:900; letter-spacing:-.02em; font-size:clamp(2.2rem,5vw,3.4rem); color:var(--gd-ink); margin:0 0 .5rem; }
#sp-guida .gd-sub{ font-size:clamp(1.05rem,2.4vw,1.25rem); color:var(--gd-muted); max-width:60ch; margin:0 auto .4rem; }
#sp-guida .gd-desc{ color:var(--gd-text); max-width:70ch; margin:0 auto 1.6rem; line-height:1.6; }
#sp-guida .gd-search{ position:relative; max-width:620px; margin:1.8rem auto 0; }
#sp-guida .gd-search svg{ position:absolute; left:18px; top:50%; transform:translateY(-50%); width:20px; height:20px; color:var(--gd-muted); }
#sp-guida .gd-search input{ width:100%; font-size:1.05rem; font-family:inherit; padding:16px 18px 16px 50px; border:1px solid var(--gd-line); border-radius:14px; background:#fff; box-shadow:0 10px 30px -18px rgba(15,17,23,.4); transition:border-color .15s, box-shadow .15s; }
#sp-guida .gd-search input:focus{ outline:none; border-color:var(--gd-red); box-shadow:0 12px 34px -16px rgba(238,34,37,.4); }

/* Risultati ricerca */
#sp-guida .gd-results{ max-width:620px; margin:12px auto 0; text-align:left; background:#fff; border:1px solid var(--gd-line); border-radius:14px; overflow:hidden; box-shadow:0 20px 44px -26px rgba(15,17,23,.5); }
#sp-guida .gd-result{ display:block; padding:14px 18px; border-bottom:1px solid #f1f3f6; text-decoration:none; }
#sp-guida .gd-result:last-child{ border-bottom:0; }
#sp-guida .gd-result:hover{ background:#fff6f6; }
#sp-guida .gd-result-t{ display:block; font-weight:700; color:var(--gd-ink); }
#sp-guida .gd-result-c{ display:inline-block; font-size:.72rem; font-weight:700; text-transform:uppercase; letter-spacing:.06em; color:var(--gd-red); margin-top:3px; }
#sp-guida .gd-result-e{ display:block; font-size:.9rem; color:var(--gd-muted); margin-top:3px; }
#sp-guida .gd-noresult{ padding:18px; color:var(--gd-muted); text-align:center; }

/* Sezioni */
#sp-guida .gd-section{ padding:3rem 0; }
#sp-guida .gd-h2{ font-family:'Archivo',sans-serif; font-weight:800; font-size:1.4rem; color:var(--gd-ink); margin:2.6rem 0 1.3rem; }

/* Griglia collezioni (sotto-categorie) */
#sp-guida .gd-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:24px; margin-bottom:1rem; }
#sp-guida .gd-card{ display:flex; gap:14px; align-items:flex-start; background:#fff; border:1px solid var(--gd-line); border-radius:var(--gd-radius); padding:26px; text-decoration:none; box-shadow:0 10px 28px -22px rgba(15,17,23,.35); transition:transform .16s, box-shadow .16s, border-color .16s; }
#sp-guida .gd-card:hover{ transform:translateY(-3px); box-shadow:0 20px 40px -24px rgba(238,34,37,.35); border-color:rgba(238,34,37,.3); }
#sp-guida .gd-card-ico{ flex:0 0 auto; width:46px; height:46px; border-radius:12px; background:rgba(238,34,37,.08); border:1px solid rgba(238,34,37,.14); color:var(--gd-red); display:grid; place-items:center; }
#sp-guida .gd-card-ico svg{ width:24px; height:24px; } #sp-guida .gd-card-ico img{ width:26px; height:26px; object-fit:contain; }
#sp-guida .gd-card-body{ display:flex; flex-direction:column; min-width:0; }
#sp-guida .gd-card-title{ font-family:'Archivo',sans-serif; font-weight:800; font-size:1.1rem; color:var(--gd-ink); }
#sp-guida .gd-card-desc{ font-size:.92rem; color:var(--gd-muted); margin-top:4px; line-height:1.45; }
#sp-guida .gd-card-count{ font-family:'Space Mono',monospace; font-size:.7rem; letter-spacing:.06em; text-transform:uppercase; color:var(--gd-muted); margin-top:10px; }

/* Elenco articoli */
#sp-guida .gd-articles{ list-style:none; margin:0; padding:0; border:1px solid var(--gd-line); border-radius:var(--gd-radius); overflow:hidden; background:#fff; }
#sp-guida .gd-article{ border-bottom:1px solid #f1f3f6; }
#sp-guida .gd-article:last-child{ border-bottom:0; }
#sp-guida .gd-article a{ display:flex; align-items:center; gap:14px; padding:22px 24px; text-decoration:none; transition:background .15s; }
#sp-guida .gd-article a:hover{ background:#fff6f6; }
#sp-guida .gd-article-main{ flex:1; min-width:0; }
#sp-guida .gd-article-title{ display:block; font-weight:700; color:var(--gd-ink); font-size:1.05rem; }
#sp-guida .gd-article-exc{ display:block; font-size:.92rem; color:var(--gd-muted); margin-top:3px; }
#sp-guida .gd-article-cat{ flex:0 0 auto; font-size:.7rem; font-weight:700; text-transform:uppercase; letter-spacing:.06em; color:var(--gd-red); background:rgba(238,34,37,.07); border:1px solid rgba(238,34,37,.16); padding:4px 9px; border-radius:100px; }
#sp-guida .gd-arrow{ flex:0 0 auto; color:var(--gd-red); font-weight:800; transition:transform .15s; }
#sp-guida .gd-article a:hover .gd-arrow{ transform:translateX(4px); }
#sp-guida .gd-empty{ color:var(--gd-muted); text-align:center; padding:2rem; }
#sp-guida .gd-pagination{ margin-top:1.4rem; }

@media (max-width:600px){
	#sp-guida .gd-grid{ grid-template-columns:1fr; }
	#sp-guida .gd-article-cat{ display:none; }
}

/* ---- Layout due/tre colonne (sidebar + contenuto + indice) ---- */
#sp-guida .gd-layout{ display:grid; grid-template-columns:270px minmax(0,1fr); gap:56px; align-items:start; padding:1rem 0 1.5rem; }
#sp-guida .gd-layout--single{ grid-template-columns:230px minmax(0,1fr) 220px; gap:48px; }
#sp-guida .gd-layout.gd-no-toc{ grid-template-columns:230px minmax(0,1fr); }
#sp-guida .gd-main{ min-width:0; }
#sp-guida.gd-single{ padding:3rem 0 5rem; }
#sp-guida.gd-single .gd-container{ max-width:1240px; }

/* Sidebar */
#sp-guida .gd-side{ position:sticky; top:110px; align-self:start; font-size:.95rem; padding-bottom:2rem; }
#sp-guida .gd-side-root{ display:block; font-family:'Archivo',sans-serif; font-weight:800; color:var(--gd-ink); text-decoration:none; padding:4px 0 10px; border-bottom:1px solid var(--gd-line); margin-bottom:10px; }
#sp-guida .gd-side-root.is-active{ color:var(--gd-red); }
#sp-guida .gd-side-tree{ list-style:none; margin:0; padding:0; }
#sp-guida .gd-side-group{ margin-bottom:4px; }
#sp-guida .gd-side-cat{ display:block; font-weight:700; color:var(--gd-ink); text-decoration:none; padding:6px 0; }
#sp-guida .gd-side-cat:hover{ color:var(--gd-red); }
#sp-guida .gd-side-cat.is-active{ color:var(--gd-red); }
#sp-guida .gd-side-posts{ list-style:none; margin:2px 0 8px; padding:0 0 0 12px; border-left:2px solid var(--gd-line); }
#sp-guida .gd-side-posts a{ display:block; color:var(--gd-muted); text-decoration:none; padding:4px 0; line-height:1.35; }
#sp-guida .gd-side-posts a:hover{ color:var(--gd-ink); }
#sp-guida .gd-side-posts a.is-active{ color:var(--gd-red); font-weight:700; }

/* Articolo */
#sp-guida .gd-art-cat{ font-size:.72rem; font-weight:700; text-transform:uppercase; letter-spacing:.08em; color:var(--gd-red); }
#sp-guida .gd-art-title{ font-family:'Archivo',sans-serif; font-weight:900; letter-spacing:-.02em; font-size:clamp(1.8rem,3.8vw,2.6rem); color:var(--gd-ink); margin:.35rem 0; }
#sp-guida .gd-art-meta{ color:var(--gd-muted); font-size:.9rem; margin-bottom:1.6rem; }
#sp-guida .gd-entry{ color:#2b2f36; line-height:1.75; font-size:1.07rem; max-width:820px; }
#sp-guida .gd-entry h2{ font-family:'Archivo',sans-serif; font-weight:800; font-size:1.5rem; color:var(--gd-ink); margin:2rem 0 .7rem; scroll-margin-top:96px; }
#sp-guida .gd-entry h3{ font-family:'Archivo',sans-serif; font-weight:700; font-size:1.2rem; color:var(--gd-ink); margin:1.5rem 0 .5rem; scroll-margin-top:96px; }
#sp-guida .gd-entry p{ margin:0 0 1.1rem; }
#sp-guida .gd-entry ul,#sp-guida .gd-entry ol{ margin:0 0 1.1rem 1.2rem; }
#sp-guida .gd-entry img{ max-width:100%; height:auto; border-radius:12px; }
#sp-guida .gd-entry a{ color:var(--gd-red); }

/* Indice (TOC) */
#sp-guida .gd-toc{ position:sticky; top:110px; align-self:start; padding-bottom:2rem; }
#sp-guida .gd-toc-head{ display:block; font-family:'Space Mono',monospace; font-size:.66rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--gd-muted); margin-bottom:10px; }
#sp-guida .gd-toc ul{ list-style:none; margin:0; padding:0; border-left:2px solid var(--gd-line); }
#sp-guida .gd-toc li a{ display:block; color:var(--gd-muted); text-decoration:none; padding:5px 0 5px 12px; margin-left:-2px; border-left:2px solid transparent; font-size:.88rem; line-height:1.4; }
#sp-guida .gd-toc li.gd-toc-l3 a{ padding-left:24px; font-size:.82rem; }
#sp-guida .gd-toc li a:hover{ color:var(--gd-ink); }
#sp-guida .gd-toc li a.is-active{ color:var(--gd-red); border-left-color:var(--gd-red); font-weight:600; }

/* Nav articolo precedente/successivo */
#sp-guida .gd-postnav{ display:flex; gap:16px; margin-top:2.4rem; flex-wrap:wrap; }
#sp-guida .gd-postnav-item{ flex:1 1 220px; border:1px solid var(--gd-line); border-radius:12px; padding:14px 16px; text-decoration:none; transition:border-color .15s; }
#sp-guida .gd-postnav-item:hover{ border-color:var(--gd-red); }
#sp-guida .gd-postnav-item span{ display:block; font-size:.75rem; color:var(--gd-muted); }
#sp-guida .gd-postnav-item strong{ display:block; color:var(--gd-ink); margin-top:3px; }
#sp-guida .gd-postnav-next{ text-align:right; }

@media (max-width:980px){
	#sp-guida .gd-layout,#sp-guida .gd-layout--single,#sp-guida .gd-layout.gd-no-toc{ grid-template-columns:1fr; gap:0; }
	#sp-guida .gd-side,#sp-guida .gd-toc{ display:none; }
	#sp-guida{ padding-bottom:4rem; }
}