/* TASK 18 shared editorial controls. The original sections and route identities remain intact. */
:root{--t18-ink:#0a1d32;--t18-blue:#2856df;--t18-gold:#cba46a;--t18-paper:#f5f2eb;--t18-line:#aebbc8}
main :is(button,a,select,input,textarea,summary):focus-visible{outline:3px solid #366cf7;outline-offset:3px}
main :is(button,a,summary){-webkit-tap-highlight-color:transparent}
main button:not(:disabled):active,main a:active{transform:translateY(1px)}
.t18-native-select{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:0!important;opacity:0!important;pointer-events:none!important;clip-path:inset(50%)!important}
.t18-field{display:block;min-width:0;position:relative}
.t18-field>label{display:block;margin-bottom:8px;pointer-events:none}
.t18-select{position:relative;display:block;width:100%;min-width:0;font-family:Manrope,Arial,sans-serif;z-index:1}
.t18-select.is-open{z-index:30}
.t18-select-trigger{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;min-height:51px;padding:12px 17px;border:1px solid #9baabd;border-radius:0;background:linear-gradient(135deg,#f8f7f3,#e9eef5);color:#102840;text-align:left;font:600 14px/1.35 Manrope,Arial,sans-serif;letter-spacing:0;text-transform:none;cursor:pointer;transition:border-color .24s,box-shadow .24s,background .24s}
.t18-select-trigger:hover,.t18-select.is-open .t18-select-trigger{border-color:var(--t18-blue);box-shadow:inset 0 0 0 1px #2856df35;background:#fff}
.t18-select-trigger i{display:block;flex:none;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .25s}
.t18-select.is-open .t18-select-trigger i{transform:rotate(225deg) translateY(-2px)}
.t18-select-list{position:absolute;left:0;right:0;top:calc(100% + 5px);max-height:min(320px,45vh);overflow:auto;border:1px solid #8da4c2;background:#f7f5f0;color:#102840;box-shadow:0 20px 40px #1028402d;animation:t18-list-in .18s ease both}
.t18-select-list[hidden]{display:none}
.t18-select-option{display:block;padding:12px 16px;border-bottom:1px solid #d6dce2;font:500 13px/1.4 Manrope,Arial,sans-serif;cursor:pointer;transition:background .18s,color .18s}
.t18-select-option:last-child{border-bottom:0}
.t18-select-option:hover,.t18-select-option:focus-visible{background:#dce7ff;color:#122b62;outline:0}
.t18-select-option[aria-selected=true]{background:#2656df;color:#fff;font-weight:700}
@keyframes t18-list-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
.t18-share-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;width:max-content;max-width:100%;margin:22px 0 28px;padding:7px;border:1px solid #aab7c6;background:#f6f4edeb;color:#102840;box-shadow:7px 7px 0 #aab7c625}
.t18-share-actions button{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px 12px;border:0;background:transparent;color:inherit;font:700 11px/1.2 Manrope,Arial,sans-serif;letter-spacing:.02em;text-transform:none;cursor:pointer;transition:background .2s,color .2s}
.t18-share-actions button:hover{background:#102c4f;color:#fff}
.t18-share-actions svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.t18-card-share{display:flex;gap:7px;flex-wrap:wrap;padding:8px 0 0;border-top:1px solid #aebbc8;margin-top:12px}
.t18-card-share button{display:inline-flex;align-items:center;gap:5px;min-height:38px;padding:7px 10px;border:1px solid #8b9eb4;background:transparent;color:#183958;font:700 10px/1.2 Manrope,Arial,sans-serif;cursor:pointer;transition:background .2s,color .2s}
.t18-card-share button:hover{background:#163a66;color:#fff}
.t18-card-share svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
main:has(> [data-theme=dark]) .t18-share-actions{border-color:#718aa6;background:#0e2945;color:#f7f6f1}
body[data-route^="modelli"] [data-editorial-system] .cat-model-opening .cat-copy{min-width:0}
body[data-route^="modelli"] [data-editorial-system] .cat-model-opening .zi-title-lead{font-size:clamp(34px,3.4vw,49px);line-height:1.03;overflow-wrap:anywhere;hyphens:auto;max-width:100%}
body[data-route^="modelli"] [data-editorial-system] .cat-model-opening .zi-title-tail{font-size:clamp(38px,4vw,58px)}
/* Clear chapter controls across the animated examples. */
body[data-page=home] #main .zh-home .zh-process-controls{width:min(100%,850px);max-width:850px;border:0;display:flex;align-items:stretch;gap:4px;margin:24px auto 28px;padding:5px;background:#dce3eb;box-shadow:inset 0 0 0 1px #93a7bd}
body[data-page=home] #main .zh-home .zh-process-controls button{flex:1 1 0;min-width:0;min-height:76px;padding:11px 8px;border:1px solid transparent;background:transparent;color:#24415e;font:600 11px/1.3 Manrope,Arial,sans-serif;letter-spacing:0;text-align:left;transition:background .24s,color .24s,box-shadow .24s,transform .24s}
body[data-page=home] #main .zh-home .zh-process-controls button:hover{transform:translateY(-3px);background:#f1f5fb}
body[data-page=home] #main .zh-home .zh-process-controls button[aria-pressed=true]{background:#0d2d53;color:#fff;box-shadow:0 8px 20px #10263b36}
body[data-page=home] #main .zh-home .zh-process-controls button::after{height:3px;left:8px;right:8px;bottom:5px;background:#cbab76;opacity:0;transition:opacity .25s}
body[data-page=home] #main .zh-home .zh-process-controls button[aria-pressed=true]::after{left:8px;right:8px;opacity:1}
body[data-page=home] #main .zh-home .zh-process-controls button:first-child{flex:0 0 94px;border:0;border-right:1px solid #9fb0c3;font-size:10px;text-align:center;letter-spacing:0}
body[data-page=home] #main .zh-home .zh-process-controls button:first-child:not([hidden]){display:grid;place-items:center}
.t18-step-index{display:block;font:800 10px/1 Manrope,Arial,sans-serif;color:#3564df;margin-bottom:6px;letter-spacing:.12em}
button[aria-pressed=true] .t18-step-index{color:#d3b075}
.t18-step-label{display:block;text-wrap:balance}
/* Rebuilt social composition and generated image. */
body[data-page=home] #main .zh-home #HOME-SOCIAL{position:relative;overflow:hidden;background:linear-gradient(120deg,#e8edf3,#f5f2e9 58%,#e2e7ed);padding-block:clamp(70px,8vw,130px)}
body[data-page=home] #main .zh-home #HOME-SOCIAL::before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),#14375212 calc(25% - 1px),#14375212 25%);opacity:.5}
body[data-page=home] #main .zh-home #HOME-SOCIAL .zh-social-composition{position:relative;max-width:1440px;gap:36px clamp(30px,5vw,100px);grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);align-items:center}
body[data-page=home] #main .zh-home #HOME-SOCIAL .zh-social-copy{position:relative;z-index:2}
body[data-page=home] #main .zh-home #HOME-SOCIAL .zh-social-copy h2{font-size:clamp(48px,5vw,86px);line-height:.93;max-width:11ch}
body[data-page=home] #main .zh-home #HOME-SOCIAL .zh-social-lede{font-size:clamp(16px,1.45vw,21px);max-width:38ch}
body[data-page=home] #main .zh-home #HOME-SOCIAL .zh-social-figure{position:relative;overflow:hidden;min-width:0;box-shadow:24px 24px 0 #0e3150,0 35px 80px #132c4f28;transform-style:preserve-3d}
body[data-page=home] #main .zh-home #HOME-SOCIAL .zh-social-figure::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--t18-glow-x,65%) var(--t18-glow-y,48%),#ffe0a52d,transparent 42%);mix-blend-mode:screen}
body[data-page=home] #main .zh-home #HOME-SOCIAL .zh-social-figure img{width:100%;aspect-ratio:1586/992;object-fit:cover;filter:saturate(.94) contrast(1.03)}
body[data-page=home] #main .zh-home #HOME-SOCIAL .zh-social-figure figcaption{position:relative;z-index:1;min-height:46px;background:#0c2541}
body[data-page=home] #main .zh-home #HOME-SOCIAL .zh-social-links{margin-top:28px;padding-top:30px;border-top:1px solid #9eacbc}
body[data-page=home] #main .zh-home #HOME-SOCIAL .zh-social-links a{border-color:#8fa1b4;background:#f6f4ed}
/* Request forms belong to the same editorial system as project configuration. */
.zh-request-form .t18-request-consent{font:500 12px/1.55 Manrope,Arial,sans-serif;letter-spacing:0;text-transform:none}
.zh-request-form .t18-request-consent input{width:18px;min-height:18px;height:18px;vertical-align:middle;margin-right:8px;accent-color:#2656df}
.zh-request-form .zh-request-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
.zh-request-form .zh-request-fields label:first-child{grid-column:auto}
body[data-page=home] #main #RICHIESTA-PROGETTO .zh-request-form{background:#fff9;padding:clamp(20px,3vw,38px);border:1px solid #acbac8;box-shadow:16px 16px 0 #b4c4d240}
#MODELLI-HELP .zh-request-form{border:1px solid #8da7c4;padding:clamp(20px,3vw,38px);background:#0e2a46}
.zh-request-form input[type=file]{max-width:100%}
.t18-project-loading{display:flex;align-items:center;justify-content:center;gap:18px;min-height:320px;padding:30px;color:#173856;font:600 clamp(15px,1.5vw,20px)/1.35 Manrope,Arial,sans-serif;text-align:center}
.t18-project-loading-mark{display:grid;place-items:center;width:64px;height:64px;border:1px solid #8ba0b9;border-radius:50%;color:#2856df;font:italic 700 29px/1 Georgia,serif;box-shadow:0 0 0 10px #d8e3f08a;animation:t18-loading 2.4s ease-in-out infinite}
@keyframes t18-loading{50%{box-shadow:0 0 0 19px #d8e3f026;transform:scale(1.04)}}
@media(min-width:768px) and (max-width:900px){body[data-v2-shell] .site-header .header-guide-name{display:none!important}body[data-v2-shell] .site-header .header-tools{gap:5px!important}body[data-v2-shell] .site-header .header-tools>.header-cart{gap:4px;padding-inline:4px}}
@media(max-width:900px){body[data-page=home] #main .zh-home #HOME-SOCIAL .zh-social-composition{grid-template-columns:1fr}body[data-page=home] #main .zh-home #HOME-SOCIAL .zh-social-figure{grid-column:1;grid-row:2}body[data-page=home] #main .zh-home #HOME-SOCIAL .zh-social-links{grid-column:1;grid-row:3}body[data-page=home] #main .zh-home .zh-process-controls{overflow-x:auto;justify-content:flex-start}body[data-page=home] #main .zh-home .zh-process-controls button{flex:0 0 125px}}
@media(max-width:600px){body[data-page=home] #main .zh-home #HOME-SOCIAL{padding-inline:6vw}body[data-page=home] #main .zh-home #HOME-SOCIAL .zh-social-figure{box-shadow:12px 12px 0 #0e3150}body[data-page=home] #main .zh-home .zh-process-controls button{min-height:70px;flex-basis:112px}body[data-page=home] #main .zh-home .zh-process-controls button:first-child{flex-basis:86px}.zh-request-form .zh-request-fields{grid-template-columns:1fr}.t18-select-list{max-height:45vh}}
@media(max-width:480px){body[data-v2-shell] .site-header .header-inner{padding-inline:12px;gap:6px}body[data-v2-shell] .site-header .brand,body[data-v2-shell] .site-header .brand-original{width:100px}body[data-v2-shell] .site-header .header-tools{gap:2px}body[data-v2-shell] .site-header :is(.search-trigger,.menu-button){min-width:40px;width:40px}body[data-v2-shell] .site-header .header-tools>.header-cart{padding-inline:2px;gap:3px}body[data-v2-shell] .site-header .header-tools>.header-contact{padding-inline:3px;font-size:10px;letter-spacing:0}}
@media(max-width:359px){body[data-v2-shell] .site-header .brand,body[data-v2-shell] .site-header .brand-original{width:90px}body[data-v2-shell] .site-header .header-tools>.header-contact{min-width:38px;width:38px;padding:0;font-size:0}body[data-v2-shell] .site-header .header-contact svg{display:block;width:28px;height:28px;padding:6px}}
@media(max-width:600px){body:is(.essential,.business,.signature) .sherlock-dock{height:48px;bottom:14px}body:is(.essential,.business,.signature) .sherlock-dock .zh-speech-toggle,body:is(.essential,.business,.signature) .sherlock-dock .zh-chat-label{display:none!important}body:is(.essential,.business,.signature) .sherlock-dock .sherlock-launch{height:46px;overflow:hidden}}
@media(prefers-reduced-motion:reduce){.t18-select-list,.t18-project-loading-mark{animation:none}.t18-select-trigger,.t18-select-option,.t18-share-actions button,body[data-page=home] #main .zh-home .zh-process-controls button{transition:none!important}body[data-page=home] #main .zh-home #HOME-SOCIAL .zh-social-figure img{transform:none!important}}
