/* Sezione Guide (/guide, guide.php) — pagine semplici, testo grande, passi numerati. 14/11/2026 */
.g-hero{min-height:auto; padding:130px 16px 48px;}
.g-hero h1{font-size:clamp(28px,4.4vw,46px);}
.g-hero .lead{margin-bottom:10px; font-size:17.5px; line-height:1.55;}
.g-hero .hero-eyebrow a{color:inherit; text-decoration:none;}
.g-hero--one h1{max-width:820px;}
.g-time{position:relative; z-index:2; display:inline-flex; align-items:center; gap:6px; margin:6px 0 0; font-size:14px; color:var(--text-mute);}
.g-time .material-symbols-outlined{font-size:18px;}

.g-wrap{max-width:820px; padding:40px 16px 70px;}
.g-wrap h2{font-size:22px; line-height:1.25; margin:0 0 14px; color:var(--text);}
.g-wrap p{font-size:16.5px; line-height:1.65; color:var(--text);}
.g-wrap a{color:var(--accent-2);}
.g-wrap a.g-card, .g-wrap a.g-who-item, .g-wrap a.g-featured{color:var(--text);}
.g-wrap code{font-family:var(--font-mono, ui-monospace, monospace); font-size:.92em; background:var(--surface-2); border:1px solid var(--border); border-radius:6px; padding:1px 6px; white-space:nowrap;}
.g-dom{font-weight:700; color:var(--accent-2);}

/* in evidenza */
.g-featured{display:flex; align-items:center; gap:16px; padding:20px 22px; margin:0 0 36px; border-radius:18px; text-decoration:none; color:var(--text);
  background:linear-gradient(135deg, rgba(255,117,26,.10), rgba(31,173,151,.10)); border:1px solid var(--border-2); transition:transform .15s, box-shadow .15s;}
.g-featured:hover{transform:translateY(-2px); box-shadow:var(--shadow-sm);}
.g-featured > .material-symbols-outlined{font-size:34px; color:var(--accent); flex-shrink:0;}
.g-featured span{display:flex; flex-direction:column; gap:3px; min-width:0;}
.g-featured small{font-size:12px; text-transform:uppercase; letter-spacing:.08em; color:var(--text-mute);}
.g-featured strong{font-size:18px; line-height:1.3;}
.g-featured em{font-style:normal; font-size:14px; color:var(--text-dim);}
.g-featured .g-card-arrow{margin-left:auto;}

/* chi sei */
.g-who{margin:0 0 40px;}
.g-who-list{display:grid; grid-template-columns:1fr; gap:10px;}
@media (min-width:640px){.g-who-list{grid-template-columns:1fr 1fr;}}
.g-who-item{display:flex; align-items:center; gap:12px; padding:14px 16px; border-radius:14px; border:1px solid var(--border-2); background:var(--surface); color:var(--text); text-decoration:none; transition:border-color .15s;}
.g-who-item:hover{border-color:var(--accent);}
.g-who-item .material-symbols-outlined{font-size:26px; color:var(--accent-2); flex-shrink:0;}
.g-who-item span{display:flex; flex-direction:column; min-width:0;}
.g-who-item strong{font-size:16px;}
.g-who-item small{font-size:13.5px; color:var(--text-dim);}

/* elenchi di guide */
.g-group{margin:0 0 34px; scroll-margin-top:100px;}
.g-group h2{display:flex; align-items:center; gap:8px; font-size:19px;}
.g-group h2 .material-symbols-outlined{font-size:22px; color:var(--accent-2);}
.g-list{display:flex; flex-direction:column; gap:8px;}
.g-card{display:flex; align-items:center; gap:14px; padding:14px 16px; border-radius:14px; background:var(--surface); border:1px solid var(--border); color:var(--text); text-decoration:none; transition:border-color .15s, transform .15s;}
.g-card:hover{border-color:var(--accent); transform:translateX(3px);}
.g-card-ico{font-size:24px; color:var(--accent); flex-shrink:0;}
.g-card-body{display:flex; flex-direction:column; gap:2px; min-width:0;}
.g-card-body strong{font-size:16px; line-height:1.35;}
.g-card-meta{font-size:13px; color:var(--text-mute);}
.g-card-arrow{margin-left:auto; font-size:20px; color:var(--text-mute); flex-shrink:0;}

/* una guida */
.g-dombox{margin:0 0 26px; padding:18px; border-radius:16px; background:var(--surface-2); border:1px solid var(--border-2);}
.g-dombox label{display:block; font-size:15.5px; margin-bottom:10px; color:var(--text);}
.g-dombox-row{display:flex; gap:8px; flex-wrap:wrap;}
.g-dombox input{flex:1 1 200px; min-width:0; font-size:17px; padding:12px 14px; border-radius:12px; border:1px solid var(--border-2); background:var(--surface); color:var(--text);}
.g-dombox input:focus{outline:2px solid var(--accent); outline-offset:1px;}

.g-need{margin:0 0 26px; padding:18px 20px; border-radius:16px; border-left:4px solid var(--accent); background:var(--surface);}
.g-need h2{font-size:18px; margin-bottom:8px;}
.g-need ul{margin:0; padding-left:20px;}
.g-need li{font-size:16px; line-height:1.6; margin:4px 0;}

.g-toc{display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin:0 0 30px;}
.g-toc span{font-size:14px; color:var(--text-mute); margin-right:2px;}
.g-toc a{font-size:14px; padding:7px 13px; border-radius:999px; border:1px solid var(--border-2); background:var(--surface); color:var(--text); text-decoration:none;}
.g-toc a:hover{border-color:var(--accent);}

.g-block{padding:26px 0; border-top:1px solid var(--border); scroll-margin-top:96px;}
.g-block:first-of-type{border-top:0;}
.g-top{display:inline-block; margin-top:12px; font-size:13.5px; color:var(--text-mute) !important; text-decoration:none;}

.g-steps{list-style:none; counter-reset:g; margin:6px 0 0; padding:0;}
.g-steps li{counter-increment:g; position:relative; padding:4px 0 14px 46px; font-size:16.5px; line-height:1.6; color:var(--text);}
.g-steps li::before{content:counter(g); position:absolute; left:0; top:2px; width:32px; height:32px; border-radius:50%; display:grid; place-items:center;
  background:var(--accent); color:#fff; font-weight:800; font-size:15px;}
.g-steps li:not(:last-child)::after{content:""; position:absolute; left:15px; top:38px; bottom:2px; width:2px; background:var(--border-2);}

.g-rows{display:flex; flex-direction:column; border:1px solid var(--border-2); border-radius:14px; overflow:hidden; background:var(--surface);}
.g-row{display:grid; grid-template-columns:1fr; gap:2px; padding:12px 16px; border-top:1px solid var(--border);}
.g-row:first-child{border-top:0;}
.g-row-k{font-size:13.5px; color:var(--text-mute);}
.g-row-v{font-size:16.5px; font-weight:600; color:var(--text);}
.g-row-n{font-size:14px; color:var(--text-dim);}
@media (min-width:640px){
  .g-row{grid-template-columns:34% 33% 1fr; gap:12px; align-items:center;}
  .g-row-k{font-size:15px; color:var(--text);}
}

.g-faq details{border:1px solid var(--border-2); border-radius:12px; background:var(--surface); margin:0 0 8px;}
.g-faq summary{cursor:pointer; padding:14px 16px; font-size:16px; font-weight:600; color:var(--text); list-style-position:inside;}
.g-faq details p{margin:0; padding:0 16px 14px; font-size:15.5px;}

.g-note{display:flex; gap:10px; align-items:flex-start; margin:14px 0 0; padding:12px 14px; border-radius:12px; font-size:15.5px !important;}
.g-note .material-symbols-outlined{font-size:20px; flex-shrink:0; margin-top:2px;}
.g-note--tip{background:#ecfdf5; border:1px solid #a7f3d0; color:#064e3b !important;}
.g-note--tip .material-symbols-outlined{color:#059669;}
.g-note--warn{background:#fff7ed; border:1px solid #fed7aa; color:#7c2d12 !important;}
.g-note--warn .material-symbols-outlined{color:#ea580c;}

.g-help{display:flex; flex-direction:column; gap:4px; margin:30px 0; padding:18px 20px; border-radius:16px; background:var(--surface-2); border:1px solid var(--border);}
.g-help strong{font-size:16.5px; color:var(--text);}
.g-help span{font-size:15.5px; color:var(--text-dim);}

@media (max-width:640px){
  .g-hero{padding-top:110px;}
  .g-wrap h2{font-size:20px;}
  .g-wrap code{white-space:normal; word-break:break-all;}
}