.tctx[data-astro-cid-pzvuejox]{margin:8px 16px 0}.tctx-box[data-astro-cid-pzvuejox]{border:1px solid #c5d4e8;background:#f4f8fc;border-radius:8px;padding:8px 12px}.tctx-box[data-astro-cid-pzvuejox] summary[data-astro-cid-pzvuejox]{cursor:pointer;display:flex;flex-wrap:wrap;gap:6px 12px;align-items:baseline}.tctx-sum[data-astro-cid-pzvuejox]{font-size:13px;color:var(--muted)}.tctx-form[data-astro-cid-pzvuejox]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}.tctx-form[data-astro-cid-pzvuejox] label[data-astro-cid-pzvuejox]{font-size:12px;color:var(--muted);display:flex;flex-direction:column;gap:2px}.tctx-form[data-astro-cid-pzvuejox] select[data-astro-cid-pzvuejox],.tctx-form[data-astro-cid-pzvuejox] input[data-astro-cid-pzvuejox]{font-size:14px;padding:5px 6px}.tctx-form[data-astro-cid-pzvuejox] button[data-astro-cid-pzvuejox]{grid-column:1 / -1;background:#1b4f72;color:#fff;border:0;border-radius:6px;padding:8px;font-weight:600;cursor:pointer}.tctx-note[data-astro-cid-pzvuejox]{font-size:12px;color:var(--muted);margin:8px 0 0}@media(max-width:700px){.tctx-form[data-astro-cid-pzvuejox]{grid-template-columns:1fr 1fr}}.demo-banner{margin:10px 16px 4px;padding:26px 22px;border-radius:6px;color:#fff;background:linear-gradient(120deg,var(--accent),#0a2540)}.demo-banner h1{margin:6px 0 0;font-size:30px;font-weight:700;font-family:Linux Libertine,Georgia,serif}.demo-banner .demo-note{margin:8px 0 0;font-size:14px;opacity:.92;max-width:70ch}.demo-ribbon{font-size:13px;opacity:.95}.demo-ribbon code{background:#fff3;padding:1px 7px;border-radius:3px;font-size:13px}.demo-ribbon .fam{margin-left:8px;background:#ffffff29;padding:1px 7px;border-radius:3px;font-size:12px}.demo-wpb{position:relative;width:calc(100% - 32px);margin:8px 16px 0;aspect-ratio:8 / 1;min-height:140px;max-height:230px;border-radius:4px;overflow:hidden;background-image:var(--bg);background-size:cover;background-position:center;background-color:#0f3a4a;border:1px solid var(--border-light);display:flex;align-items:flex-start}.demo-wpb .wpb-title{margin-left:2.5%;margin-top:12px}.demo-wpb .wpb-title span{display:inline-block;color:#fff;font-weight:700;font-family:Linux Libertine,Georgia,Times,serif;font-size:clamp(18px,2.2vw,26px);line-height:1.1;padding:3px 11px;background:#0000006b;border-radius:2px;text-shadow:0 1px 4px rgba(0,0,0,.4)}.demo-wpb .wpb-nav{position:absolute;left:0;right:0;bottom:0;padding:8px 10px;text-align:center;background:linear-gradient(180deg,#0000,#0000008c);font-size:13.5px;line-height:1.8}.demo-wpb .wpb-nav a{color:#fff;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.7)}.demo-wpb .wpb-nav .dot{color:#e8e8e8;margin:0 6px}.demo-wpb .wpb-credit{position:absolute;right:6px;top:5px;max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:#ffffffd9;background:#0000004d;padding:1px 6px;border-radius:3px}.demo-ribbon.abs{position:absolute;right:8px;top:8px;z-index:2;background:#00000073;padding:2px 9px;border-radius:3px;color:#fff;font-size:12px}.demo-note.below{margin:8px 16px 0;color:var(--muted);font-size:13.5px}.demo-note.below code{background:#eef1f4;padding:0 5px;border-radius:3px;color:#c0392b}@media(max-width:700px){.demo-wpb .wpb-nav{display:none}}.cz-wrap{display:grid;grid-template-columns:210px minmax(0,1fr);gap:18px;clear:both}.cz-filters{font-size:14px;border:1px solid var(--border);border-radius:6px;padding:10px 12px;align-self:start;background:var(--page-bg)}.cz-filters h4{margin:10px 0 4px;font-size:13px;color:var(--heading)}.cz-filters label{display:block;margin:2px 0;color:var(--fg)}.cz-card{display:flex;gap:12px;border:1px solid var(--border);border-radius:6px;padding:10px;margin:10px 0;background:#fff}.cz-card .ph{flex:0 0 120px;height:84px;border-radius:4px;overflow:hidden;background:linear-gradient(120deg,#cfe0f0,#9bb6cf)}.cz-card .ph img{width:100%;height:100%;object-fit:cover;display:block}.cz-card.big .ph{flex:0 0 240px;height:150px}@media(max-width:560px){.cz-card{flex-direction:column}.cz-card .ph,.cz-card.big .ph{flex-basis:auto;width:100%;height:170px}}.cz-card .body{flex:1 1 auto;min-width:0}.cz-card .body b{font-size:16px}.cz-rate{color:#e08e0b}.cz-price{float:right;font-weight:700;color:#2e8540}.cz-cta{display:inline-block;margin-top:6px;background:#2e8540;color:#fff;padding:4px 12px;border-radius:3px;font-size:14px}.cz-cta:hover{text-decoration:none;background:#246b34;color:#fff}@media(max-width:700px){.cz-wrap{grid-template-columns:1fr}}