/* SALA CONTROLLO — stili pagine interne (blog, articolo, pensieri, contatti, privacy).
   Stila le classi verbatim di produzione con i token SC. */
body.inner{padding-top:64px}
.article-wrap{max-width:820px;margin-inline:auto;padding:var(--s8) var(--s3)}
@media(min-width:900px){.article-wrap{padding:var(--s12) var(--s3)}}
.crumb{margin-bottom:var(--s4);color:var(--dim)}
.crumb a{color:var(--dim);text-decoration:none}
.crumb a:hover{color:var(--testo)}

/* header articolo */
.article-meta{display:flex;flex-wrap:wrap;gap:var(--s2);align-items:center;margin-bottom:var(--s3);
  font-family:'Martian Mono',monospace;font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:var(--dim)}
.article-category{color:var(--segnale)}
.article-title{color:var(--testo);font-weight:640;font-stretch:114%;letter-spacing:-.015em;line-height:1.08;
  font-size:clamp(1.9rem,4vw,3rem);margin-bottom:var(--s3)}
.article-excerpt{color:var(--corpo);font-size:1.15rem;line-height:1.5;max-width:60ch;margin-bottom:var(--s4)}
.article-divider{height:1px;background:var(--filetto);margin:var(--s4) 0}
.article-foot{border-top:1px solid var(--filetto);margin-top:var(--s8);padding-top:var(--s4)}

/* prose (articolo + privacy) */
.prose{max-width:68ch;color:var(--corpo);font-size:1.02rem;line-height:1.75}
.prose>*+*{margin-top:var(--s3)}
.prose h2{color:var(--testo);font-weight:620;font-stretch:110%;font-size:1.5rem;line-height:1.2;margin-top:var(--s6);letter-spacing:-.01em}
.prose h3{color:var(--testo);font-weight:600;font-stretch:106%;font-size:1.2rem;margin-top:var(--s4)}
.prose a{color:var(--testo);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--dim)}
.prose a:hover{text-decoration-color:var(--testo)}
.prose strong{color:var(--testo)}
.prose ul,.prose ol{padding-left:1.4em}
.prose li{margin-top:8px}
.prose li::marker{color:var(--dim)}
.prose blockquote{border-left:2px solid var(--dim);padding-left:var(--s3);color:var(--testo);font-style:normal}
.prose code{font-family:'Martian Mono',monospace;font-size:.86em;background:var(--pannello);border:1px solid var(--filetto);padding:1px 6px;color:var(--corpo)}
.prose pre{background:var(--pannello);border:1px solid var(--filetto);padding:var(--s3);overflow-x:auto}
.prose pre code{background:none;border:0;padding:0;font-size:.82rem;line-height:1.6}
.prose hr{border:0;border-top:1px solid var(--filetto);margin:var(--s6) 0}
.callout,.highlight-box{border:1px solid var(--filetto);border-left:2px solid var(--dim);background:var(--pannello);padding:var(--s3);margin:var(--s4) 0}
.callout-title{color:var(--testo);font-family:'Martian Mono',monospace;font-size:11px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}

/* page-header generico (blog/pensieri/contatti/privacy) */
.page-header{margin-bottom:var(--s6)}
.page-label{font-family:'Martian Mono',monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);display:block;margin-bottom:var(--s2)}
.page-title{color:var(--testo);font-weight:640;font-stretch:114%;letter-spacing:-.015em;line-height:1.05;
  font-size:clamp(2rem,4.4vw,3.2rem);margin-bottom:var(--s2)}
.page-subtitle,.page-intro{color:var(--corpo);font-size:1.1rem;line-height:1.5;max-width:60ch}
.page-updated{color:var(--dim);font-family:'Martian Mono',monospace;font-size:11px;margin-bottom:var(--s4)}

/* blog index cards */
.articles{display:grid;grid-template-columns:1fr;gap:1px;background:var(--filetto);border:1px solid var(--filetto);margin-top:var(--s4)}
.article-card{display:block;background:var(--fondo);padding:var(--s4);text-decoration:none;transition:background var(--step-fast) steps(2,end)}
.article-card:hover{background:var(--pannello)}
.card-meta{display:flex;flex-wrap:wrap;gap:var(--s2);font-family:'Martian Mono',monospace;font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:var(--dim);margin-bottom:var(--s2)}
.card-category{color:var(--segnale)}
.card-title{color:var(--testo);font-weight:600;font-stretch:106%;font-size:1.25rem;line-height:1.25;margin-bottom:var(--s2)}
.card-excerpt{color:var(--corpo);font-size:.98rem;line-height:1.55;max-width:70ch}
.card-arrow{display:inline-flex;align-items:center;gap:6px;margin-top:var(--s3);color:var(--corpo);font-family:'Martian Mono',monospace;font-size:11px;text-transform:uppercase;letter-spacing:.07em}
.article-card:hover .card-arrow{color:var(--testo)}
@media(min-width:760px){.articles{grid-template-columns:1fr 1fr}}

/* pensieri */
.posts-grid{display:grid;grid-template-columns:1fr;gap:var(--s3);margin-top:var(--s4)}
@media(min-width:760px){.posts-grid{grid-template-columns:1fr 1fr}}
.post-card{border:1px solid var(--filetto);background:var(--pannello);overflow:hidden}
.post-card iframe{width:100%;min-height:560px;border:0;display:block}
.linkedin-badge{display:inline-flex;align-items:center;gap:8px;margin-top:var(--s3);color:var(--corpo);text-decoration:none;
  border:1px solid var(--filetto);padding:8px 14px;font-size:.9rem}
.linkedin-badge:hover{color:var(--testo);border-color:var(--dim)}
.linkedin-badge svg{width:16px;height:16px;fill:currentColor}

/* contatti form */
.contact-host .dual-layout{display:grid;grid-template-columns:1fr;gap:var(--s8)}
@media(min-width:1000px){.contact-host .dual-layout{grid-template-columns:1.3fr 1fr}}
.column-label{font-family:'Martian Mono',monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin-bottom:var(--s3)}
.q-block{margin-bottom:var(--s4)}
.q-block label,.q-label{display:block;color:var(--testo);font-weight:540;margin-bottom:var(--s2);font-size:.98rem}
.q-hint{color:var(--dim);font-size:.85rem;margin-bottom:var(--s2)}
.q-options{display:flex;flex-wrap:wrap;gap:8px}
.q-option{border:1px solid var(--filetto);background:var(--fondo);color:var(--corpo);padding:9px 14px;cursor:pointer;
  font-family:'Archivo',sans-serif;font-size:.9rem;transition:color var(--step-fast) steps(2,end),border-color var(--step-fast) steps(2,end)}
.q-option:hover{color:var(--testo);border-color:var(--dim)}
.q-option.selected{border-color:var(--segnale);color:var(--testo);box-shadow:inset 0 0 0 1px var(--segnale)}
.contact-host input[type=text],.contact-host input[type=email],.contact-host textarea,.contact-host input:not([type]){
  width:100%;background:var(--fondo);border:1px solid var(--filetto);color:var(--testo);padding:12px 14px;
  font-family:'Archivo',sans-serif;font-size:1rem}
.contact-host input:focus,.contact-host textarea:focus{outline:2px solid var(--segnale);outline-offset:1px;border-color:var(--dim)}
.contact-host textarea{min-height:120px;resize:vertical}
.form-submit,#submitBtn{background:var(--testo);color:var(--fondo);border:0;padding:14px 24px;font-weight:640;font-family:'Archivo',sans-serif;font-size:15px;cursor:pointer;margin-top:var(--s2)}
.form-submit:hover,#submitBtn:hover{background:#fff}
.form-message,#formMessage{margin-top:var(--s3);font-size:.95rem}
.form-message.success,#formMessage.success{color:var(--ok)}
.form-message.error,#formMessage.error{color:#e8896f}
.cal-embed-wrapper{border:1px solid var(--filetto);margin-top:var(--s3)}
.cal-embed-wrapper iframe{width:100%;min-height:520px;border:0}
.column-label,.contact-host h2{color:var(--testo)}
.contact-host h2{font-weight:620;font-stretch:110%;font-size:1.4rem;margin-bottom:var(--s3)}

/* privacy toc */
.toc{border:1px solid var(--filetto);background:var(--pannello);padding:var(--s4);margin:var(--s4) 0;max-width:60ch}
.toc-title{font-family:'Martian Mono',monospace;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--dim);margin-bottom:var(--s2)}
.toc a{display:block;color:var(--corpo);text-decoration:none;padding:4px 0;font-size:.95rem}
.toc a:hover{color:var(--testo)}
.toc-separator{height:1px;background:var(--filetto);margin:var(--s2) 0}
.privacy-host .prose{max-width:72ch}

.prose{overflow-wrap:anywhere}
.prose pre{max-width:100%}
.privacy-host,.contact-host{min-width:0}
/* box autore articolo */
.author-section{margin-top:var(--s8);padding-top:var(--s4);border-top:1px solid var(--filetto);display:flex;align-items:center;gap:var(--s3)}
.author-avatar{width:44px;height:44px;border:1px solid var(--filetto);background:var(--pannello);display:flex;align-items:center;justify-content:center;
  font-family:'Martian Mono',monospace;font-size:12px;color:var(--dim);flex-shrink:0}
.author-name{color:var(--testo);font-weight:600;font-size:.95rem;margin-bottom:2px}
.author-bio{color:var(--dim);font-size:.85rem;line-height:1.5}
.back-cta{margin-top:var(--s6)}
.back-cta a{display:inline-flex;align-items:center;gap:8px;color:var(--corpo);text-decoration:none;border:1px solid var(--filetto);padding:10px 18px}
.back-cta a:hover{color:var(--testo);border-color:var(--dim)}
.back-cta svg{width:16px;height:16px;fill:currentColor}
/* fix contatti: dimensioni SVG, calendar reveal nascosto, step booking */
.contact-host svg{width:18px;height:18px;flex:none;stroke:currentColor;fill:none;stroke-width:2}
.contact-host .form-icon svg,.contact-host .contact-method svg{width:20px;height:20px}
.calendar-reveal{display:none;margin-top:var(--s3);border:1px solid var(--filetto)}
.calendar-reveal.visible{display:block}
.step-options{display:flex;flex-wrap:wrap;gap:8px;margin:var(--s2) 0 var(--s3)}
.step-option{border:1px solid var(--filetto);background:var(--fondo);color:var(--corpo);padding:9px 14px;cursor:pointer;font-size:.9rem;font-family:'Archivo',sans-serif}
.step-option:hover{color:var(--testo);border-color:var(--dim)}
.step-option.selected{border-color:var(--segnale);color:var(--testo);box-shadow:inset 0 0 0 1px var(--segnale)}
.qualifier-step{margin-bottom:var(--s4)}
.contact-method,.contact-direct{display:flex;align-items:center;gap:10px;color:var(--corpo)}

/* privacy: tabella cookie + diagramma consenso (stato semantico) */
.cookie-table{width:100%;border-collapse:collapse;margin:var(--s3) 0;font-size:.9rem;display:block;overflow-x:auto}
.cookie-table th,.cookie-table td{text-align:left;padding:10px 12px;border:1px solid var(--filetto);vertical-align:top}
.cookie-table th{font-family:'Martian Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--dim);font-weight:500}
.consent-diagram{display:grid;grid-template-columns:1fr;gap:var(--s3);margin:var(--s3) 0}
@media(min-width:640px){.consent-diagram{grid-template-columns:1fr 1fr}}
.consent-card{border:1px solid var(--filetto);background:var(--pannello);padding:var(--s3)}
.consent-card-title{font-weight:600;margin-bottom:var(--s2);font-size:.95rem}
.consent-card-title.green{color:var(--ok)}
.consent-card-title.red{color:#e8896f}

/* articoli: reel video */
.article-video-wrap{position:relative;margin:var(--s4) 0;border:1px solid var(--filetto);background:var(--pannello)}
.article-video,.article-video-wrap video{display:block;width:100%;height:auto}
.article-video-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(15,17,16,.4);cursor:pointer;border:0;color:var(--testo)}
.article-video-play svg{width:44px;height:44px}
.article-video-label{font-family:'Martian Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--dim);padding:8px 12px;border-top:1px solid var(--filetto)}

/* contatti: stati qualifier booking */
.qualifier-step{margin-bottom:var(--s4)}
.qualifier-step.locked{pointer-events:none;opacity:.35}
.step-number{font-family:'Martian Mono',monospace;font-size:11px;color:var(--dim)}
.step-header{display:flex;align-items:baseline;gap:10px;margin-bottom:var(--s2)}
.step-question{color:var(--testo);font-weight:540}
.step-next{background:var(--testo);color:var(--fondo);border:0;padding:12px 20px;font-weight:600;cursor:pointer;font-family:'Archivo',sans-serif;margin-top:var(--s2)}
.step-next:hover{background:#fff}
.response-badge{display:inline-flex;align-items:center;gap:8px;font-size:.85rem;color:var(--corpo);margin-top:var(--s2)}
.response-badge .dot{width:8px;height:8px;border-radius:50%;background:var(--ok)}
.q-row{display:grid;grid-template-columns:1fr;gap:var(--s2)}
@media(min-width:560px){.q-row{grid-template-columns:1fr 1fr}}
.q-number{font-family:'Martian Mono',monospace;font-size:11px;color:var(--dim)}