/* BAVAGLIO STEP27 - CSS unico, sorgenti preservati in ordine di caricamento. */

/* ===== SORGENTE: css/bavaglio.css ===== */
:root{--bg:#171717;--panel:#202020;--paper:#272727;--ink:#f2eee7;--muted:#aaa6a0;--line:#3d3936;--red:#d62630;--glass:rgba(255,255,255,.055);color-scheme:dark}html[data-theme=light]{--bg:#f2eee5;--panel:#faf7ef;--paper:#fffdf6;--ink:#24201d;--muted:#706a65;--line:#d4c9bb;--glass:rgba(255,255,255,.58);color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 Arial,Helvetica,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:hover{color:var(--red)}.accent,.red-dot{color:var(--red)}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip:focus{position:fixed;z-index:300;background:var(--paper);padding:12px}.top-rule{height:5px;background:var(--red)}.masthead{background:#faf9f5;border-bottom:1px solid #c6bdb3}.mast-inner{max-width:1600px;margin:auto;padding:20px 35px 10px}.main-logo{display:block;max-width:min(100%,1050px);height:auto;max-height:330px;object-fit:contain;margin:auto}.mast-actions{border-top:1px solid #d5d0c8;margin-top:8px;display:flex;justify-content:space-between;align-items:center;color:#292626;gap:10px;padding:10px 2px 0;font-size:11px;font-weight:900;letter-spacing:.16em}.text-button{background:none;border:1px solid #c5b9b1;border-radius:30px;color:#292626;padding:6px 13px;font-weight:800;font-size:11px}.search-dock{position:sticky;top:0;z-index:50;background:var(--bg);padding:15px 35px;border-bottom:1px solid var(--line);box-shadow:0 12px 24px rgba(0,0,0,.12)}.search-wrap{max-width:1530px;margin:auto;display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:8px 15px}.search-icon{font-size:31px;color:var(--red);line-height:1}.search-wrap input{flex:1;min-width:0;background:none;border:0;outline:0;color:var(--ink);font-weight:700;font-size:14px;padding:9px 0}.search-wrap input::placeholder{color:var(--muted)}.clear{background:none;border:0;color:var(--ink);font-size:25px}.result-count{font-size:11px;font-weight:900;letter-spacing:.1em;color:var(--muted);white-space:nowrap}.layout{max-width:1600px;margin:auto;display:grid;grid-template-columns:250px minmax(0,1fr);gap:35px;padding:40px 35px 95px}.tag-panel{border-right:1px solid var(--line);padding-right:20px}.side-sticky{position:sticky;top:115px}.side-kicker,.eyebrow{font-size:10px;font-weight:900;letter-spacing:.17em;color:var(--muted)}.tag-panel h2{font-size:24px;letter-spacing:-.05em;margin:6px 0 22px}.tag-cloud{display:flex;flex-wrap:wrap;align-items:baseline;gap:7px 8px}.tag{display:inline-flex;align-items:baseline;gap:4px;background:transparent;border:0;color:var(--ink);padding:3px 2px;transition:transform .15s,color .15s;font-weight:800;line-height:1.2}.tag:nth-child(5n+1){font-size:18px;transform:rotate(-2deg)}.tag:nth-child(4n+2){font-size:12px;transform:rotate(2deg)}.tag:nth-child(7n+3){font-size:16px}.tag:hover,.tag.active{color:var(--red);transform:translateX(4px)}.tag small{font-size:10px;color:var(--muted);font-weight:500}.reset-filter{margin-top:25px;padding:11px 0;background:none;border:0;border-top:1px solid var(--line);color:var(--red);font-weight:900;font-size:11px;letter-spacing:.08em;text-align:left;width:100%}.side-note{font-size:11px;color:var(--muted);margin-top:20px}.feed{min-width:0}.feed-heading{display:flex;justify-content:space-between;align-items:end;border-bottom:2px solid var(--ink);padding-bottom:17px;margin-bottom:25px}.feed-heading h1{font-size:clamp(35px,4vw,64px);line-height:.95;letter-spacing:-.075em;margin:9px 0 0;font-weight:1000}.feed-counter{font-size:12px;font-weight:900;color:var(--muted)}.masonry{columns:3 235px;column-gap:20px}.card{display:inline-block;width:100%;margin:0 0 21px;break-inside:avoid;background:var(--glass);border:1px solid var(--line);border-radius:17px;padding:10px;box-shadow:inset 0 1px rgba(255,255,255,.12),0 10px 24px rgba(0,0,0,.12);transition:transform .2s,border-color .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);border-color:var(--red);box-shadow:0 18px 35px rgba(0,0,0,.23)}.card button{display:block;width:100%;padding:0;border:0;background:none;text-align:left;color:inherit}.card img{width:100%;height:auto;display:block;border-radius:9px;background:#fff}.card-meta{padding:13px 5px 5px}.card-kicker{font-size:10px;color:var(--red);font-weight:900;letter-spacing:.1em}.card-title{font-size:17px;line-height:1.18;font-weight:900;letter-spacing:-.025em;margin:7px 0}.card-date{font-size:11px;color:var(--muted)}.empty,.loading{text-align:center;padding:70px 20px;color:var(--muted)}.more{display:block;margin:25px auto;padding:14px 25px;border:1px solid var(--line);border-radius:5px;background:var(--panel);color:var(--ink);font-weight:900}.site-footer{border-top:3px solid var(--red);display:flex;gap:20px;align-items:center;flex-wrap:wrap;padding:25px max(35px,calc((100vw - 1530px)/2));background:var(--panel)}.site-footer img{object-fit:contain}.site-footer strong{font-size:22px}.site-footer p{font-size:10px;color:var(--muted);margin:0}.site-footer>span{margin-left:auto;color:var(--muted);font-size:11px}.site-footer button{border:0;background:none;color:var(--muted);font-size:11px}.float-left{position:fixed;left:0;bottom:90px;display:flex;flex-direction:column;gap:4px;z-index:60}.float-left button{background:var(--red);color:#fff;border:0;border-radius:0 5px 5px 0;font-size:10px;letter-spacing:.1em;font-weight:900;padding:11px 9px;writing-mode:vertical-rl;transform:rotate(180deg)}.whatsapp{position:fixed;bottom:25px;right:25px;border:2px solid var(--ink);border-radius:50%;width:55px;height:55px;background:var(--panel);display:grid;place-items:center;font-weight:1000;z-index:60}dialog{border:0;padding:0;color:var(--ink);background:var(--panel);box-shadow:0 30px 120px rgba(0,0,0,.75)}dialog::backdrop{background:rgba(0,0,0,.83);backdrop-filter:blur(6px)}.art-dialog{width:min(1180px,95vw);max-height:94vh;border-radius:15px}.dialog-frame{position:relative}.dialog-close{position:absolute;z-index:5;right:15px;top:10px;background:var(--red);color:white;border:0;border-radius:50%;width:39px;height:39px;font-size:26px;line-height:1}.dialog-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.8fr)}.dialog-image{display:grid;place-items:center;padding:20px;background:#131313;min-height:300px}.dialog-image img{display:block;max-width:100%;max-height:84vh;object-fit:contain}.dialog-details{padding:55px 35px 30px;overflow:auto;max-height:92vh}.dialog-details h2{font-size:clamp(25px,3vw,44px);line-height:1.06;letter-spacing:-.055em}.dialog-details p{white-space:pre-wrap;color:var(--muted)}.dialog-tags{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}.dialog-tags button{border:1px solid var(--line);border-radius:25px;background:var(--glass);padding:7px 10px;color:var(--ink);font-size:12px}.dialog-social{display:flex;gap:9px;flex-wrap:wrap}.social-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 12px;border:1px solid var(--line);border-radius:6px;font-size:11px;font-weight:900}.social-link:hover{border-color:var(--red)}.social-icon{display:inline-grid;place-items:center;background:var(--ink);color:var(--bg);width:23px;height:23px;border-radius:4px;font-size:13px;font-weight:900}.signature{display:block;max-width:190px;width:65%;height:auto;margin:25px 0;opacity:.8}.permalink{font-size:11px;color:var(--red);font-weight:900}.dialog-nav{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);margin-top:30px;padding-top:15px}.dialog-nav button{background:none;border:0;color:var(--ink);font-size:11px;font-weight:900}.dialog-nav button:disabled{opacity:.25}.form-dialog{width:min(530px,94vw);border-radius:12px;max-height:92vh}.form-body{padding:45px 30px;position:relative}.form-body h2{font-size:37px;margin:7px 0}.form-body p,.form-body small{color:var(--muted)}.form-body label{display:block;font-size:12px;font-weight:800;margin:15px 0}.form-body input,.form-body textarea{display:block;width:100%;margin-top:5px;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:5px;padding:12px}.form-body .send{background:var(--red);border:0;border-radius:5px;color:#fff;font-weight:900;padding:12px 18px}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.article-wrap{max-width:950px;margin:30px auto 80px;padding:0 22px}.article-wrap h1{font-size:clamp(32px,5vw,65px);line-height:1.06;letter-spacing:-.05em}.article-wrap>img{width:100%;height:auto;background:#fff;border:10px solid var(--glass);border-radius:14px}.article-wrap .article-description{white-space:pre-wrap;line-height:1.8}.article-wrap .dialog-tags{margin:25px 0}.article-wrap .signature{max-width:220px}.article-wrap .back{display:inline-block;margin:20px 0;color:var(--red);font-weight:900}@media(max-width:950px){.layout{grid-template-columns:1fr;padding:30px 24px}.tag-panel{border-right:0;border-bottom:1px solid var(--line);padding:0 0 22px}.side-sticky{position:static}.tag-cloud{max-height:110px;overflow:auto}.side-note{display:none}.masonry{columns:2 220px}.dialog-layout{grid-template-columns:1fr}.dialog-image img{max-height:58vh}.dialog-details{max-height:none;padding:30px}.art-dialog{overflow:auto}}@media(max-width:550px){.mast-inner{padding:10px 14px}.mast-actions{font-size:9px}.search-dock{padding:10px}.search-wrap input{font-size:12px}.result-count{font-size:9px}.layout{padding:22px 15px 60px}.masonry{columns:1}.feed-heading h1{font-size:38px}.float-left{bottom:105px}.float-left button{font-size:9px;padding:8px 5px}.site-footer{padding:20px}.dialog-image{padding:10px}.dialog-details{padding:22px}.dialog-details h2{font-size:28px}}

/* STEP 3 — revisioni richieste: tema continuo, header compatto, tag uniformi, drawer */
:root{--bg:#111111;--panel:#181818;--paper:#202020;--line:#343434;--glass:rgba(255,255,255,.045)}
html[data-theme=light]{--bg:#e9e6df;--panel:#f1eee8;--paper:#faf8f2;--line:#ccc4b9}
body{background:var(--bg)}.top-rule{display:none}
.masthead{background:var(--bg);border-bottom:1px solid var(--line);position:relative;z-index:52}
.mast-inner{max-width:none;min-height:100px;padding:8px 32px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.mast-inner>a{display:flex;align-items:center;min-width:0;flex:0 1 355px}
.main-logo{width:100%;max-width:355px;max-height:95px;object-fit:contain;object-position:left center;margin:0;mix-blend-mode:normal}
.mast-actions{border:0;margin:0;padding:0;color:var(--ink);justify-content:flex-end;gap:28px;white-space:nowrap}
.text-button{border:1px solid var(--line);color:var(--ink);background:var(--panel)}
.search-dock{background:var(--bg);padding:12px 32px}.search-wrap{max-width:none}
.layout{max-width:none;grid-template-columns:228px minmax(0,1fr);gap:22px;padding:24px 32px 80px}
.tag-panel{padding-right:18px}.side-sticky{top:96px}.side-kicker{font-size:11px;margin:2px 0 16px}.tag-panel h2{display:none}
.tag-cloud{display:block;line-height:1.8;max-width:100%}
.tag{position:relative;display:inline-flex;vertical-align:baseline;align-items:baseline;gap:3px;white-space:nowrap;font-size:11px!important;line-height:1.6;font-weight:750;letter-spacing:0;transform:none!important;rotate:0!important;padding:1px 1px 3px;margin:0 6px 1px 0;transition:color .22s ease,translate .22s ease}
.tag:nth-child(n){font-size:11px!important;transform:none!important}
.tag::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--red);transition:right .32s cubic-bezier(.2,.7,.2,1)}
.tag:hover,.tag.active{color:var(--red);translate:2px -1px}
.tag:hover::after,.tag.active::after{right:0}
.tag small{font-size:9px;font-weight:500;color:var(--muted)}
.reset-filter{margin-top:18px}.side-reserved{min-height:170px;border-top:1px solid var(--line);margin-top:26px}
.feed-heading{min-height:24px;padding:0;margin:0 0 15px;border:0;display:flex;align-items:center;justify-content:space-between}
.future-filters{flex:1;min-height:12px}.feed-counter{font-size:10px;letter-spacing:.05em}
.masonry{columns:3 240px;column-gap:16px}.card{margin-bottom:16px}
.card-meta{padding:10px 5px 6px}.card-kicker{display:none}.card-date{display:none}.card-title{font-size:15px;margin:0 0 10px}
.card-social{display:flex;align-items:center;gap:10px;margin-top:10px}
.card-social .brand-icon{width:21px;height:21px;display:inline-flex;align-items:center;justify-content:center;transition:transform .2s,opacity .2s}
.card-social .brand-icon:hover{transform:translateY(-2px)}.card-social .brand-icon.is-disabled{opacity:.26;filter:grayscale(1);cursor:default}
.brand-icon svg{display:block;width:100%;height:100%}
.float-right{position:fixed;right:0;top:43%;display:flex;flex-direction:column;gap:6px;z-index:75;align-items:flex-end}
.float-right button{border:0;color:white;border-radius:9px 0 0 9px;writing-mode:vertical-rl;transform:none;font-size:10px;font-weight:900;letter-spacing:.12em;padding:13px 10px;min-height:96px}
.float-right button[data-modal=problem]{background:#79131b}.float-right button[data-modal=feedback]{background:#a91c27}
.whatsapp{right:17px;bottom:20px}
.drawer-dialog{position:fixed!important;inset:0 0 0 auto!important;margin:0!important;height:100dvh;max-height:100dvh;width:min(460px,calc(100vw - 26px));max-width:none;border-radius:16px 0 0 16px;border-left:2px solid #8e1b24;transform:translateX(103%);opacity:1;transition:transform .48s cubic-bezier(.2,.75,.15,1),display .48s allow-discrete,overlay .48s allow-discrete;overflow-y:auto}
.drawer-dialog[open]{transform:translateX(0)}
@starting-style{.drawer-dialog[open]{transform:translateX(103%)}}
.drawer-dialog::backdrop{background:rgba(0,0,0,.42);backdrop-filter:none;transition:background .45s}
.drawer-dialog .form-body{padding:68px 28px 40px}
@media(max-width:950px){.layout{grid-template-columns:1fr;gap:20px;padding:20px 24px}.tag-panel{padding:0 0 15px}.tag-cloud{max-height:115px;overflow:auto}.side-reserved{display:none}.mast-inner{min-height:85px}.mast-inner>a{flex-basis:300px}.main-logo{max-width:300px}.masonry{columns:2 230px}}
@media(max-width:550px){.mast-inner{padding:9px 14px;min-height:75px;gap:8px}.mast-inner>a{flex-basis:215px}.main-logo{max-width:215px;max-height:67px}.edition{display:none}.mast-actions{gap:0}.search-dock{padding:10px 14px}.layout{padding:18px 14px 60px}.masonry{columns:1}.float-right{top:46%}.float-right button{font-size:9px;min-height:75px;padding:9px 6px}.drawer-dialog{width:min(430px,calc(100vw - 16px))}}

/* STEP 4: sidebar a tutta altezza, ricerca e filtri soltanto nel contenuto */
html[data-theme=dark]{--bg:#101010;--panel:#171717}
.masthead{display:none!important}.layout{display:grid;grid-template-columns:252px minmax(0,1fr);gap:0;max-width:none;margin:0;padding:0;min-height:100vh}.tag-panel{border-right:1px solid var(--line);padding:26px 20px 35px 24px;min-height:100vh;background:var(--bg)}.side-sticky{position:sticky;top:22px;max-height:calc(100vh - 36px);overflow-y:auto;scrollbar-width:thin}.side-kicker{margin-bottom:16px}.tag-cloud{display:block}.side-reserved{min-height:clamp(24px,9vh,100px);margin-top:20px}.sidebar-brand{display:block;margin-top:15px;width:100%}.sidebar-brand img{display:block;width:100%;height:auto;object-fit:contain}.sidebar-theme{display:block;margin-top:18px}.feed{padding:0 30px 75px;min-width:0}.search-dock{position:sticky;top:0;z-index:50;padding:22px 0 14px;border-bottom:1px solid var(--line);box-shadow:0 9px 24px rgba(0,0,0,.17);background:var(--bg)}.search-wrap{max-width:none}.keyword-section{padding-top:13px}.keyword-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px;font-size:11px;letter-spacing:.1em;color:var(--muted)}.keyword-heading button{border:0;background:none;color:var(--red);font-size:10px;font-weight:800}.keyword-cloud{display:flex;flex-wrap:wrap;align-content:start;gap:7px;max-height:113px;overflow:hidden}.keyword-button{border:1px solid #5a3032;background:#24191b;color:#e5d7d7;padding:6px 12px;border-radius:100px;font-size:11px;line-height:1.25;font-weight:750;transition:background .2s,border-color .2s,transform .2s}.keyword-button:hover{border-color:#e0444a;transform:translateY(-2px)}.keyword-button.active{background:#a91d28;border-color:#d53741;color:#fff}.feed-heading{margin:8px 0 13px;min-height:20px}.card-image{display:block;position:relative}.zoom-cue{position:absolute;right:10px;bottom:10px;display:grid;place-items:center;width:31px;height:31px;border-radius:50%;color:white;background:rgba(10,10,10,.8);border:1px solid rgba(255,255,255,.55);font-size:26px;line-height:1;opacity:.9;transition:transform .2s,background .2s}.card:hover .zoom-cue{transform:scale(1.13);background:#a91d28}.card{height:auto;break-inside:avoid}.card-title{height:auto;white-space:normal;overflow-wrap:anywhere}.masonry{columns:3 235px}.site-footer{margin-left:252px}.sidebar-brand img{mix-blend-mode:normal}@media(max-width:950px){.layout{grid-template-columns:190px minmax(0,1fr)}.tag-panel{padding:18px 12px;min-height:100vh}.feed{padding:0 17px 50px}.site-footer{margin-left:190px}.masonry{columns:2 220px}}@media(max-width:650px){.layout{display:flex;flex-direction:column}.tag-panel{order:2;min-height:auto;border-right:0;border-top:1px solid var(--line);padding:18px}.side-sticky{position:static;max-height:none}.side-reserved{display:none}.sidebar-brand{max-width:220px;margin:18px auto}.sidebar-theme{margin:15px auto}.feed{order:1;padding:0 13px 40px}.search-dock{padding:12px 0}.keyword-cloud{max-height:96px}.site-footer{margin-left:0}.masonry{columns:1}.tag-cloud{max-height:none}.feed-heading{margin:6px 0 12px}}

/* STEP 5: editorial sidebar, legal drawers, fixed controls */
:root{--bg:#101010;--panel:#1a1a1a;--paper:#202020}
.layout{grid-template-columns:292px minmax(0,1fr)}.tag-panel{padding:14px 18px 36px 18px}.side-sticky{position:static;max-height:none;overflow:visible}.sidebar-identity{position:sticky;top:0;z-index:12;background:var(--bg);padding:8px 0 16px;margin-bottom:19px;border-bottom:1px solid var(--line)}.sidebar-brand{display:block;margin:0;width:100%}.sidebar-brand img{display:block;width:100%;height:auto;max-height:92px;object-fit:contain;object-position:left center}.sidebar-intro{font-size:11px;line-height:1.55;color:var(--muted);margin:11px 0 0}.side-kicker{font-size:11px}.side-editorial{border-top:1px solid var(--line);margin-top:22px;padding-top:7px}.editorial-item{border-bottom:1px solid var(--line);padding:10px 0}.editorial-item h3{font-size:12px;line-height:1.2;margin:0 0 4px;font-weight:900;color:var(--ink)}.editorial-item p{font-size:11px;line-height:1.45;color:var(--muted);margin:0}.site-footer{margin-left:292px;display:flex;justify-content:space-between;gap:16px}.footer-brand{display:flex;align-items:center;gap:10px}.footer-links{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.footer-links button{padding:8px 11px;border:1px solid var(--line);border-radius:20px;color:var(--ink);background:var(--glass);font-size:11px}.footer-links button:hover{border-color:var(--red);color:var(--red)}.random-button{background:#a51520!important;color:#fff!important;border-color:#d02b35!important;font-weight:900!important}.random-button:hover{background:#cc1c2b!important}.card-social{flex-wrap:wrap}.card-social-label{font-size:9px;letter-spacing:.06em;font-weight:900;color:var(--muted);white-space:nowrap}.float-right{top:35%}.float-right .floating-theme{min-height:43px!important;width:37px;padding:8px!important;writing-mode:horizontal!important;border-radius:9px 0 0 9px;background:#262626;color:#fff;font-size:22px!important;line-height:1}.whatsapp{background:#1c8f4d;color:#fff;border-color:#155f35}.policy-dialog{width:min(680px,95vw);max-height:90vh;overflow-y:auto}.policy-body{line-height:1.65;font-size:14px}.policy-body p{color:var(--ink)}.policy-body select{background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:10px}.inline-mail{color:var(--red);background:none;border:0;text-decoration:underline;cursor:pointer}.policy-dialog .send{margin-top:16px}.tag{font-size:12px!important;transform:none!important}.tag:hover,.tag.active{transform:translateY(-2px)!important}.tag-cloud{display:flex;flex-wrap:wrap;gap:5px 7px}.tag{position:relative}.tag:after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--red);transition:width .22s}.tag:hover:after,.tag.active:after{width:100%}
@media(max-width:950px){.layout{grid-template-columns:230px minmax(0,1fr)}.site-footer{margin-left:230px}.sidebar-brand img{max-height:80px}}
@media(max-width:650px){.layout{display:flex;flex-direction:column}.tag-panel{order:2;padding:20px}.sidebar-identity{position:static}.sidebar-brand{max-width:300px;margin:0}.side-editorial{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.editorial-item{padding:10px}.site-footer{margin-left:0}.footer-links{justify-content:flex-start}.float-right{top:40%}}


/* BAVAGLIO STEP 6 - Etichette editoriali */
.card{position:relative;overflow:visible;border:2px solid transparent;transition:border-color .25s ease,box-shadow .25s ease}
.card.card-flag-top{border-color:#d91c2c;box-shadow:0 0 15px #d91c2c33}
.card.card-flag-new{border-color:#278dff;box-shadow:0 0 15px #278dff33}
.card.card-flag-hot{border-color:#efc52d;box-shadow:0 0 15px #efc52d33}
.card.card-flag-fixed{border-color:#a85cf2;box-shadow:0 0 17px #a85cf244}
.card-flags{position:absolute;top:-9px;right:10px;z-index:5;display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end;max-width:90%;pointer-events:none}
.card-flag{display:inline-block;transform:rotate(7deg);font-size:11px;font-weight:900;letter-spacing:.06em;padding:5px 9px;border-radius:3px;color:#fff;background:#444;box-shadow:0 3px 7px #0008}
.card-flag.flag-top{background:#d91c2c}.card-flag.flag-new{background:#278dff}.card-flag.flag-hot{background:#efc52d;color:#151515}.card-flag.flag-fixed{background:#a85cf2}
.flag-fieldset{border:1px solid #555;border-radius:10px;margin:18px 0;padding:12px}.flag-fieldset legend{font-weight:800;padding:0 8px}.flag-fieldset p{font-size:13px;opacity:.8}.flag-check{display:inline-flex;align-items:center;gap:7px;margin:8px 16px 8px 0;cursor:pointer}.flag-check input{width:auto;accent-color:#b22232}


/* ===== SORGENTE: css/step7.css ===== */

/* STEP 7: Sidebar espandibile e icona WhatsApp */
.editorial-expand{display:inline-flex;align-items:center;gap:8px;background:transparent;border:0;color:var(--red);font-size:11px;font-weight:800;letter-spacing:.06em;padding:12px 0;cursor:pointer}
.editorial-expand span{font-size:16px;letter-spacing:2px;line-height:1}
.editorial-expand:hover{text-decoration:underline;text-underline-offset:4px}
#editorialExtra[hidden]{display:none!important}
.whatsapp img{width:36px;height:36px;object-fit:contain;display:block}


/* ===== SORGENTE: css/step8.css ===== */
/* BAVAGLIO - STEP 8: affinamenti non distruttivi */
body{background-image:linear-gradient(rgba(23,23,23,.22),rgba(23,23,23,.22)),url('/assets/branding/wallpaper.jpg');background-size:cover;background-position:center top;background-attachment:fixed;background-repeat:no-repeat}
html[data-theme="light"] body{background-image:linear-gradient(rgba(242,238,229,.25),rgba(242,238,229,.25)),url('/assets/branding/wallpaper.jpg')}
/* Mantiene leggibile il campo di ricerca senza nascondere lo sfondo */
.search-dock{background:color-mix(in srgb,var(--bg) 93%,transparent)}
.more{font-size:11px!important;letter-spacing:.11em!important;font-weight:750!important;padding:10px 18px!important;border-radius:7px!important;line-height:1.25!important;transition:background-color .2s,border-color .2s,transform .2s!important}
.more:hover{border-color:var(--red)!important;transform:translateY(-1px)}
.keyword-cloud{padding-top:2px!important}
.whatsapp,.float-right button[data-modal]{opacity:.9;transition:opacity .22s ease,transform .22s ease}
.whatsapp:hover,.whatsapp:focus-visible,.float-right button[data-modal]:hover,.float-right button[data-modal]:focus-visible{opacity:1}
@media(max-width:750px){body{background-attachment:scroll}}
@media(prefers-reduced-motion:reduce){.more,.whatsapp,.float-right button[data-modal]{transition:none!important}}


/* ===== SORGENTE: css/step9.css ===== */
/* STEP 9 — Wallpaper 1280x1024 virtuali: ripetuto, non deformato e mai perso su schermi larghi. */
html body,html[data-theme="light"] body{background-color:#101010!important;background-image:linear-gradient(rgba(0,0,0,.50),rgba(0,0,0,.50)),radial-gradient(rgba(0,0,0,.22) .85px,transparent 1px),url('/assets/branding/wallpaper.jpg')!important;background-size:100% 100%,4px 4px,1280px 1024px!important;background-repeat:no-repeat,repeat,repeat!important;background-position:center,0 0,center top!important;background-attachment:fixed,fixed,fixed!important}
/* Stesso oscuramento per entrambi i temi, senza pregiudicare contrasto dei testi */
.search-wrap{background:linear-gradient(115deg,color-mix(in srgb,var(--panel) 85%,#ffffff 15%),color-mix(in srgb,var(--panel) 94%,#bdbdbd 6%))!important;border:1px solid color-mix(in srgb,var(--line) 62%,#eeeeee 38%)!important;box-shadow:0 4px 19px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.12)!important;min-height:53px}
.search-wrap:focus-within{border-color:var(--red)!important;box-shadow:0 0 0 2px rgba(214,38,48,.14),0 7px 22px rgba(0,0,0,.24)!important}
.search-wrap input{font-family:Arial,Helvetica,sans-serif;font-weight:400!important;letter-spacing:.01em}
.search-wrap input::placeholder{font-family:'Courier New',Courier,monospace!important;font-weight:400!important;font-size:clamp(11px,1vw,13px);letter-spacing:0;color:color-mix(in srgb,var(--ink) 72%,transparent)!important;opacity:1}
/* Un fondo opaco per i contenuti mantiene leggibili testo e vignette sul wallpaper. */
.tag-panel{background:color-mix(in srgb,var(--bg) 94%,transparent)!important}
.search-dock{background:color-mix(in srgb,var(--bg) 96%,transparent)!important}
.more{font-size:10.5px!important;letter-spacing:.10em!important;padding:9px 15px!important;font-weight:650!important}
/* Dialog anti-bot */
.contact-gate{border:0;padding:0;background:transparent;color:var(--ink);width:min(430px,calc(100vw - 32px));max-width:100%;overflow:visible}
.contact-gate::backdrop{background:rgba(0,0,0,.76);backdrop-filter:blur(8px)}
.contact-gate-card{position:relative;padding:29px;border-radius:19px;background:var(--panel);border:1px solid var(--line);box-shadow:0 26px 80px rgba(0,0,0,.55)}
.contact-gate-eyebrow{font-size:10px;letter-spacing:.15em;color:var(--red);font-weight:800}
.contact-gate h2{font-size:25px;line-height:1.2;margin:13px 0 11px;letter-spacing:-.025em}
.contact-gate p{font-size:14px;line-height:1.55;color:var(--ink);margin:0 0 17px}
.contact-gate form{display:grid;gap:11px}
.contact-gate input{width:100%;border-radius:9px;border:1px solid var(--line);padding:13px;background:var(--bg);color:var(--ink);outline-offset:3px;text-align:center}
.contact-gate form button{border:0;border-radius:9px;background:var(--red);color:white;padding:12px;font-weight:800;font-size:12px;letter-spacing:.12em}
.contact-gate-close{position:absolute;top:12px;right:13px;background:transparent;border:0;color:var(--ink);font-size:26px}
.contact-gate .contact-gate-error{min-height:20px;margin:10px 0 0;color:#e55d67;font-size:12px}
@media(max-width:650px){html body,html[data-theme="light"] body{background-size:100% 100%,4px 4px,960px 768px!important;background-attachment:scroll,scroll,scroll!important}.search-wrap{gap:6px;padding:7px 9px}.search-wrap input::placeholder{font-size:10.5px}.result-count{font-size:9px}.contact-gate-card{padding:24px 20px}}
@media(prefers-reduced-motion:reduce){.contact-gate *{transition:none!important}}


/* ===== SORGENTE: css/step10.css ===== */
/* STEP 10 — wallpaper verticale 1774x3548; ripetizione orizzontale, rapporto originale */
html body,html[data-theme="light"] body{background-color:#080808!important;background-image:linear-gradient(rgba(0,0,0,.68),rgba(0,0,0,.68)),radial-gradient(rgba(0,0,0,.34) .9px,transparent 1.2px),url('/assets/branding/wallpaper-bavaglio.jpg')!important;background-size:100% 100%,4px 4px,clamp(620px,50vw,1000px) auto!important;background-repeat:no-repeat,repeat,repeat!important;background-position:center,0 0,center top!important;background-attachment:fixed,fixed,fixed!important}
.more{font-weight:400!important}
.float-right{gap:5px!important}.float-right button[data-modal]{writing-mode:horizontal!important;white-space:nowrap!important;min-height:0!important;width:132px!important;padding:11px 9px!important;font-size:10px!important;letter-spacing:.015em!important;text-align:center!important;border-radius:8px 0 0 8px!important;line-height:1.1!important;font-weight:600!important;background:linear-gradient(135deg,rgba(169,28,39,.85),rgba(92,13,20,.85))!important;opacity:.85!important;transition:opacity .2s,filter .2s!important}
.float-right button[data-modal="collabora"]{background:linear-gradient(135deg,rgba(197,61,72,.85),rgba(124,29,40,.85))!important}
.float-right button[data-modal]:hover,.float-right button[data-modal]:focus-visible{opacity:1!important}
.whatsapp{opacity:.85!important;transition:opacity .2s!important}.whatsapp:hover{opacity:1!important}
/* Riduzione del 50% circa della superficie rispetto al drawer a tutta altezza */
.drawer-dialog{height:auto!important;max-height:min(76dvh,640px)!important;width:min(380px,calc(100vw - 28px))!important;top:50%!important;bottom:auto!important;right:12px!important;transform:translate(105%,-50%)!important;border-radius:14px!important;overflow:auto!important}
.drawer-dialog[open]{transform:translate(0,-50%)!important}
.drawer-dialog .form-body{padding:30px 21px 22px!important;gap:9px!important;font-size:12px!important}
.drawer-dialog .form-body h2{font-size:18px!important;line-height:1.2!important;margin:4px 0!important}
.drawer-dialog .form-body p,.drawer-dialog .form-body label,.drawer-dialog .form-body small{font-size:11px!important;line-height:1.45!important}
.drawer-dialog .form-body input:not([type=checkbox]),.drawer-dialog .form-body textarea{font-size:12px!important;padding:8px 10px!important}
.drawer-dialog .form-body textarea{min-height:75px!important;resize:vertical}
.drawer-dialog .form-body .send{font-size:11px!important;padding:10px!important}
.form-privacy{margin:5px 0}.form-privacy label,.gate-privacy{display:flex!important;align-items:flex-start!important;gap:8px!important;font-size:10.5px!important;line-height:1.45!important}.form-privacy input[type=checkbox],.gate-privacy input{width:15px!important;height:15px!important;flex:0 0 15px!important;margin:0!important;accent-color:#c72a35}.form-privacy a,.gate-privacy a{color:#e3525b;text-decoration:underline;text-underline-offset:2px}
.contact-gate-card h2{margin-top:0!important;font-size:19px!important}.contact-gate .gate-privacy{margin:2px 0 4px!important;text-align:left!important}.contact-gate .gate-privacy input{padding:0!important}.contact-gate .gate-privacy a{display:inline!important}
@media(max-width:650px){html body,html[data-theme="light"] body{background-size:100% 100%,4px 4px,clamp(540px,100vw,760px) auto!important;background-attachment:scroll,scroll,scroll!important}.float-right{top:38%!important}.float-right button[data-modal]{width:106px!important;font-size:9px!important;padding:10px 5px!important}.drawer-dialog{right:8px!important;width:min(360px,calc(100vw - 16px))!important;max-height:85dvh!important}}
@media(prefers-reduced-motion:reduce){.drawer-dialog,.float-right button[data-modal]{transition:none!important}}


/* ===== SORGENTE: css/step11.css ===== */
/* STEP 11: overlay wallpaper parallax, contenuto leggibile */
html body,html[data-theme="light"] body{background-image:linear-gradient(rgba(0,0,0,.76),rgba(0,0,0,.76)),radial-gradient(rgba(0,0,0,.45) 1px,transparent 1.35px),url('/assets/branding/wallpaper-bavaglio.jpg')!important;background-size:100% 100%,4px 4px,clamp(670px,53vw,1030px) auto!important;background-repeat:no-repeat,repeat,repeat!important;background-position:center,0 0,center var(--bvg-wall-y,0px)!important;background-attachment:fixed,fixed,fixed!important}
/* CTA laterali: sagoma pill originale, tre gradienti scuri */
.float-right{display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:7px!important;z-index:80!important}
.float-right button[data-modal]{writing-mode:horizontal-tb!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;width:154px!important;min-width:154px!important;max-width:154px!important;height:37px!important;min-height:37px!important;padding:0 11px!important;border-radius:999px 0 0 999px!important;white-space:nowrap!important;font:500 11px/1.1 Arial,Helvetica,sans-serif!important;letter-spacing:.015em!important;border:1px solid rgba(255,255,255,.18)!important;border-right:0!important;color:#fff!important;opacity:.9!important;transform:none!important;transition:opacity .22s ease,filter .22s ease,box-shadow .22s ease!important}
.float-right button[data-modal="problem"]{background:linear-gradient(115deg,#77151d,#3c0d12)!important}
.float-right button[data-modal="feedback"]{background:linear-gradient(115deg,#15508f,#0b2b51)!important}
.float-right button[data-modal="collabora"]{background:linear-gradient(115deg,#343434,#090909)!important}
.float-right button[data-modal]:hover,.float-right button[data-modal]:focus-visible{opacity:1!important;filter:brightness(1.13)!important}
.whatsapp{opacity:.9!important}.whatsapp:hover{opacity:1!important}
.more{font-weight:400!important}
/* Privacy: checkbox e testo su righe distinte, niente compressione */
.drawer-dialog .form-privacy{width:100%!important;display:block!important;margin:8px 0!important}
.drawer-dialog .form-privacy>label{display:grid!important;grid-template-columns:18px minmax(0,1fr)!important;align-items:start!important;gap:0 9px!important;white-space:normal!important;overflow-wrap:break-word!important;line-height:1.55!important;font-size:11px!important}
.drawer-dialog .form-privacy input[type="checkbox"]{grid-column:1!important;grid-row:1!important;margin-top:3px!important;width:16px!important;height:16px!important}
.drawer-dialog .form-privacy .privacy-copy{grid-column:2!important;grid-row:1!important;display:block!important;min-width:0!important}
.drawer-dialog .form-privacy .privacy-copy a{display:inline!important;white-space:normal!important}
/* Sidebar fissa durante scroll, ma scorre internamente se supera viewport */
@media(min-width:1101px){.tag-panel{align-self:stretch!important}.tag-panel .side-sticky{position:sticky!important;top:16px!important;max-height:calc(100dvh - 32px)!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:thin!important;overscroll-behavior:contain!important}}
/* Tre vignette affiancate desktop, due tablet, una smartphone */
@media(min-width:1101px){.layout{max-width:1750px!important;grid-template-columns:225px minmax(0,1fr)!important;gap:20px!important;padding-left:clamp(16px,2.1vw,34px)!important;padding-right:clamp(16px,2.1vw,34px)!important}.feed{min-width:0!important}.masonry{columns:3!important;column-gap:15px!important}.card{width:100%!important;break-inside:avoid!important}}
@media(min-width:720px) and (max-width:1100px){.masonry{columns:2!important;column-gap:14px!important}}
@media(max-width:719px){.masonry{columns:1!important}.float-right button[data-modal]{width:125px!important;min-width:125px!important;max-width:125px!important;height:34px!important;font-size:9.5px!important}html body,html[data-theme="light"] body{background-attachment:scroll,scroll,scroll!important;background-position:center,0 0,center top!important}}
/* Parallax leggero delle card, con comparsa progressiva */
.card{--bvg-rise:0px;transform:translate3d(0,var(--bvg-rise),0)!important;transition:transform .48s cubic-bezier(.2,.8,.2,1),opacity .6s ease,box-shadow .3s ease,border-color .3s ease!important;will-change:auto!important}
.card.bvg-enter{opacity:0!important;--bvg-rise:18px}
.card.bvg-visible{opacity:1!important;--bvg-rise:0px}
@media(hover:hover){.card.bvg-visible:hover{transform:translate3d(0,-7px,0)!important;box-shadow:0 22px 46px rgba(0,0,0,.35)!important}}
@media(prefers-reduced-motion:reduce){.card,.card:hover{transition:none!important;transform:none!important}.card.bvg-enter{opacity:1!important}html body{background-position:center,0 0,center top!important}}

/* FIX 11.1: linguette verticali sul bordo destro, arrotondate verso il centro */
.float-right{position:fixed!important;right:0!important;left:auto!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:7px!important;z-index:80!important}
.float-right button[data-modal]{writing-mode:vertical-rl!important;text-orientation:mixed!important;display:flex!important;align-items:center!important;justify-content:center!important;width:38px!important;min-width:38px!important;max-width:38px!important;height:145px!important;min-height:145px!important;max-height:145px!important;padding:12px 7px!important;border-radius:18px 0 0 18px!important;border:1px solid rgba(255,255,255,.18)!important;border-right:0!important;white-space:nowrap!important;font:500 11px/1.1 Arial,Helvetica,sans-serif!important;letter-spacing:.025em!important;text-align:center!important;opacity:.9!important;transform:none!important;box-shadow:-3px 4px 16px rgba(0,0,0,.18)!important}
.float-right button[data-modal="problem"]{background:linear-gradient(90deg,rgba(119,21,29,.9),rgba(60,13,18,.9))!important}
.float-right button[data-modal="feedback"]{background:linear-gradient(90deg,rgba(21,80,143,.9),rgba(11,43,81,.9))!important}
.float-right button[data-modal="collabora"]{background:linear-gradient(90deg,rgba(52,52,52,.9),rgba(9,9,9,.9))!important}
.float-right button[data-modal]:hover,.float-right button[data-modal]:focus-visible{opacity:1!important;filter:brightness(1.12)!important}
@media(max-width:719px){.float-right{top:50%!important;gap:5px!important}.float-right button[data-modal]{width:31px!important;min-width:31px!important;max-width:31px!important;height:112px!important;min-height:112px!important;max-height:112px!important;padding:8px 5px!important;font-size:9px!important;border-radius:14px 0 0 14px!important}}

/* STEP 11.2: linguette aderenti alla lunghezza del testo */
.float-right button[data-modal]{width:32px!important;min-width:32px!important;max-width:32px!important;height:auto!important;min-height:0!important;max-height:none!important;padding:12px 8px!important;font-size:10px!important;line-height:1.15!important;letter-spacing:.015em!important;flex:0 0 auto!important}
/* WhatsApp accanto allo switch, stessa dimensione e stessa famiglia visiva */
.float-right .whatsapp-mini{position:relative!important;inset:auto!important;right:auto!important;bottom:auto!important;top:auto!important;left:auto!important;display:grid!important;place-items:center!important;flex:0 0 auto!important;width:37px!important;height:43px!important;min-width:37px!important;min-height:43px!important;padding:0!important;margin:0!important;border:0!important;border-radius:9px 0 0 9px!important;background:#262626!important;box-shadow:none!important;opacity:.9!important;transition:opacity .2s,filter .2s!important}
.float-right .whatsapp-mini:hover{opacity:1!important;filter:brightness(1.12)!important}
.float-right .whatsapp-mini img{width:23px!important;height:23px!important;object-fit:contain!important;display:block!important}
/* Icona bianca originale su fondo scuro; in tema chiaro invertiamo il colore via CSS. */
html[data-theme="light"] .float-right .whatsapp-mini{background:#f3f0e9!important;border:1px solid #c9c4bc!important}
html[data-theme="light"] .float-right .whatsapp-mini img{filter:brightness(0)!important}
@media(max-width:719px){.float-right button[data-modal]{width:28px!important;min-width:28px!important;max-width:28px!important;padding:9px 6px!important;font-size:9px!important}.float-right .whatsapp-mini{width:37px!important;height:43px!important}}


/* ===== SORGENTE: css/step12.css ===== */
/* BAVAGLIO STEP 12 — light mode uniforme, nessun wallpaper scuro. */
html[data-theme="light"]{
  --bg:#f2eee5;
  --panel:#f2eee5;
  --paper:#f2eee5;
  --glass:transparent;
  --line:#d8d1c6;
  color-scheme:light;
}
/* Annulla il wallpaper di STEP 10/11 (anche le regole con !important). */
html[data-theme="light"] body{
  background:#f2eee5!important;
  background-image:none!important;
  background-color:#f2eee5!important;
  background-attachment:scroll!important;
}
html[data-theme="light"] body::before,
html[data-theme="light"] body::after{
  background:none!important;
  background-image:none!important;
  box-shadow:none!important;
  opacity:0!important;
  pointer-events:none!important;
}
/* Stesso colore di sfondo per sidebar, ricerca/filtri e footer. */
html[data-theme="light"] .layout,
html[data-theme="light"] .tag-panel,
html[data-theme="light"] .side-sticky,
html[data-theme="light"] .sidebar-identity,
html[data-theme="light"] .sidebar-brand,
html[data-theme="light"] .sidebar-intro,
html[data-theme="light"] .feed,
html[data-theme="light"] .search-dock,
html[data-theme="light"] .keyword-section,
html[data-theme="light"] .keyword-cloud,
html[data-theme="light"] .site-footer,
html[data-theme="light"] .footer-brand,
html[data-theme="light"] .footer-links{
  background:#f2eee5!important;
  background-image:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
html[data-theme="light"] .search-dock,
html[data-theme="light"] .sidebar-identity{
  box-shadow:none!important;
}
/* Logo scontornato e sottotitolo: niente riquadro, banda o pannello. */
html[data-theme="light"] .sidebar-identity{
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  padding-bottom:12px!important;
}
html[data-theme="light"] .sidebar-brand,
html[data-theme="light"] .sidebar-brand img,
html[data-theme="light"] .sidebar-intro{
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  outline:0!important;
  filter:none!important;
}
html[data-theme="light"] .sidebar-identity::before,
html[data-theme="light"] .sidebar-identity::after,
html[data-theme="light"] .sidebar-brand::before,
html[data-theme="light"] .sidebar-brand::after{
  content:none!important;
  display:none!important;
}
/* Manteniamo identificabile il campo di ricerca, senza un blocco colorato esterno. */
html[data-theme="light"] .search-wrap{
  background:linear-gradient(135deg,#fffdf8,#f8f4ed)!important;
  border:1px solid #cfc5b8!important;
  box-shadow:0 2px 8px rgba(40,32,25,.055)!important;
}
html[data-theme="light"] .search-wrap input{
  background:transparent!important;
  color:#24201d!important;
}
html[data-theme="light"] .search-wrap input::placeholder{color:#79726b!important;opacity:1!important}
html[data-theme="light"] .keyword-heading,
html[data-theme="light"] .side-kicker{color:#625c56!important}
html[data-theme="light"] .keyword-button:not(.active):not(.random-button){
  background:#f2eee5!important;
  color:#342e29!important;
  border-color:#d4c9bb!important;
}
/* Nessuna banda separata nel footer, restano i soli elementi di navigazione. */
html[data-theme="light"] .site-footer{box-shadow:none!important}
@media(max-width:650px){
  html[data-theme="light"] .tag-panel,
  html[data-theme="light"] .search-dock,
  html[data-theme="light"] .site-footer{background:#f2eee5!important}
}


/* ===== SORGENTE: css/step13.css ===== */
/* STEP 13 - Sidebar senza scroll interno e card effetto vetro più percepibile. */
@media (min-width:1101px){
  .tag-panel .side-sticky{
    position:sticky!important;
    top:12px!important;
    max-height:none!important;
    height:auto!important;
    overflow:visible!important;
    scrollbar-width:none!important;
    overscroll-behavior:auto!important;
  }
  .tag-panel .side-sticky::-webkit-scrollbar{display:none!important}
  .side-editorial .editorial-expand{margin-top:12px!important;margin-bottom:9px!important}
}
/* Non bloccare il tasto ALTRO dietro un'area di scorrimento sui tablet. */
@media (max-width:1100px){
  .tag-panel .side-sticky{max-height:none!important;overflow:visible!important;position:static!important}
  .side-editorial .editorial-expand{margin-top:10px!important}
}
/* Fondo vetro: meno trasparente a riposo, senza perdere la lettura del wallpaper. */
html[data-theme="dark"] .card{
  background:rgba(39,39,42,.70)!important;
  border-color:rgba(255,255,255,.22)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.18),0 9px 25px rgba(0,0,0,.18)!important;
  -webkit-backdrop-filter:blur(10px) saturate(115%);
  backdrop-filter:blur(10px) saturate(115%);
}
html[data-theme="dark"] .card:hover{
  background:rgba(45,44,47,.81)!important;
  border-color:rgba(214,38,48,.65)!important;
  box-shadow:0 22px 46px rgba(0,0,0,.35)!important;
}
html[data-theme="light"] .card{
  background:rgba(255,255,255,.70)!important;
  border-color:rgba(100,89,78,.24)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.65),0 9px 25px rgba(48,38,28,.10)!important;
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
}
html[data-theme="light"] .card:hover{background:rgba(255,255,255,.88)!important}
@media (prefers-reduced-motion:reduce){.card{transition:none!important}}
/* Schermi desktop bassi: niente blocco sticky che nasconde ALTRO fuori viewport.
   Il contenuto resta raggiungibile con il normale scroll della pagina. */
@media (min-width:1101px) and (max-height:900px){
 .tag-panel .side-sticky{position:static!important;top:auto!important}
}
/* Evita che i pulsanti laterali nascondano il testo sui telefoni stretti. */
@media (max-width:430px){.feed{padding-right:35px!important}.search-wrap{gap:5px!important}.search-wrap input{font-size:12px!important}}


/* ===== SORGENTE: css/step15-gallery-fix.css ===== */
/* STEP 15 - Correzione galleria: 3/2/1 colonne reali, senza CSS multi-column. */
/* Fondamentale: il display:block di .more/.empty/.loading annullava [hidden]. */
[hidden], .more[hidden], .empty[hidden], .loading[hidden], #editorialExtra[hidden] { display:none!important; }
/* La griglia evita che card animate con transform/backdrop-filter si sovrappongano
   durante il ricalcolo delle colonne CSS (problema visibile con 2 vignette). */
#cards.masonry {
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:start!important;
  align-content:start!important;
  gap:18px!important;
  columns:auto!important;
  column-count:auto!important;
  column-width:auto!important;
  min-width:0!important;
  overflow:visible!important;
}
#cards.masonry > .card {
  display:block!important;
  position:relative!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  float:none!important;
  break-inside:auto!important;
  box-sizing:border-box!important;
  isolation:isolate;
}
#cards.masonry > .card img {max-width:100%!important;height:auto!important;}
/* Gli stati di comparsa non devono far collassare la griglia. */
#cards.masonry > .card.bvg-enter {visibility:visible!important;}
#more.more {display:block;margin:26px auto 0!important;}
#more.more[hidden] {display:none!important;}
@media (min-width:720px) and (max-width:1100px){
  #cards.masonry {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;}
}
@media (max-width:719px){
  #cards.masonry {grid-template-columns:minmax(0,1fr)!important;gap:14px!important;}
}


/* ===== SORGENTE: css/step16.css ===== */
/* STEP16: immagini uniformi 4:5, senza alterare i file originali */
#cards.masonry>.card>button{width:100%;min-width:0}
#cards.masonry>.card>button>img{display:block!important;width:100%!important;aspect-ratio:4 / 5!important;height:auto!important;object-fit:cover!important;object-position:center!important;border-radius:9px}
/* La cornice, non il file sorgente, viene normalizzata. */
#cards.masonry>.card.card-flag-fixed{border:2px solid #a85cf2!important;box-shadow:0 0 18px rgba(168,92,242,.32)!important}
#cards.masonry>.card.card-flag-top{border:2px solid #d91c2c!important;box-shadow:0 0 18px rgba(217,28,44,.28)!important}
#cards.masonry>.card.card-flag-hot{border:2px solid #efc52d!important;box-shadow:0 0 18px rgba(239,197,45,.28)!important}
#cards.masonry>.card.card-flag-new{border:2px solid #278dff!important;box-shadow:0 0 18px rgba(39,141,255,.28)!important}
#cards.masonry>.card .card-flags{position:absolute;top:-9px;right:10px;z-index:15;display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:none}
#cards.masonry>.card .card-flag{display:inline-block!important;visibility:visible!important;opacity:1!important;color:#fff!important;padding:5px 9px;border-radius:3px;font-size:11px;font-weight:900}
#cards.masonry>.card .flag-fixed{background:#a85cf2!important}#cards.masonry>.card .flag-top{background:#d91c2c!important}#cards.masonry>.card .flag-hot{background:#efc52d!important;color:#151515!important}#cards.masonry>.card .flag-new{background:#278dff!important}
#artDialog .signature{display:none!important}
#artDialog #artSocial{display:flex!important;flex-wrap:nowrap!important;align-items:center;justify-content:flex-start;gap:13px;margin:16px 0 18px}
#artDialog #artSocial .modal-brand-icon{width:39px;height:39px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;padding:5px;flex:0 0 39px;border:1px solid rgba(255,255,255,.2);transition:transform .2s,box-shadow .2s}
#artDialog #artSocial .modal-brand-icon svg{width:100%;height:100%;display:block}
#artDialog #artSocial .modal-brand-icon.is-active{opacity:1;filter:none;box-shadow:0 0 12px rgba(255,255,255,.28)}
#artDialog #artSocial .modal-brand-icon.is-active:hover{transform:translateY(-3px);box-shadow:0 0 20px rgba(255,255,255,.46)}
#artDialog #artSocial .modal-brand-icon.is-disabled{opacity:.27;filter:grayscale(1);cursor:not-allowed;box-shadow:none}
@media(max-width:480px){#artDialog #artSocial{gap:8px}#artDialog #artSocial .modal-brand-icon{width:34px;height:34px;flex-basis:34px}}

.article-social{display:flex;gap:12px;align-items:center;flex-wrap:nowrap}.article-social .modal-brand-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--line);border-radius:8px;font-size:24px;font-weight:800}.article-social .is-active{color:var(--red);box-shadow:0 0 12px rgba(214,38,48,.25)}.article-social .is-disabled{opacity:.25;filter:grayscale(1)}


/* ===== SORGENTE: css/step17.css ===== */
/* STEP17: controls and copyright */
#cards .card>button{position:relative;cursor:zoom-in}#cards .card>button>img,.bvg-protected-image img{user-select:none;-webkit-user-select:none;-webkit-user-drag:none}#cards .card .bvg-zoom{position:absolute;right:13px;bottom:88px;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:rgba(10,10,10,.72);color:white;border:1px solid rgba(255,255,255,.55);font:normal 30px/1 Arial,sans-serif;pointer-events:none;z-index:3;box-shadow:0 2px 12px #0006}#cards .card>button:hover .bvg-zoom{background:#bb2030}#cards .card>button .bvg-watermark{position:absolute;left:15px;bottom:88px;z-index:3}.bvg-watermark{font:500 10px/1.4 Arial,sans-serif;color:rgba(255,255,255,.64);background:rgba(0,0,0,.24);padding:3px 6px;border-radius:3px;letter-spacing:.02em;pointer-events:none;text-shadow:0 1px 2px #000}.bvg-protected-image{position:relative;display:block}.bvg-protected-image>.bvg-watermark{position:absolute;bottom:12px;left:12px;z-index:2}#artDialog #artSocial{gap:9px!important;flex-wrap:nowrap!important}#artDialog #artSocial .modal-brand-icon{width:34px!important;height:34px!important;flex-basis:34px!important;padding:4px!important}.bvg-whatsapp-share svg{display:block;width:100%;height:100%}.bvg-copyright-line{font:normal 11px/1.5 Arial,sans-serif;opacity:.68;margin:12px 0 18px}.article-social .bvg-whatsapp-share{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:5px;flex:0 0 40px;border:1px solid var(--line);border-radius:8px}.bvg-article-image>img{max-width:100%;height:auto;display:block}@media(max-width:480px){#artDialog #artSocial{gap:5px!important}#artDialog #artSocial .modal-brand-icon{width:29px!important;height:29px!important;flex-basis:29px!important;padding:3px!important}#cards .card .bvg-zoom{bottom:82px}}
/* STEP18: plus anchored to the image, not to the card footer */
#cards .card>button{position:relative!important;cursor:pointer!important}
#cards .card>button>.bvg-watermark{display:none!important}
#cards .card>button>.bvg-zoom{position:absolute!important;top:12px!important;right:12px!important;bottom:auto!important;left:auto!important;transform:none!important;display:flex!important;align-items:center!important;justify-content:center!important;width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;margin:0!important;padding:0!important;border-radius:50%!important;line-height:1!important;font:400 25px/1 Arial,sans-serif!important;color:#fff!important;background:rgba(0,0,0,.66)!important;border:1px solid rgba(255,255,255,.6)!important;z-index:5!important;pointer-events:none!important;box-sizing:border-box!important}
#cards .card>button:hover>.bvg-zoom{background:#a21b28!important}
#cards .card .card-meta{position:relative!important}
.bvg-whatsapp-share svg{width:100%;height:100%;display:block}
.bvg-whatsapp-share{color:#fff!important;background:#237c4a!important}
.bvg-whatsapp-share:hover{background:#17663b!important}
@media(max-width:480px){#cards .card>button>.bvg-zoom{top:9px!important;right:9px!important;width:29px!important;height:29px!important;min-width:29px!important;min-height:29px!important;font-size:23px!important}}

/* STEP19: same neutral container and exact icon sizing as the other social icons */
#cards .bvg-whatsapp-share,#artDialog .bvg-whatsapp-share,.article-social .bvg-whatsapp-share{background:transparent!important;color:inherit!important;box-shadow:none!important;border-color:var(--line,rgba(128,128,128,.3))!important;transform:none;filter:none;opacity:1}
#cards .bvg-whatsapp-share:hover,#artDialog .bvg-whatsapp-share:hover,.article-social .bvg-whatsapp-share:hover{background:rgba(128,128,128,.09)!important;box-shadow:none!important}
.bvg-whatsapp-share .bvg-forward-icon{display:block!important;width:20px!important;height:20px!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;flex:none!important;margin:auto!important;padding:0!important;border:0!important;box-shadow:none!important}
html[data-theme="light"] .bvg-whatsapp-share .bvg-forward-icon{filter:brightness(0)!important}
html[data-theme="dark"] .bvg-whatsapp-share .bvg-forward-icon{filter:none!important}
.keyword-cloud{max-height:none!important;height:auto!important;overflow:visible!important;align-content:flex-start!important}
.keyword-cloud .keyword-button[hidden]{display:none!important}


/* ===== SORGENTE: css/step20.css ===== */
/* STEP20: editoriale dinamico, sidebar nel flusso, forward neutro */
@media(min-width:901px){.tag-panel .side-sticky{position:static!important;top:auto!important;max-height:none!important;height:auto!important;overflow:visible!important}.tag-panel{align-self:start!important;overflow:visible!important}}
.bvg-dynamic-editorial{margin-top:20px!important}.bvg-editorial-feed{display:grid;gap:12px}.bvg-editorial-item{min-width:0;padding:0 0 11px;border-bottom:1px solid rgba(140,140,140,.22)}.bvg-editorial-item:last-child{border-bottom:0}.bvg-editorial-item a{display:block;color:inherit;text-decoration:none;min-width:0}.bvg-editorial-item h3{font-size:13px!important;line-height:1.3!important;font-weight:750!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 5px!important}.bvg-editorial-item p{font-size:12px!important;line-height:1.43!important;margin:0!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden;overflow-wrap:anywhere}.bvg-editorial-item a:hover h3,.bvg-editorial-item a:focus-visible h3{text-decoration:underline;text-underline-offset:3px}.bvg-editorial-item a:focus-visible{outline:2px solid currentColor;outline-offset:3px}
/* Non invertire tutto il PNG: il file potrebbe avere un fondo opaco. */
html[data-theme="light"] .bvg-whatsapp-share .bvg-forward-icon{filter:none!important}
html[data-theme="light"] .bvg-whatsapp-share{background:#242424!important;border-radius:6px!important}
html[data-theme="dark"] .bvg-whatsapp-share{background:transparent!important}
.bvg-whatsapp-share .bvg-forward-icon{width:18px!important;height:18px!important;object-fit:contain!important}
@media(max-width:900px){.tag-panel .side-sticky{position:static!important;max-height:none!important;overflow:visible!important}}


/* ===== SORGENTE: css/step21.css ===== */
.bvg-filter-breadcrumb{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:12px 0 16px;padding:7px 10px;font-size:11px;line-height:1.5;letter-spacing:.025em;color:inherit;opacity:.85;min-height:32px}
.bvg-filter-breadcrumb[hidden]{display:none!important}
.bvg-crumb-current{min-width:0;overflow-wrap:anywhere;opacity:.82}
.bvg-crumb-home,.bvg-crumb-reset{appearance:none;border:0;background:transparent;color:inherit;cursor:pointer;font:inherit;padding:4px 6px}
.bvg-crumb-home:hover{text-decoration:underline}
.bvg-crumb-reset{margin-left:auto;border:1px solid currentColor;border-radius:50%;width:27px;height:27px;line-height:17px;text-align:center;font-size:19px;opacity:.75}
.bvg-crumb-reset:hover{opacity:1}
@media(max-width:600px){.bvg-filter-breadcrumb{gap:6px;margin:8px 0 12px;font-size:10px}.bvg-crumb-reset{width:28px;height:28px}}


/* ===== SORGENTE: css/step22.css ===== */
/* STEP22 - labels, layout separators, responsive sidebar sticky */
/* Sidebar fills the full gallery row: divider never ends early. */
@media (min-width:901px){
 .layout{align-items:stretch!important}
 .layout>.tag-panel{align-self:stretch!important;min-height:100%!important;overflow:visible!important;position:relative!important;border-right:1px solid var(--line)!important}
 .layout>.tag-panel>.side-sticky{position:sticky!important;top:var(--bvg-sidebar-top,12px)!important;max-height:none!important;height:auto!important;overflow:visible!important;overscroll-behavior:auto!important}
}
/* Avoid a scrollable sidebar; the page scroll remains the only scroll. */
.tag-panel .side-sticky{scrollbar-width:none!important}
.tag-panel .side-sticky::-webkit-scrollbar{display:none!important}
/* Breadcrumb is directly above the results with half the former gap. */
.bvg-filter-breadcrumb{margin-top:6px!important;margin-bottom:8px!important;padding-top:4px!important;padding-bottom:4px!important;min-height:0!important}
@media(max-width:900px){.layout>.tag-panel{border-right:0!important}.layout>.tag-panel>.side-sticky{position:static!important;top:auto!important;max-height:none!important;overflow:visible!important}}
@media(max-width:600px){.bvg-filter-breadcrumb{margin-top:4px!important;margin-bottom:6px!important}}


/* ===== SORGENTE: css/step23.css ===== */
.search-wrap{position:relative}.bvg-search-suggestions{position:absolute;top:calc(100% + 5px);left:0;right:0;z-index:40;max-height:280px;overflow-y:auto;background:var(--panel,#fff);color:var(--text,inherit);border:1px solid rgba(120,120,120,.35);border-radius:10px;box-shadow:0 12px 30px rgba(0,0,0,.17);padding:5px}.bvg-search-suggestions[hidden]{display:none!important}.bvg-search-option{display:block;width:100%;padding:10px 12px;border:0;background:transparent;color:inherit;text-align:left;font:inherit;cursor:pointer;border-radius:6px}.bvg-search-option:hover,.bvg-search-option:focus-visible{background:rgba(130,130,130,.14);outline:0}


/* ===== SORGENTE: css/step26l.css ===== */
/* STEP26L: no changes to bavaglio.js; safe progressive visual adjustments */
/* Search suggestions: distinguish each row from the background without bolding */
.search-suggestions, .search-suggest, .suggestions, [id*=suggestions], [class*=suggestion-list]{font-family:inherit!important}
.search-suggestions button,.search-suggest button,.suggestions button,[id*=suggestions] button,[class*=suggestion-list] button{font-family:inherit!important;font-weight:400!important;background:rgba(255,255,255,.075)!important;border-bottom:1px solid rgba(255,255,255,.1)!important;color:inherit!important}
.search-suggestions button:hover,.search-suggest button:hover,.suggestions button:hover,[id*=suggestions] button:hover,[class*=suggestion-list] button:hover{background:rgba(190,28,37,.18)!important}
html[data-theme=light] .search-suggestions button,html[data-theme=light] .suggestions button,html[data-theme=light] [id*=suggestions] button{background:rgba(0,0,0,.045)!important;border-bottom-color:rgba(0,0,0,.09)!important}
/* social icons: the exact SVG paths come from the homepage renderer */
.bvg-single-social{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:10px!important;overflow:visible!important;height:auto!important;max-height:none!important;min-height:0!important}
.bvg-single-social .bvg-video-label{flex-basis:100%!important;display:block!important;font-size:12px!important}
.bvg-single-social .brand-icon{flex:0 0 30px!important;width:30px!important;height:30px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;overflow:visible!important;line-height:1!important}
.bvg-single-social .brand-icon svg,.bvg-single-social .brand-icon img{display:block!important;width:24px!important;height:24px!important;max-width:24px!important;max-height:24px!important;object-fit:contain!important}
.bvg-cms-topic-eyebrow{font-size:11px!important;letter-spacing:.06em!important;line-height:1.45!important;color:#cc3440!important}
/* Sidebar: keep it in viewport while scrolling whenever its content fits. */
@media(min-width:900px){.tag-panel .side-sticky{position:sticky!important;top:12px!important;align-self:start!important}}


/* ===== SORGENTE: css/step26m.css ===== */
/* STEP26M: only targeted layout corrections, no gallery JS replacement */
.bvg-sidebar-footer-slot .site-footer{display:flex!important;flex-direction:column!important;align-items:stretch!important;min-height:0!important;height:auto!important;width:100%!important;gap:12px!important;margin:0!important}
.bvg-sidebar-footer-slot .footer-links{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;order:2!important}
.bvg-sidebar-footer-slot .footer-links button{white-space:normal!important;min-width:0!important;overflow-wrap:anywhere!important}
.bvg-sidebar-footer-slot .bvg-sidebar-copyright{display:block!important;order:3!important;width:100%!important;font-size:10px!important;line-height:1.45!important;margin-top:6px!important;padding-top:10px!important;border-top:1px solid rgba(190,28,37,.55)!important}
.bvg-sidebar-footer-slot .footer-brand p{display:none!important}
/* Match single-page typography rather than enlarging the homepage popup. */
.art-dialog .dialog-details #artTitle{font-size:clamp(17px,1.75vw,26px)!important;line-height:1.25!important;letter-spacing:-.015em!important}
.art-dialog .dialog-details #artDesc{font-size:clamp(12px,1.02vw,15px)!important;line-height:1.55!important}
.bvg-single-neighbors{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:18px 0 26px}
.bvg-single-neighbors a{font-size:11px;letter-spacing:.035em;text-decoration:none;color:var(--accent,#d32f37);border:1px solid currentColor;border-radius:8px;padding:10px 12px}
.bvg-single-neighbors a:hover{background:rgba(190,28,37,.12)}
@media(max-width:640px){.bvg-single-neighbors a{font-size:10px;padding:9px}.art-dialog .dialog-details #artTitle{font-size:19px!important}.art-dialog .dialog-details #artDesc{font-size:13px!important}}


/* ===== SORGENTE: css/step26n.css ===== */
/* STEP 26N: footer physically in sidebar, without JS DOM relocation. */
.layout > .tag-panel {min-width:0;align-self:stretch}
.tag-panel .side-sticky {box-sizing:border-box;min-width:0;max-width:100%}
.tag-panel .bvg-sidebar-footer-slot {display:block;position:relative;min-width:0;width:100%;max-width:100%;margin-top:22px;clear:both}
.tag-panel .bvg-sidebar-footer-slot .site-footer {position:static!important;inset:auto!important;float:none!important;transform:none!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;width:100%!important;max-width:100%!important;min-height:0!important;height:auto!important;margin:0!important;padding:16px 0 0!important;gap:12px!important;border-top:2px solid #c9202d!important;box-shadow:none!important}
.tag-panel .site-footer .footer-brand {display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;min-width:0!important;width:100%!important}
.tag-panel .site-footer .footer-brand img {width:54px!important;height:54px!important;object-fit:contain!important;flex:0 0 54px!important}
.tag-panel .site-footer .footer-brand strong {font-size:clamp(17px,1.5vw,22px)!important}
.tag-panel .site-footer .footer-brand p {display:none!important}
.tag-panel .site-footer .footer-links {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%!important;margin:0!important;padding:0!important;order:2!important}
.tag-panel .site-footer .footer-links button {min-width:0!important;max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important;box-sizing:border-box!important;font-size:11px!important;line-height:1.3!important;padding:10px 6px!important}
.tag-panel .site-footer::after {content:'© 2026 · Bavaglio è un marchio registrato e di proprietà di Massimiliano Vigilante.';display:block;order:3;width:100%;box-sizing:border-box;border-top:0;padding-top:10px;font-size:10px;line-height:1.5;opacity:.75}
/* Previous JS may have added copyright node: suppress duplicates. */
.tag-panel .site-footer .bvg-sidebar-copyright {display:none!important}
/* Navigation belongs inside the single-vignette content panel, below social links. */
.bvg-single .bvg-single-neighbors {display:flex!important;justify-content:space-between!important;align-items:center!important;gap:9px!important;flex-wrap:wrap!important;width:100%!important;box-sizing:border-box!important;margin:18px 0 0!important;padding-top:13px!important;border-top:1px solid rgba(128,128,128,.22)}
.bvg-single .bvg-single-neighbors a {font-size:10px!important;line-height:1.35!important;padding:9px 10px!important}
/* Remove illegible image copyright overlay, not the legal copyright in footer. */
.bvg-watermark {display:none!important}
@media(max-width:750px){.tag-panel .site-footer .footer-links {grid-template-columns:repeat(2,minmax(0,1fr))!important}}


/* ===== SORGENTE: css/step26o.css ===== */
/* STEP 26O - correzioni mirate; nessuna sostituzione del motore della galleria. */
/* Una sola linea rossa sopra il footer; copyright senza ulteriore separatore. */
.bvg-article-shared .tag-panel .bvg-sidebar-footer-slot{border-top:0!important}
.bvg-article-shared .tag-panel .bvg-sidebar-footer-slot .site-footer{border-top:2px solid #c9202d!important}
.bvg-article-shared .tag-panel .site-footer::before{border:0!important;display:none!important}
.bvg-article-shared .tag-panel .site-footer::after{border-top:0!important;padding-top:0!important}
/* La pagina singola usa lo scroll della pagina, mai uno scroll interno al testo. */
.bvg-article-shared .bvg-single,.bvg-article-shared .bvg-single-layout,.bvg-article-shared .bvg-single-text,.bvg-article-shared .bvg-single-description,.bvg-article-shared .bvg-single .dialog-details{height:auto!important;max-height:none!important;overflow-y:visible!important;scrollbar-width:none!important}
.bvg-article-shared .bvg-single-layout{overflow:visible!important}
/* Suggerimenti: sfondo leggibile, tipografia identica al campo ricerca. */
.search-suggestions,.search-suggest,.suggestions,[id*=suggestions],[class*=suggestion-list]{font-family:inherit!important}
.search-suggestions button,.search-suggest button,.suggestions button,[id*=suggestions] button,[class*=suggestion-list] button{font-family:inherit!important;font-size:inherit!important;font-weight:400!important;letter-spacing:normal!important;background:#28282b!important;color:#f1f1f2!important;border-bottom:1px solid #47474b!important}
.search-suggestions button:hover,.search-suggest button:hover,.suggestions button:hover,[id*=suggestions] button:hover,[class*=suggestion-list] button:hover{background:#36363b!important}
html[data-theme=light] .search-suggestions button,html[data-theme=light] .search-suggest button,html[data-theme=light] .suggestions button,html[data-theme=light] [id*=suggestions] button,html[data-theme=light] [class*=suggestion-list] button{background:#eeeeef!important;color:#222!important;border-bottom-color:#d1d1d3!important}
html[data-theme=light] .search-suggestions button:hover,html[data-theme=light] .search-suggest button:hover,html[data-theme=light] .suggestions button:hover{background:#e1e1e4!important}
/* Argomenti editoriali CMS: stesso trattamento in singola e popover. */
#artDialog .bvg-topic-label,.bvg-single .bvg-cms-topic-eyebrow{font-size:11px!important;line-height:1.45!important;font-weight:600!important;letter-spacing:.07em!important;color:var(--accent,#c9202d)!important;text-transform:uppercase!important}


/* ===== SORGENTE: css/step26p.css ===== */
/* STEP 26P: correzioni CSS senza alterare il JS della galleria. */
/* Una sola riga rossa: eliminiamo tutte le righe prodotte dai livelli precedenti. */
.tag-panel .bvg-sidebar-footer-slot,
.tag-panel .bvg-sidebar-footer-slot::before,
.tag-panel .bvg-sidebar-footer-slot::after,
.tag-panel .bvg-sidebar-footer-slot .site-footer::before,
.tag-panel .bvg-sidebar-footer-slot .site-footer::after,
.tag-panel .bvg-sidebar-footer-slot .bvg-sidebar-copyright {border-top:0!important;box-shadow:none!important}
.tag-panel .bvg-sidebar-footer-slot .site-footer {border-top:2px solid #c9202d!important}
/* Non generare un secondo separatore con il copyright. */
.tag-panel .bvg-sidebar-footer-slot .site-footer::after {border-top:0!important}
/* I suggerimenti veri della home sono #bvgSearchSuggestions / .bvg-search-option. */
#bvgSearchSuggestions .bvg-search-option,
.bvg-search-suggestions .bvg-search-option {font-family:inherit!important;font-weight:400!important;letter-spacing:normal!important;background:#343437!important;color:#fff!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.14)!important}
#bvgSearchSuggestions .bvg-search-option:hover,
#bvgSearchSuggestions .bvg-search-option:focus-visible,
.bvg-search-suggestions .bvg-search-option:hover {background:#47474b!important;color:#fff!important}
html[data-theme="light"] #bvgSearchSuggestions .bvg-search-option,
html[data-theme="light"] .bvg-search-suggestions .bvg-search-option {background:#e5e5e7!important;color:#202024!important;border-bottom-color:#c9c9cd!important}
html[data-theme="light"] #bvgSearchSuggestions .bvg-search-option:hover {background:#d5d5d9!important}
/* Footer ancorato al bordo basso durante lo scorrimento del contenuto. */
@media(min-width:901px){
 .layout>.tag-panel {align-self:stretch!important;position:relative!important;overflow:visible!important}
 .tag-panel .side-sticky {min-height:100%!important;height:auto!important;overflow:visible!important;display:flex!important;flex-direction:column!important;position:relative!important;top:auto!important;max-height:none!important}
 .tag-panel .bvg-sidebar-footer-slot {margin-top:auto!important;position:sticky!important;bottom:0!important;z-index:4!important;background:var(--bg,#171717)!important;padding-top:12px!important}
}


/* ===== SORGENTE: css/step26e-article.css ===== */
/* STEP 26E: same homepage layout, only article-specific styling */
.bvg-article-shared .bvg-article-crumb{margin:18px 0 14px;font-size:12px;opacity:.8;line-height:1.6}.bvg-article-crumb a{color:inherit;text-decoration:underline}.bvg-article-crumb span{overflow-wrap:anywhere}
.bvg-single{min-width:0;max-width:100%;padding:clamp(12px,2vw,22px);border:1px solid var(--line,rgba(150,150,150,.25));border-radius:14px;background:var(--card,rgba(255,255,255,.025))}
.bvg-single-layout{display:grid!important;grid-template-columns:minmax(0, min(43%,420px)) minmax(0,1fr)!important;gap:clamp(16px,2.4vw,30px);align-items:start}
.bvg-single-image{margin:0;position:sticky;top:clamp(115px,18vh,185px);align-self:start;min-width:0;max-width:420px;max-height:min(72vh,570px);display:flex;justify-content:center;align-items:flex-start;overflow:hidden;border-radius:8px}
.bvg-single-image img{display:block;width:auto;max-width:100%;max-height:min(72vh,570px);height:auto;object-fit:contain;margin:auto}
.bvg-single-text{min-width:0;max-width:100%;overflow-wrap:anywhere}.bvg-single-text h1{font-size:clamp(21px,2.25vw,34px);line-height:1.17;margin:12px 0}.bvg-single-date{font-size:12px;opacity:.65}.bvg-single-description{line-height:1.65;white-space:normal;margin:18px 0}.bvg-tax-title{font-size:12px;letter-spacing:.08em;margin:20px 0 8px}.bvg-single .dialog-tags{display:flex;flex-wrap:wrap;gap:7px}.bvg-single .dialog-tags a{color:inherit;text-decoration:none;border:1px solid currentColor;border-radius:20px;padding:5px 10px;font-size:12px}.bvg-single-actions{display:flex;flex-wrap:wrap;gap:15px;margin-top:25px}.bvg-single-actions a{color:inherit}
.bvg-related{margin:24px 0 38px;min-width:0}.bvg-related-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.bvg-related-heading h2{font-size:17px}.bvg-related-heading a{color:inherit;font-size:12px}.bvg-related-viewport{display:flex;gap:15px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:12px 2px}.bvg-related-card{flex:0 0 clamp(150px,28%,225px);min-width:0;scroll-snap-align:start;text-decoration:none;color:inherit;border-radius:10px;overflow:hidden;border:1px solid rgba(150,150,150,.3)}.bvg-related-card img{width:100%;height:150px;object-fit:cover;display:block}.bvg-related-card span{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;padding:10px;font-size:12px;line-height:1.4}.bvg-related-controls{display:flex;justify-content:flex-end;gap:8px}.bvg-related-controls button{cursor:pointer;min-width:34px;min-height:34px}
/* footer, sidebar, sticky search dock, floating buttons are native homepage elements */
@media(max-width:700px){.bvg-single-layout{grid-template-columns:minmax(0,1fr)!important}.bvg-single-image{position:static;max-height:none;max-width:100%}.bvg-single-image img{max-height:65vh}.bvg-related-card{flex-basis:65%}}


/* ===== SORGENTE: css/step26f-article.css ===== */
/* STEP26F: corrective layer, retaining original homepage styles */
.bvg-article-shared .bvg-editorial-feed .bvg-editorial-item{display:block;text-decoration:none;color:inherit;padding:11px 0;border-bottom:1px solid var(--line,rgba(150,150,150,.2));}
.bvg-article-shared .bvg-editorial-title{display:block;font-size:13px;font-weight:700;line-height:1.35;letter-spacing:0;}
.bvg-article-shared .bvg-editorial-subtitle{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:11px;line-height:1.45;opacity:.65;font-weight:400;margin-top:4px;}
.bvg-article-shared .bvg-editorial-item:hover .bvg-editorial-title{text-decoration:underline;}
.bvg-article-shared #keywordCloud .keyword-button{display:inline-flex;align-items:center;}
.bvg-article-shared #keywordCloud .keyword-button[hidden]{display:inline-flex!important;}
.bvg-article-shared .bvg-related-viewport{overflow-x:auto!important;overflow-y:visible!important;align-items:stretch;padding:14px 4px 20px;scrollbar-width:thin;}
.bvg-article-shared .bvg-related-card{height:auto;min-height:0;display:flex;flex-direction:column;overflow:visible!important;flex-shrink:0;}
.bvg-article-shared .bvg-related-card img{height:auto!important;aspect-ratio:4/5;object-fit:contain!important;max-height:none!important;background:rgba(127,127,127,.06);}
.bvg-article-shared .bvg-related-card span{display:block!important;-webkit-line-clamp:unset!important;overflow:visible!important;}
.bvg-article-shared .bvg-related-controls{display:flex!important;visibility:visible!important;position:relative;z-index:3;}
.bvg-article-shared .bvg-related-controls button{display:inline-flex!important;align-items:center;justify-content:center;font-size:24px;border-radius:50%;width:40px;height:40px;}
.bvg-article-shared .float-right{pointer-events:auto!important;z-index:100!important;}
.bvg-article-shared .float-right button,.bvg-article-shared .float-right a{pointer-events:auto!important;cursor:pointer;}
.bvg-article-shared .search-dock{position:sticky;top:0;z-index:15;}
.bvg-article-shared .bvg-article-crumb{line-height:1.5;}
@media(min-width:901px){.bvg-article-shared .bvg-single-image{position:sticky;top:180px;}}


/* ===== SORGENTE: css/step26g-shared.css ===== */
/* STEP 26G - footer within original sidebar, typography and article layout */
.layout{align-items:stretch!important}
.tag-panel{align-self:stretch!important;min-height:100%!important}
.tag-panel .side-sticky{position:relative!important;top:auto!important;max-height:none!important;overflow:visible!important;min-height:100%;display:flex;flex-direction:column}
.bvg-sidebar-footer-slot{margin-top:auto;padding-top:28px;min-width:0}
/* Separatore legacy eliminato: la linea unica e' sul footer. */
.bvg-footer-in-sidebar{margin:0!important;padding:0 0 22px!important;width:100%!important;max-width:100%!important;min-width:0!important;display:flex!important;flex-direction:column!important;gap:14px!important;border:0!important;background:transparent!important;box-shadow:none!important}
.bvg-footer-in-sidebar .footer-brand{display:flex;align-items:center;gap:10px;min-width:0}
.bvg-footer-in-sidebar .footer-brand img{width:38px;height:38px;object-fit:contain;flex-shrink:0}
.bvg-footer-in-sidebar .footer-brand strong{font-size:14px}
.bvg-footer-in-sidebar .footer-brand p{font-size:10px!important;line-height:1.45;margin:4px 0 0}
.bvg-footer-in-sidebar .footer-links{display:flex!important;flex-wrap:wrap!important;gap:5px 10px!important;align-items:flex-start!important;justify-content:flex-start!important}
.bvg-footer-in-sidebar .footer-links button{font-size:10px!important;line-height:1.5!important;padding:3px 0!important;white-space:normal!important;text-align:left!important}
.bvg-article-shared .bvg-editorial-sticky{position:sticky;top:0;align-self:start;min-width:0}
.bvg-article-shared .bvg-single-text h1{font-size:clamp(15px,1.5vw,22px)!important;line-height:1.3!important}
.bvg-article-shared .bvg-single-description{font-size:clamp(12px,1vw,14px)!important;line-height:1.55!important}
.art-dialog .dialog-details h2{font-size:clamp(17px,1.8vw,25px)!important;line-height:1.3!important}
.art-dialog #artDesc{font-size:clamp(12px,1vw,14px)!important;line-height:1.55!important}
.bvg-article-shared .bvg-tax-title{font-size:10px!important;letter-spacing:.1em;color:#cf2830;margin:14px 0 6px;font-weight:700}
.bvg-article-shared .bvg-single-actions{margin:14px 0 10px}
.bvg-article-shared .bvg-single-actions a,.bvg-article-shared .eyebrow,.art-dialog .eyebrow,.art-dialog .permalink{font-size:10px!important;letter-spacing:.07em!important;color:#cf2830!important;font-weight:700!important;text-decoration:none!important}
.bvg-article-shared .bvg-single-social{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.bvg-article-shared .bvg-single-social .brand-icon{font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:5px;text-decoration:none}
.dialog-topics{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin:10px 0}
.dialog-topics .bvg-popover-tax-label{width:100%;font-size:10px;font-weight:700;color:#cf2830;letter-spacing:.08em}
.dialog-topics a{font-size:11px;text-decoration:none;border:1px solid rgba(180,180,180,.35);padding:4px 9px;border-radius:20px;color:inherit}
.bvg-article-shared .bvg-related-card span{display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important;font-size:11px}
@media(max-width:900px){.bvg-article-shared .bvg-editorial-sticky{position:relative;top:auto}}


/* ===== SORGENTE: css/step26h.css ===== */
/* STEP26H - shared sidebar footer, editorial density and related carousel */
.bvg-footer-in-sidebar .footer-brand{display:grid!important;grid-template-columns:58px minmax(0,1fr);align-items:center!important;column-gap:12px!important}
.bvg-footer-in-sidebar .footer-brand img{width:58px!important;height:58px!important;grid-column:1;grid-row:1;object-fit:contain!important}
.bvg-footer-in-sidebar .footer-brand>div{display:contents!important}
.bvg-footer-in-sidebar .footer-brand strong{grid-column:2;grid-row:1;align-self:center;font-size:19px!important;line-height:1.2}
.bvg-footer-in-sidebar .footer-brand p{grid-column:1/-1;grid-row:2;width:100%;font-size:11px!important;line-height:1.5!important;margin:15px 0 0!important}
.bvg-footer-in-sidebar .footer-links{gap:8px!important}
.bvg-footer-in-sidebar .footer-links button{font-size:12px!important;padding:7px 10px!important;border:1px solid rgba(150,150,150,.3)!important;border-radius:5px!important;line-height:1.35!important}
.bvg-sidebar-footer-slot{margin-top:20px!important;padding-top:16px!important}
.tag-panel .side-sticky{min-height:100%!important}
.bvg-editorial-feed .bvg-editorial-title,.bvg-editorial-feed .bvg-editorial-item strong{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;line-height:1.3!important;font-size:12px!important}
.bvg-editorial-feed .bvg-editorial-subtitle,.bvg-editorial-feed .bvg-editorial-item small{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;font-size:10px!important;line-height:1.35!important}
.bvg-article-shared .bvg-related{position:relative;min-width:0;overflow:hidden;border:1px solid rgba(160,160,160,.25);border-radius:15px;padding:14px;background:linear-gradient(140deg,rgba(180,180,180,.10),rgba(180,180,180,.025));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.bvg-article-shared .bvg-related-viewport{min-width:0;max-width:100%;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;-ms-overflow-style:none!important;overscroll-behavior-x:contain;scroll-snap-type:x mandatory}
.bvg-article-shared .bvg-related-viewport::-webkit-scrollbar{display:none!important}
.bvg-article-shared .bvg-related-card{flex-shrink:0;scroll-snap-align:start;overflow:hidden}
.bvg-article-shared .bvg-related-card img{max-width:100%;object-fit:cover}
.bvg-article-shared .bvg-related-controls{position:relative;z-index:3;display:flex!important;justify-content:center;gap:14px;margin-top:12px}
.bvg-article-shared .bvg-single-social{display:flex;align-items:center;flex-wrap:wrap;gap:9px}
.bvg-article-shared .bvg-single-social .bvg-video-label{font-size:10px;font-weight:700;letter-spacing:.07em;color:var(--muted,#999);width:100%}
.bvg-article-shared .bvg-single-social .brand-icon{width:33px!important;height:33px!important;display:inline-flex;align-items:center;justify-content:center}
.bvg-article-shared .bvg-single-social svg{width:19px;height:19px;fill:currentColor}
.bvg-article-shared .bvg-single-social .bvg-share-forward img{width:21px;height:21px;object-fit:contain}
@media(min-width:901px){.bvg-article-shared .bvg-editorial-sticky{position:sticky!important;top:10px!important;align-self:start!important}}


/* ===== SORGENTE: css/step26i.css ===== */
/* STEP 26I: sidebar/footer, topic cloud and carousel corrections */
.bvg-footer-in-sidebar .footer-brand{display:flex!important;align-items:center!important;gap:12px!important}
.bvg-footer-in-sidebar .footer-brand>div{display:block!important;min-width:0}
.bvg-footer-in-sidebar .footer-brand img{width:62px!important;height:62px!important;flex:0 0 62px!important}
.bvg-footer-in-sidebar .footer-brand strong{font-size:20px!important;display:block!important}
.bvg-footer-in-sidebar{display:flex!important;flex-direction:column!important;gap:12px!important}
.bvg-footer-in-sidebar .footer-brand p{display:none!important}
.bvg-footer-in-sidebar .footer-links{order:2!important;display:flex!important;flex-wrap:wrap!important;gap:8px!important}
.bvg-footer-in-sidebar .footer-links button{font-size:12px!important;min-height:34px!important;padding:7px 10px!important}
.bvg-sidebar-copyright{order:3;display:block;width:100%;font-size:10px;line-height:1.5;color:var(--muted,#999);padding-top:13px;margin-top:8px;border-top:1px solid rgba(160,160,160,.24)}
.bvg-sidebar-footer-slot{position:sticky!important;bottom:0!important;z-index:5;background:var(--bg,#171717);padding-bottom:8px!important;margin-top:auto!important}
.tag-panel .side-sticky{min-height:100%!important}
@media(min-width:901px){.tag-panel{position:relative!important;align-self:stretch!important}.tag-panel .side-sticky{position:sticky!important;top:0!important;max-height:none!important;overflow:visible!important}}
.bvg-article-shared .bvg-related-card{display:flex!important;flex-direction:column!important;overflow:hidden!important;min-width:0!important}
.bvg-article-shared .bvg-related-card img{width:100%!important;height:160px!important;aspect-ratio:auto!important;object-fit:contain!important;flex:none!important}
.bvg-article-shared .bvg-related-card span{font-size:11px!important;line-height:1.4!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;overflow:hidden!important;max-height:4.2em!important;padding:8px!important;overflow-wrap:anywhere}
.bvg-article-shared .bvg-related-viewport{overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important}
.bvg-article-shared .bvg-related-viewport::-webkit-scrollbar{display:none!important}
.bvg-article-shared .bvg-single-social svg{width:21px!important;height:21px!important;max-width:21px!important;max-height:21px!important;display:block!important;flex-shrink:0!important}
.bvg-article-shared .bvg-single-social .brand-icon{width:35px!important;height:35px!important;flex:0 0 35px!important;overflow:hidden!important;border-radius:7px!important}
.bvg-article-shared .bvg-single-social .brand-icon img{width:21px!important;height:21px!important;object-fit:contain!important}
@media(max-width:900px){.tag-panel .side-sticky{position:relative!important}.bvg-sidebar-footer-slot{position:relative!important}.bvg-article-shared .bvg-related-card img{height:135px!important}}


/* ===== SORGENTE: css/step26j.css ===== */
/* STEP26J: unified light surface, compact sidebar footer, readable related cards */
html[data-theme="light"] body:not(.bvg-article-shared) .search-dock,
html[data-theme="light"] body:not(.bvg-article-shared) .keyword-section,
html[data-theme="light"] body:not(.bvg-article-shared) .keyword-cloud,
html[data-theme="light"] body:not(.bvg-article-shared) .keyword-heading{background:transparent!important;background-color:transparent!important;box-shadow:none!important}
.bvg-footer-in-sidebar{height:auto!important;min-height:0!important;max-height:none!important;flex:0 0 auto!important;justify-content:flex-start!important;align-self:stretch!important;gap:9px!important;padding-bottom:10px!important}
.bvg-sidebar-footer-slot{height:auto!important;min-height:0!important;flex:0 0 auto!important;margin-top:12px!important}
.bvg-footer-in-sidebar .footer-links{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;align-items:start!important}
.bvg-footer-in-sidebar .footer-links button{font-size:9.6px!important;line-height:1.25!important;padding:6px 5px!important;min-height:29px!important;width:100%!important;white-space:normal!important;overflow-wrap:normal!important}
.bvg-footer-in-sidebar .bvg-sidebar-copyright{display:block!important;position:static!important;width:100%!important;flex:0 0 auto!important;margin-top:5px!important;padding-top:10px!important;font-size:10px!important;line-height:1.45!important}
.bvg-footer-in-sidebar .footer-brand p{display:none!important}
/* Related cards: restore generous dimensions, let title define card height */
.bvg-article-shared .bvg-related{overflow:hidden!important}
.bvg-article-shared .bvg-related-viewport{display:flex!important;align-items:stretch!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;padding:12px 2px!important}
.bvg-article-shared .bvg-related-card{flex:0 0 clamp(225px,48%,310px)!important;width:auto!important;min-width:0!important;align-self:stretch!important;height:auto!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
.bvg-article-shared .bvg-related-card img{width:100%!important;height:215px!important;object-fit:contain!important;flex:0 0 auto!important}
.bvg-article-shared .bvg-related-card span{display:block!important;-webkit-line-clamp:unset!important;-webkit-box-orient:initial!important;overflow:visible!important;max-height:none!important;height:auto!important;min-height:0!important;font-size:13px!important;line-height:1.45!important;padding:12px!important;white-space:normal!important;overflow-wrap:anywhere!important}
.bvg-article-shared .bvg-related-controls{display:none!important}
@media(max-width:600px){.bvg-article-shared .bvg-related-card{flex-basis:82%!important}.bvg-article-shared .bvg-related-card img{height:195px!important}}


/* ===== SORGENTE: css/admin.css ===== */
@scope (body.bvg-admin) {
:root{color-scheme:dark;font-family:system-ui,-apple-system,Arial,sans-serif;background:#171717;color:#f5f0e9}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px clamp(18px,4vw,60px);border-bottom:2px solid #a71921;background:#101010;flex-wrap:wrap}.brand{font-size:27px;font-weight:950;letter-spacing:-1.4px;color:#fff;text-decoration:none}.brand span{font-size:13px;color:#e05257;letter-spacing:0}nav{display:flex;gap:18px;flex-wrap:wrap}a{color:#ff8a8d}nav a{color:#ddd;text-decoration:none;font-size:14px}nav a:hover{color:#fff}main{max-width:1180px;margin:35px auto;padding:0 20px 50px}.narrow{max-width:620px}h1{font-size:clamp(30px,4vw,46px);letter-spacing:-1px;margin:0 0 18px}h2{font-size:19px;margin-top:25px}p{color:#c8c1bc;line-height:1.6}form{background:#222;border:1px solid #404040;padding:25px;border-radius:12px}label{display:block;margin:0 0 18px;font-weight:650;font-size:14px}input,textarea,select{display:block;width:100%;background:#121212;border:1px solid #555;border-radius:7px;color:#fff;padding:12px;margin-top:7px;font:inherit;font-weight:400}input:focus,textarea:focus{outline:2px solid #d4363f;border-color:#d4363f}button,.button{background:#c72731;border:0;border-radius:6px;color:white;font-weight:750;padding:13px 18px;cursor:pointer;text-decoration:none;display:inline-block;font-size:14px}.secondary{margin-left:15px}.danger{background:#7b2424}.delete-form{margin-top:22px;background:transparent;border:1px dashed #704040}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:25px 0}.stats div{background:#292929;padding:20px;border-radius:9px}.stats b{display:block;font-size:24px;overflow-wrap:anywhere}.stats span{font-size:12px;color:#bbb}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:600px}td,th{text-align:left;padding:12px;border-bottom:1px solid #444}th{color:#aaa;font-size:12px;text-transform:uppercase}.thumb{width:65px;height:80px;object-fit:cover;border-radius:5px}.preview{display:block;max-width:100%;max-height:260px;object-fit:contain;margin:10px 0 24px}.badge{border:1px solid #666;padding:5px 9px;border-radius:20px;font-size:12px}small{color:#aaa}.alert,.success{padding:14px;margin:15px 0;border-radius:7px;background:#65242b}.success{background:#214a31}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.gallery article{background:#252525;border-radius:9px;padding:12px}.gallery img{width:100%;display:block;border-radius:5px}.gallery h2{font-size:17px}.gallery a{text-decoration:none;color:#eee}.article{max-width:760px}.article>img{max-width:100%;width:100%;height:auto}.links{display:flex;gap:15px;flex-wrap:wrap}footer{padding:20px;text-align:center;color:#777;font-size:12px}@media(max-width:720px){.form-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:1fr 1fr}}@media(max-width:480px){.gallery{grid-template-columns:1fr}}

}


/* ===== SORGENTE: css/flags.css ===== */

/* BAVAGLIO STEP 6 - Etichette editoriali */
.card{position:relative;overflow:visible;border:2px solid transparent;transition:border-color .25s ease,box-shadow .25s ease}
.card.card-flag-top{border-color:#d91c2c;box-shadow:0 0 15px #d91c2c33}
.card.card-flag-new{border-color:#278dff;box-shadow:0 0 15px #278dff33}
.card.card-flag-hot{border-color:#efc52d;box-shadow:0 0 15px #efc52d33}
.card.card-flag-fixed{border-color:#a85cf2;box-shadow:0 0 17px #a85cf244}
.card-flags{position:absolute;top:-9px;right:10px;z-index:5;display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end;max-width:90%;pointer-events:none}
.card-flag{display:inline-block;transform:rotate(7deg);font-size:11px;font-weight:900;letter-spacing:.06em;padding:5px 9px;border-radius:3px;color:#fff;background:#444;box-shadow:0 3px 7px #0008}
.card-flag.flag-top{background:#d91c2c}.card-flag.flag-new{background:#278dff}.card-flag.flag-hot{background:#efc52d;color:#151515}.card-flag.flag-fixed{background:#a85cf2}
.flag-fieldset{border:1px solid #555;border-radius:10px;margin:18px 0;padding:12px}.flag-fieldset legend{font-weight:800;padding:0 8px}.flag-fieldset p{font-size:13px;opacity:.8}.flag-check{display:inline-flex;align-items:center;gap:7px;margin:8px 16px 8px 0;cursor:pointer}.flag-check input{width:auto;accent-color:#b22232}


/* ===== SORGENTE: css/step24-admin.css ===== */
/* STEP 24: soltanto l’editor vignette; non modifica le altre pagine del CMS */
form .flag-fieldset{min-width:0;margin:12px 0 18px;padding:15px 16px;border:1px solid #484848;border-radius:10px;background:#202020}
form .flag-fieldset legend{padding:0 7px;font-size:13px;font-weight:800;letter-spacing:.02em;color:#f5f0e9}
form .flag-fieldset .flag-help{font-size:12px;line-height:1.45;color:#aeb0b5;margin:0 0 12px;font-weight:400}
form .flag-fieldset .flag-help b{color:#d9d8d8;font-weight:650}
form .flag-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
form .flag-options .flag-check{display:flex!important;flex-direction:row!important;align-items:center!important;gap:9px!important;min-width:0;margin:0!important;padding:11px 12px!important;border:1px solid #464646;border-radius:8px;background:#292929;color:#eee;font-size:12px!important;font-weight:650!important;line-height:1.3!important;cursor:pointer}
form .flag-options .flag-check input[type=checkbox]{display:inline-block!important;flex:0 0 16px!important;width:16px!important;height:16px!important;min-width:16px!important;margin:0!important;padding:0!important;accent-color:#d42e38}
form .flag-options .flag-check:has(input:checked){border-color:#c42a33;background:#38272b}
form .form-grid>div>label{font-size:13px;line-height:1.35;margin-bottom:14px}
form .form-grid textarea,form .form-grid input:not([type=checkbox]),form .form-grid select{font-size:13px;line-height:1.5;padding:10px}
@media(max-width:550px){form .flag-options{grid-template-columns:1fr}}


/* STEP 27A - Un solo separatore footer e suggerimenti ricerca rossi. */
.tag-panel .bvg-sidebar-footer-slot::before,
.tag-panel .bvg-sidebar-footer-slot::after,
.tag-panel .bvg-sidebar-footer-slot .site-footer::before {
  content:none!important;
  display:none!important;
  height:0!important;
  margin:0!important;
  border:0!important;
  background:none!important;
}
.tag-panel .bvg-sidebar-footer-slot {border-top:0!important;box-shadow:none!important}
.tag-panel .bvg-sidebar-footer-slot .site-footer {border-top:2px solid #c9202d!important}
.tag-panel .bvg-sidebar-footer-slot .site-footer::after,
.tag-panel .bvg-sidebar-footer-slot .bvg-sidebar-copyright {border-top:0!important}
#bvgSearchSuggestions .bvg-search-option,
.bvg-search-suggestions .bvg-search-option,
.search-suggestions button,
.search-suggest button,
.suggestions button,
[id*=suggestions] button,
[class*=suggestion-list] button {
  font-size:13px!important;
  font-weight:400!important;
  color:#e4444e!important;
}
#bvgSearchSuggestions .bvg-search-option:hover,
.bvg-search-suggestions .bvg-search-option:hover {color:#ff5b63!important}
html[data-theme="light"] #bvgSearchSuggestions .bvg-search-option,
html[data-theme="light"] .bvg-search-suggestions .bvg-search-option,
html[data-theme="light"] .search-suggestions button,
html[data-theme="light"] .suggestions button {color:#b51d28!important}

/* STEP 27B: separatore unico e suggerimenti rossi, 1px piu piccoli. */
.tag-panel .bvg-sidebar-footer-slot::before,
.tag-panel .bvg-sidebar-footer-slot::after,
.tag-panel .bvg-sidebar-footer-slot > .site-footer::before {
  content:none!important;display:none!important;border:0!important;box-shadow:none!important;
}
.tag-panel .bvg-sidebar-footer-slot {border-top:0!important;box-shadow:none!important;}
.tag-panel .bvg-sidebar-footer-slot > .site-footer {border-top:2px solid #c9202d!important;}
.tag-panel .bvg-sidebar-footer-slot > .site-footer::after,
.tag-panel .bvg-sidebar-footer-slot .bvg-sidebar-copyright {border-top:0!important;}
.bvg-search-suggestions .bvg-search-option,
#bvgSearchSuggestions .bvg-search-option,
.search-suggestions button,
.search-suggest button,
.suggestions button,
[id*=suggestions] button,
[class*=suggestion-list] button {font-size:12px!important;font-weight:400!important;color:#e4444e!important;}
html[data-theme="light"] .bvg-search-suggestions .bvg-search-option,
html[data-theme="light"] #bvgSearchSuggestions .bvg-search-option,
html[data-theme="light"] .search-suggestions button,
html[data-theme="light"] .suggestions button {color:#b51d28!important;}

/* STEP 27D — HOMEPAGE MOBILE ONLY. Desktop and single vignette unchanged. */
@media screen and (max-width:650px) {
  body:not(.bvg-article-shared) .layout {display:flex!important;flex-direction:column!important;gap:0!important;align-items:stretch!important;min-height:0!important;}
  body:not(.bvg-article-shared) .layout > .tag-panel,
  body:not(.bvg-article-shared) .layout > .tag-panel > .side-sticky {display:contents!important;}
  body:not(.bvg-article-shared) .layout .sidebar-identity {
    order:0!important;position:sticky!important;top:0!important;z-index:65!important;
    display:flex!important;align-items:center!important;gap:12px!important;
    width:100%!important;max-width:100%!important;min-width:0!important;
    padding:9px 15px!important;margin:0!important;border:0!important;
    background:var(--bg)!important;box-shadow:0 1px 0 var(--line)!important;
  }
  body:not(.bvg-article-shared) .layout .sidebar-brand {flex:0 0 112px!important;width:112px!important;max-width:112px!important;margin:0!important;min-width:0!important;}
  body:not(.bvg-article-shared) .layout .sidebar-brand img {display:block!important;width:100%!important;height:auto!important;max-height:67px!important;object-fit:contain!important;object-position:left center!important;}
  body:not(.bvg-article-shared) .layout .sidebar-intro {flex:1 1 auto!important;min-width:0!important;margin:0!important;padding:0!important;font-size:10px!important;line-height:1.35!important;display:-webkit-box!important;-webkit-line-clamp:4!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
  body:not(.bvg-article-shared) .layout > .feed {order:1!important;width:100%!important;min-width:0!important;margin:0!important;padding:0 13px 28px!important;}
  body:not(.bvg-article-shared) .layout > .tag-panel .side-kicker {order:2!important;margin:14px 16px 9px!important;}
  body:not(.bvg-article-shared) .layout > .tag-panel #tagCloud {order:3!important;margin:0 16px!important;width:auto!important;max-width:none!important;max-height:none!important;overflow:visible!important;}
  body:not(.bvg-article-shared) .layout > .tag-panel #allTags {order:4!important;align-self:flex-start!important;margin:10px 16px 15px!important;}
  body:not(.bvg-article-shared) .layout > .tag-panel .side-editorial {order:5!important;display:block!important;grid-template-columns:none!important;width:auto!important;min-width:0!important;max-width:none!important;margin:8px 16px 0!important;padding:12px 0 0!important;justify-self:stretch!important;}
  body:not(.bvg-article-shared) .layout > .tag-panel .side-editorial .side-kicker {margin:0 0 12px!important;}
  body:not(.bvg-article-shared) .layout > .tag-panel .bvg-editorial-feed {display:block!important;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important;}
  body:not(.bvg-article-shared) .layout > .tag-panel .bvg-editorial-item {display:block!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;padding:11px 0!important;}
  body:not(.bvg-article-shared) .layout > .tag-panel .bvg-sidebar-footer-slot {order:6!important;align-self:stretch!important;width:auto!important;max-width:none!important;margin:18px 16px 20px!important;padding:0!important;position:relative!important;bottom:auto!important;}
  body:not(.bvg-article-shared) .layout > .tag-panel .site-footer {width:100%!important;max-width:100%!important;margin:0!important;}
  body:not(.bvg-article-shared) .layout > .tag-panel .side-reserved {display:none!important;}
  body:not(.bvg-article-shared) .layout .search-dock {top:85px!important;}
}

/* STEP 28D — Desktop layout rebuilt without legacy sticky overrides. */
@media(min-width:901px){
 body:not(.bvg-article-shared) .layout{align-items:stretch!important}
 body:not(.bvg-article-shared) .layout>.tag-panel{position:relative!important;align-self:stretch!important;min-height:0!important;overflow:visible!important}
 body:not(.bvg-article-shared) .layout>.tag-panel>.side-sticky{position:static!important;display:block!important;top:auto!important;max-height:none!important;height:auto!important;min-height:0!important;overflow:visible!important;transform:none!important}
 body:not(.bvg-article-shared) .layout>.tag-panel>.bvg-brand-pinned{display:block!important;position:sticky!important;top:0!important;z-index:55!important;padding:6px 0!important;margin:0 0 8px!important;background:var(--bg)!important;width:100%!important}
 body:not(.bvg-article-shared) .layout .sidebar-identity{position:static!important;display:block!important;margin:0 0 10px!important;padding:0!important;transform:none!important}
 body:not(.bvg-article-shared) .layout .sidebar-intro{position:static!important;top:auto!important;transform:none!important;margin:0 0 14px!important}
 body:not(.bvg-article-shared) .layout .bvg-sidebar-footer-slot{position:static!important;inset:auto!important;top:auto!important;bottom:auto!important;z-index:auto!important;transform:none!important;float:none!important;display:block!important;margin:20px 0 0!important;padding:0!important;height:auto!important;min-height:0!important}
 body:not(.bvg-article-shared) .layout .bvg-sidebar-footer-slot .site-footer{position:static!important;inset:auto!important;transform:none!important}
 body:not(.bvg-article-shared) .layout>.feed{position:relative!important;top:auto!important;align-self:stretch!important;min-height:0!important;height:auto!important;overflow:visible!important}
 body:not(.bvg-article-shared) .layout.bvg-keep-gallery #cards,
 body:not(.bvg-article-shared) .layout.bvg-filter-short #cards{position:sticky!important;top:var(--bvg-gallery-top,18px)!important;transform:none!important;will-change:auto!important}
}