/* ===== theme picker (quick previews of each look) ===== */
.st-themes{--c:#B8692E;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.th{display:flex;flex-direction:column;gap:6px;align-items:stretch;padding:6px;border-radius:12px;border:1px solid var(--line);background:#0b0e24;color:var(--muted);cursor:pointer;font:600 11px Sora,sans-serif;transition:.2s}
.th:hover{border-color:var(--teal);color:var(--text)}
.th[aria-pressed=true]{border-color:var(--teal);color:var(--mint);box-shadow:0 0 0 1px var(--teal)}
.th i{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:14px 10px;gap:3px;height:38px;padding:4px;border-radius:7px;background:#fff;overflow:hidden}
.th i b{border-radius:3px;background:var(--c)}
.th i b:first-child{grid-column:span 2;background:#c9ccd6}
.th i b+b{background:#eceef3}.th i b+b+b{background:var(--c)}
.th-dark i{background:#11131f}.th-dark i b:first-child{background:#2a2e45}.th-dark i b+b{background:#1c1f31}
.th-split i{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.th-split i b:first-child{grid-column:auto;background:var(--c)}.th-split i b+b{background:#c9ccd6}.th-split i b+b+b{display:none}
.th-soft i{background:color-mix(in srgb,var(--c) 14%,#fff)}.th-soft i b{border-radius:6px}.th-soft i b:first-child{background:color-mix(in srgb,var(--c) 40%,#fff)}.th-soft i b+b{background:#fff}
.th-minimal i{background:#fff;gap:5px}.th-minimal i b{border-radius:0;background:#1d2033}.th-minimal i b:first-child{background:#e5e5e5}.th-minimal i b+b{background:#fff;outline:1px solid #ddd}
.th-block i{background:#fff6d8}.th-block i b{border-radius:0;outline:2px solid #111;background:var(--c)}.th-block i b:first-child{background:#111}.th-block i b+b{background:#fff}

/* ===== themes applied to the example site ===== */
/* Midnight: dark and premium */
.ms.t-dark{background:#0f111a;color:#e8e9f2}
.ms.t-dark .ms-nav{background:#0f111af2;box-shadow:0 1px 0 #ffffff14}
.ms.t-dark .ms-nav nav{color:#a6a9bf}.ms.t-dark .ms-burger b{background:#fff}
.ms.t-dark .ms-items,.ms.t-dark .ms-rev{background:#161927}
.ms.t-dark .ms-card,.ms.t-dark .ms-rev blockquote{background:#1d2133;box-shadow:none;border:1px solid #ffffff12}
.ms.t-dark .ms-card b,.ms.t-dark .ms-rev blockquote p{color:#fff}
.ms.t-dark .ms-card small,.ms.t-dark .ms-about p,.ms.t-dark .ms-visit p{color:#a6a9bf}
.ms.t-dark .ms-kicker,.ms.t-dark .ms-link,.ms.t-dark .ms-card em{color:color-mix(in srgb,var(--c) 55%,#fff)}
.ms.t-dark .ms-map svg{filter:invert(.9) hue-rotate(180deg)}
.ms.t-dark .ms-foot{background:#07080d}

/* Split: text panel beside the photo */
.ms.t-split .ms-hero{display:grid;align-items:stretch;grid-template-columns:1fr 1fr;padding:0;min-height:540px;background:none;color:#fff}
.ms.t-split .ms-hero>div{max-width:none;padding:60px 44px;background:var(--c);display:flex;flex-direction:column;justify-content:center}
.ms.t-split .ms-hero::after{content:"";background:var(--hero) center/cover}
.ms.t-split .ms-hero h1{font-size:48px}
.ms.t-split .ms-btn.ghost{background:transparent}
.ms.t-split .ms-hero .ms-btn:not(.ghost){background:#fff;color:var(--c)}
.ms.t-split .ms-strip{background:#1d2033}
.ms.t-split .ms-about{grid-template-columns:1fr 1fr}.ms.t-split .ms-about img{border-radius:0}
.ms.mob.t-split .ms-hero{grid-template-columns:1fr;grid-template-rows:auto 280px;min-height:0}
.ms.mob.t-split .ms-hero>div{padding:40px 22px}

/* Soft: tinted, rounded and friendly */
.ms.t-soft{background:color-mix(in srgb,var(--c) 7%,#fff)}
.ms.t-soft .ms-nav{background:color-mix(in srgb,var(--c) 7%,#fff);box-shadow:none}
.ms.t-soft .ms-hero{margin:0 24px;border-radius:32px;overflow:hidden;background:linear-gradient(90deg,color-mix(in srgb,var(--c) 70%,#000a),#0002 75%),var(--hero) center/cover}
.ms.t-soft .ms-strip{background:transparent;color:var(--c)}
.ms.t-soft .ms-strip .ms-stars{color:var(--c)}
.ms.t-soft .ms-items,.ms.t-soft .ms-rev{background:color-mix(in srgb,var(--c) 14%,#fff);margin:0 24px;border-radius:32px}
.ms.t-soft .ms-card,.ms.t-soft .ms-rev blockquote{border-radius:26px;border-top:0}
.ms.t-soft .ms-about img,.ms.t-soft .ms-photos img,.ms.t-soft .ms-map{border-radius:30px}
.ms.t-soft .ms-btn{border-radius:16px}
.ms.t-soft .ms-book{margin:0 24px 40px;border-radius:32px}
.ms.mob.t-soft .ms-hero,.ms.mob.t-soft .ms-items,.ms.mob.t-soft .ms-rev,.ms.mob.t-soft .ms-book{margin-left:10px;margin-right:10px}

/* Minimal: clean, centred, lots of white space */
.ms.t-minimal .ms-nav{box-shadow:0 1px 0 #e6e6e6}
.ms.t-minimal .ms-logo i{border-radius:50%;width:12px;height:12px}
.ms.t-minimal .ms-hero{background:#fff;color:#111;text-align:center;justify-content:center;flex-direction:column;min-height:0;padding:80px 60px 0}
.ms.t-minimal .ms-hero>div{max-width:680px;margin:0 auto}
.ms.t-minimal .ms-hero::after{content:"";display:block;width:100%;height:300px;margin-top:50px;background:var(--hero) center/cover}
.ms.t-minimal .ms-kind{color:var(--c)}
.ms.t-minimal .ms-hero h1{font-weight:600;letter-spacing:-.03em}
.ms.t-minimal .ms-ctas{justify-content:center}
.ms.t-minimal .ms-btn{border-radius:0;background:#111}
.ms.t-minimal .ms-btn.ghost{background:transparent;color:#111;border:1px solid #111}
.ms.t-minimal .ms-strip{background:#fff;color:#555;border-bottom:1px solid #eee;font-weight:400}
.ms.t-minimal .ms-strip .ms-stars{color:var(--c)}
.ms.t-minimal .ms-items,.ms.t-minimal .ms-rev{background:#fff}
.ms.t-minimal .ms-card,.ms.t-minimal .ms-rev blockquote{box-shadow:none;border:1px solid #e6e6e6;border-radius:0}
.ms.t-minimal .ms-about img,.ms.t-minimal .ms-photos img,.ms.t-minimal .ms-map{border-radius:0}
.ms.t-minimal .ms-book{background:#f4f4f4;color:#111}
.ms.t-minimal .ms-book .ms-btn{background:#111;color:#fff}
.ms.t-minimal .ms-pills span{border-color:#ccc;border-radius:0}.ms.t-minimal .ms-pills span.on{background:#111;color:#fff;border-color:#111}
.ms.mob.t-minimal .ms-hero{padding:50px 22px 0;align-items:stretch}
.ms.mob.t-minimal .ms-hero::after{height:220px}

/* Bold block: chunky outlines and offset shadows */
.ms.t-block{background:#fff6d8}
.ms.t-block .ms-nav{background:#fff6d8;box-shadow:0 3px 0 #111}
.ms.t-block .ms-logo i{border-radius:0;outline:3px solid #111}
.ms.t-block .ms-btn{border-radius:0;border:3px solid #111;box-shadow:4px 4px 0 #111;color:#fff}
.ms.t-block .ms-btn.ghost{background:#fff;color:#111}
.ms.t-block .ms-hero{margin:24px;border:4px solid #111;box-shadow:10px 10px 0 #111}
.ms.t-block .ms-hero h1{font-size:60px;text-transform:uppercase}
.ms.t-block .ms-strip{border-top:3px solid #111;border-bottom:3px solid #111}
.ms.t-block .ms-items,.ms.t-block .ms-rev{background:transparent}
.ms.t-block .ms-card,.ms.t-block .ms-rev blockquote{border-radius:0;border:3px solid #111;box-shadow:6px 6px 0 #111}
.ms.t-block .ms-about img,.ms.t-block .ms-photos img,.ms.t-block .ms-map{border-radius:0;border:3px solid #111}
.ms.t-block .ms-book{border-top:3px solid #111;border-bottom:3px solid #111}
.ms.t-block .ms-book .ms-btn{background:#fff;color:#111}
.ms.t-block .ms-pills span{border-radius:0;border:3px solid #111;background:#fff;color:#111}.ms.t-block .ms-pills span.on{background:#111;color:#fff}
.ms.mob.t-block .ms-hero{margin:12px}.ms.mob.t-block .ms-hero h1{font-size:40px}
.st-panel .th i b{display:block;margin:0;font:inherit;letter-spacing:0}
.st-panel .th span{font:600 11px Sora,sans-serif;text-align:center}