/* v1.1 progressive enhancement. Primary v1.0 layout retained. */
:root{--v-blue:#0756bf;--v-ink:#0b234f}
.btn,.admin-btn{transition:transform .2s ease,box-shadow .22s ease,background .2s ease;transform:translateZ(0)}
.btn:hover,.admin-btn:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(11,77,162,.23)}
.btn:focus-visible,.admin-btn:focus-visible,.mat-showcase:focus-visible{outline:3px solid #68b9ff;outline-offset:3px}
.readable-prose{font-size:1.06rem;line-height:1.83;max-width:76ch}.readable-prose h2{font-size:clamp(1.45rem,2.2vw,2rem);margin:2.4rem 0 .8rem;color:#102c58}.readable-prose h3{margin:1.7rem 0 .5rem}.readable-prose a{color:#005bc7;text-decoration:underline;text-underline-offset:3px}.readable-prose p{margin-bottom:1.15rem}.readable-prose ul{padding-left:1.6rem}.breadcrumbs{margin:0 0 2rem;color:#66758d;font-size:.9rem}.breadcrumbs a{color:#1161be}.detail-faq{margin:4rem 0 1rem}.detail-faq h2{margin:0 0 1.5rem}.faq-item{border-bottom:1px solid #dae2ef;padding:1.15rem 0}.faq-item summary{font-weight:750;color:#12345e;cursor:pointer;display:list-item;padding-right:2rem}.faq-item[open] summary{color:#0757c7}.faq-item p{margin:.9rem 0 0;line-height:1.7;color:#3b4960}.side-mat{height:140px;width:100%;object-fit:cover;border-radius:14px;margin:0 0 1.3rem}.side-note{font-size:.82rem;color:#607088}.faq-layout{display:grid;grid-template-columns:minmax(180px,290px) 1fr;gap:5vw}.faq-sidebar{align-self:start;position:sticky;top:100px}.faq-sidebar h2{font-size:1.2rem}.faq-sidebar a:not(.btn){display:block;padding:.55rem 0;color:#28518c}.faq-category{scroll-margin-top:120px;margin:0 0 2.8rem}.mat-home-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.mat-sample{border:1px solid #dce6f2;border-radius:17px;background:#fff;box-shadow:0 15px 38px rgba(8,40,87,.09);overflow:hidden;padding:0!important;transition:transform .25s,box-shadow .25s}.mat-sample:hover{transform:translateY(-7px) rotateX(2deg);box-shadow:0 20px 43px rgba(5,61,137,.17)}.mat-sample img{width:100%;height:180px;object-fit:cover;display:block;transform:none!important}.mat-sample span{font-weight:700;display:block;padding:14px 15px;color:#173968}.mat-catalog .materials-catalog{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.mat-intro{max-width:800px;margin-bottom:2.4rem}.mat-showcase{display:block;border:1px solid #e4ebf4;border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 15px 45px rgba(11,42,91,.08);transition:transform .3s,box-shadow .3s}.mat-showcase:hover{transform:translateY(-8px);box-shadow:0 24px 50px rgba(5,74,163,.14)}.mat-surface{aspect-ratio:1.1;overflow:hidden}.mat-surface img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .5s}.mat-showcase:hover img{transform:scale(1.04)}.mat-caption{padding:19px;display:flex;justify-content:space-between;align-items:center;gap:10px}.mat-caption strong{display:block;color:#122d58;font-size:1.05rem}.mat-caption small{font-size:.78rem;color:#718196}.mat-caption>span{font-size:1.4rem;color:#1261cf}.journal-preview .gallery-grid{margin:2rem 0}.journal-preview .gallery-card .eyebrow{display:block;margin:.8rem 0 .5rem}.quote-section-v2 .quote-layout{align-items:stretch}.quote-section-v2 .quote-form-panel{min-width:0}.quote-section-v2 .quote-form .full{grid-column:1/-1}.quote-section-v2 .wizard-specific{background:#f7faff;border-radius:15px;padding:18px;border:1px solid #e5edf9}.wizard-specific h3{margin:0 0 1rem;font-size:1rem}.wizard-specific label{margin:0 0 1rem}.wizard-top{margin:25px 0}.wizard-progress{--wizard-pct:25%;height:7px;border-radius:9px;background:#dae7f8;overflow:hidden}.wizard-progress span{display:block;width:var(--wizard-pct);height:100%;background:linear-gradient(90deg,#0061dc,#32b3fa);transition:width .4s}.wizard-steps{display:flex;list-style:none;justify-content:space-between;padding:0;margin:12px 0 0;color:#8b9cb1;font-size:.76rem;gap:8px}.wizard-steps .selected{color:#0756bd;font-weight:800}.wizard-step{border:0;margin:0;padding:0;min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.wizard-step[hidden],.wizard-specific [hidden]{display:none!important}.wizard-step legend{font-size:1.13rem;font-weight:800;color:#173b71;margin:0 0 1.3rem}.wizard-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:22px}.wizard-status{font-size:.8rem;margin:12px 0;color:#6d7e99}.quote-section-v2 .tile-showcase{display:flex;transform:rotate(-7deg);margin:3.2rem 0 2rem;gap:0;max-width:330px;filter:drop-shadow(0 24px 22px rgba(0,0,0,.35))}.tile-showcase img{width:35%;aspect-ratio:1;object-fit:cover;border:3px solid #fff;border-radius:8px;transform:rotate(calc(var(--i,0)*4deg));margin-left:-6%;box-shadow:0 13px 24px rgba(0,0,0,.18)}.tile-showcase img:nth-child(2){--i:1;transform:translateY(16px) rotate(6deg)}.tile-showcase img:nth-child(3){--i:2;transform:translateY(32px) rotate(14deg)}.form-hint{font-size:.86rem;opacity:.9}.bara-cookie{position:fixed;z-index:9999;bottom:18px;left:18px;right:18px;margin:auto;max-width:630px;background:#071b3a;color:white;box-shadow:0 22px 70px rgba(0,0,0,.23);border:1px solid #3972b8;border-radius:16px;padding:20px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.bara-cookie[hidden]{display:none}.bara-cookie p{flex:1 1 100%;margin:0}.bara-cookie button{padding:9px 18px;border:1px solid #acc8ef;color:white;background:transparent;border-radius:8px;cursor:pointer}.bara-cookie button[data-consent=yes]{background:#1478f4;border-color:#1478f4}
@media(max-width:980px){.mat-home-grid,.mat-catalog .materials-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.faq-layout{grid-template-columns:1fr}.faq-sidebar{position:static}.faq-sidebar a:not(.btn){display:inline-block;margin-right:18px}.nav-links{max-height:80vh;overflow:auto}}
@media(max-width:640px){.mat-home-grid{gap:10px}.mat-sample img{height:115px}.mat-sample span{padding:11px;font-size:.78rem}.mat-catalog .materials-catalog{gap:12px}.mat-caption{padding:13px}.mat-caption strong{font-size:.85rem}.mat-caption small{font-size:.68rem}.wizard-step{grid-template-columns:1fr}.wizard-steps{font-size:.65rem}.wizard-actions{flex-wrap:wrap}.wizard-actions .btn{flex:1}.breadcrumbs{font-size:.76rem}.detail-hero-image{object-position:65% center}.quote-section-v2 .tile-showcase{margin:2rem 0}.bara-cookie{bottom:6px;left:6px;right:6px;padding:12px;font-size:.83rem}}
@media(prefers-reduced-motion:reduce){.btn,.mat-showcase,.mat-showcase img,.wizard-progress span,.mat-sample{transition:none!important;animation:none!important;transform:none!important}}