/* ORIGO | Articoli — tutto isolato dalla UI di prenotazioni */
.oa-page{background:#f5f4ef;color:#0c0e12;padding:76px 0 110px;min-height:68vh}
.oa-shell{max-width:1120px}
.oa-header{margin:0 0 38px}
.oa-header h1{font-size:clamp(52px,7vw,88px);line-height:1;letter-spacing:-.065em;margin:0 0 16px;font-weight:800}
.oa-header p{font-size:17px;line-height:1.5;color:#606570;margin:0;max-width:660px}
.oa-tools{padding:0 0 24px;border-bottom:1px solid #d8d8d2}
.oa-search{display:flex;align-items:center;gap:14px;width:100%;background:#fff;border:1px solid #d6d8da;border-radius:14px;padding:0 18px;min-height:62px;cursor:text;transition:border-color .15s}
.oa-search:focus-within{border-color:#5b7cff;box-shadow:0 0 0 3px rgba(91,124,255,.12)}
.oa-search svg{fill:none;stroke:#626773;stroke-width:1.8;stroke-linecap:round;flex-shrink:0}
.oa-search input{min-width:0;width:100%;height:60px;border:0!important;background:transparent;outline:0!important;box-shadow:none!important;font-size:16px;color:#0c0e12;padding:0}
.oa-search input::placeholder{color:#858995}
.oa-search input::-webkit-search-cancel-button{cursor:pointer}
.oa-filters{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.oa-filter{background:transparent;border:1px solid #d5d5ce;color:#50555f;border-radius:999px;padding:10px 16px;cursor:pointer;font-size:13px;line-height:1.1;font-weight:700;transition:background .15s,color .15s}
.oa-filter:hover{border-color:#777d89;color:#0c0e12}
.oa-filter.is-active{background:#101217;border-color:#101217;color:#fff}
.oa-filter:focus-visible{outline:3px solid #5b7cff;outline-offset:3px}
.oa-list-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:67px;color:#777b85;font-size:13px;font-weight:700}
.oa-scroll-hint{font-size:12px;font-weight:600;color:#888d96}
.oa-scroll-box{max-height:524px;overflow-y:auto;overscroll-behavior:contain;border:1px solid #dbdedc;border-radius:18px;background:#eff0ed;padding:12px;scrollbar-width:thin;scrollbar-color:#aeb2b8 transparent}
.oa-scroll-box:focus-visible{outline:3px solid #5b7cff;outline-offset:3px}
.oa-scroll-box::-webkit-scrollbar{width:9px}
.oa-scroll-box::-webkit-scrollbar-thumb{background:#b8bcc2;border-radius:10px;border:2px solid #eff0ed}
.oa-scroll-box::-webkit-scrollbar-track{background:transparent}
.oa-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.oa-card{background:#fff;border:1px solid #e0e0dc;border-radius:16px;padding:28px;display:flex;flex-direction:column;min-height:244px}
.oa-card[hidden]{display:none!important}
.oa-category{font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:#586073;font-weight:800}
.oa-card h2{font-size:clamp(21px,2.1vw,28px);letter-spacing:-.035em;line-height:1.15;margin:18px 0 11px;max-width:580px;font-weight:800}
.oa-card h2 a{text-decoration:none}
.oa-card h2 a:hover{text-decoration:underline;text-underline-offset:3px}
.oa-card p{margin:0;color:#616671;line-height:1.5;font-size:14px;max-width:540px}
.oa-card-bottom{font-size:12px;font-weight:700;margin-top:auto;padding-top:25px;color:#8a8e97}
.oa-card-bottom a{color:#1b2d67;text-decoration:none;font-size:13px}
.oa-card-bottom a:hover{text-decoration:underline}
.oa-empty{padding:38px 0;text-align:center;color:#606570;font-size:15px}
.oa-bottom{margin-top:30px;border-top:1px solid #d8d8d2;padding-top:26px;font-size:14px;color:#676b73}
.oa-bottom a{color:#0e1013;font-weight:800;text-decoration:underline;text-underline-offset:3px}
@media(max-width:750px){
 .oa-page{padding:40px 0 70px}
 .oa-header{margin-bottom:26px}
 .oa-header h1{font-size:54px}
 .oa-header p{font-size:15px}
 .oa-search{min-height:54px;padding:0 13px}
 .oa-search input{height:52px;font-size:16px!important}
 .oa-filters{gap:7px;margin-top:14px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
 .oa-filters::-webkit-scrollbar{display:none}
 .oa-filter{flex:0 0 auto;padding:10px 14px}
 .oa-list{grid-template-columns:1fr;gap:10px}
 .oa-scroll-box{max-height:435px;padding:9px;border-radius:16px}
 .oa-scroll-hint{font-size:11px;text-align:right;max-width:145px}
 .oa-list-head{min-height:56px}
 .oa-card{min-height:205px;padding:22px;border-radius:16px}
 .oa-card h2{font-size:24px;margin-top:14px}
}

/* ORIGO | Pagine dedicate degli articoli. La grafica editoriale definitiva sara' definita separatamente. */
.oa-detail{background:#f5f4ef;color:#101217;min-height:72vh;padding:48px 0 110px}
.oa-detail-shell{max-width:1120px}
.oa-breadcrumb{display:flex;gap:12px;align-items:center;font-size:13px;color:#737883;margin-bottom:54px}
.oa-breadcrumb a{color:#3a414e;text-underline-offset:3px}
.oa-story{max-width:790px;margin:0 auto}
.oa-story-head{padding-bottom:34px;border-bottom:1px solid #d7d9d5}
.oa-story-head h1{margin:17px 0 23px;letter-spacing:-.052em;font-size:clamp(38px,5.5vw,68px);font-weight:800;line-height:1.09;max-width:800px}
.oa-story-lead{font-size:clamp(19px,2.2vw,24px);line-height:1.48;color:#444954;margin:0 0 22px;max-width:740px}
.oa-story-byline{font-size:12px;letter-spacing:.02em;color:#7e828a;margin:0}
.oa-story-content{padding:15px 0 18px}
.oa-story-content section{margin:36px 0 40px}
.oa-story-content h2{font-size:clamp(23px,2.7vw,31px);font-weight:780;line-height:1.18;letter-spacing:-.036em;margin:0 0 17px}
.oa-story-content p{color:#424853;font-size:17px;line-height:1.78;margin:0 0 17px}
.oa-article-note{font-size:13px;line-height:1.65;color:#6d727d;border-left:2px solid #a4a9aa;padding-left:15px;margin:0 0 48px}
.oa-story-cta{margin:48px 0 56px;padding:34px 37px;background:#13161b;color:#fff;border-radius:18px}
.oa-story-cta-eyebrow{color:#b1bfca!important;font-weight:800;font-size:11px!important;letter-spacing:.08em!important;margin:0 0 17px!important}
.oa-story-cta h2{color:#fff;font-size:clamp(25px,3.1vw,35px);line-height:1.15;letter-spacing:-.04em;margin:0 0 14px;max-width:610px}
.oa-story-cta p{line-height:1.62;color:#c5ccd6;font-size:15px;margin:0 0 23px}
.oa-story-cta a{display:inline-flex;align-items:center;gap:22px;background:#fff;color:#17191d!important;text-decoration:none;padding:13px 19px;border-radius:6px;font-size:13px;font-weight:800}
.oa-story-cta a:hover{background:#e8edf5}
.oa-story-related{border-top:1px solid #d6d8d5;padding-top:26px}
.oa-story-related h2{font-size:19px;letter-spacing:-.02em;margin:0 0 21px}
.oa-related-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.oa-related-list a{display:flex;flex-direction:column;gap:9px;border:1px solid #d9dbd8;border-radius:12px;background:#fff;padding:21px;text-decoration:none;color:#17191d!important;min-height:145px}
.oa-related-list a span:first-child{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#717987}
.oa-related-list a strong{font-size:18px;letter-spacing:-.02em;line-height:1.26}
.oa-related-list a span:last-child{margin-top:auto;align-self:flex-end}
.oa-related-list a:hover{border-color:#8992a0}
@media(max-width:750px){
 .oa-detail{padding:26px 0 77px}
 .oa-breadcrumb{margin-bottom:30px}
 .oa-story-head h1{font-size:clamp(36px,10vw,48px)}
 .oa-story-lead{font-size:19px}
 .oa-story-content section{margin:27px 0 34px}
 .oa-story-content p{font-size:16px;line-height:1.7}
 .oa-story-cta{padding:26px 24px;margin:35px 0 43px}
 .oa-related-list{grid-template-columns:1fr}
}