/* HIT CMS v8.3G DEV01 — design selector + live-preview presentation variants. */
.hit-design-picker{display:grid;grid-template-columns:minmax(180px,260px) 1fr;gap:12px;align-items:start}.hit-design-picker .field{margin:0}.hit-design-summary{border:1px solid #dbe3eb;border-radius:10px;background:#f8fafc;padding:10px 12px;min-height:64px}.hit-design-summary strong{display:block;color:#17324d;font-size:12px;margin-bottom:4px}.hit-design-summary span{display:block;color:#66798a;font-size:11px;line-height:1.45}.hit-design-unavailable-note{color:#9e3d3d!important;font-weight:700}
#hpPreview[data-hit-design-id="homepage-glass-overlay"] .hp-wash{opacity:calc(var(--hp-hero-opacity,.77) * .42)}
#hpPreview[data-hit-design-id="homepage-glass-overlay"] .hp-card{border-color:rgba(255,255,255,.72);border-radius:10px;background:rgba(255,255,255,.20);box-shadow:0 4px 12px rgba(0,0,0,.20);position:relative;display:block}
#hpPreview[data-hit-design-id="homepage-glass-overlay"] .hp-card-img{position:absolute;inset:0;background-size:cover;background-position:center}
#hpPreview[data-hit-design-id="homepage-glass-overlay"] .hp-card-copy{position:absolute;z-index:2;left:0;top:0;bottom:0;width:56%;background:rgba(255,255,255,.86);backdrop-filter:blur(4px);border-radius:10px 4px 4px 10px;padding:0 9px}
#hpPreview[data-hit-design-id="homepage-glass-overlay"] .hp-footer{background:rgba(10,42,89,.84)}
#ssPreview[data-hit-design-id="screensaver-minimal-pill"] .ss-slider{left:45px;right:45px;height:27px;border-radius:999px;background:rgba(8,12,18,.50);border:1px solid rgba(255,255,255,.24);box-shadow:0 4px 12px rgba(0,0,0,.24)}
#ssPreview[data-hit-design-id="screensaver-minimal-pill"] .ss-handle{width:23px;height:23px;top:1px;left:1px;border-radius:50%;background:var(--ss-slider,#d9dde3)}
@media(max-width:900px){.hit-design-picker{grid-template-columns:1fr}}

/* v8.3H DEV01 — bounded host for version-integrated design-specific controls. Raw intake packages never execute here. */
.hit-design-editor-host{margin-top:12px;border-top:1px solid var(--line);padding-top:12px}.hit-design-editor-host[hidden]{display:none!important}.hit-profile-foundation{background:#fff5df!important;color:#825e12!important}
/* v8.3J DEV01 adaptive native Screensaver controls */
.hit-design-adaptive-card{border:1px solid var(--line);border-radius:10px;background:#fbfcfe;padding:12px}.hit-design-adaptive-card .field label:has(input[type="checkbox"]){display:flex;align-items:center;gap:8px;text-transform:none;letter-spacing:0;color:var(--ink);font-size:12px}.hit-design-adaptive-card input[type="checkbox"]{width:auto;min-width:16px;height:16px;margin:0}

/* v8.3K DEV01 — Landscape Homepage live-preview framing.
   Runtime composition is generated by the installed design module; these rules only
   give the CMS authoring preview an orientation-aware visual approximation. */
#hpPreview.hp-native-landscape-preview,#hpPreview.hp-converted-landscape-preview{width:340px;height:191.25px;aspect-ratio:16/9;overflow:hidden;border-radius:7px}
#hpPreview.hp-native-landscape-preview{pointer-events:none}
.hp-native-eyebrow,.hp-native-cta,.hp-native-cue{display:none}
#hpPreview.hp-native-landscape-preview .hp-bg{filter:none;background-size:cover;background-position:center}
#hpPreview.hp-native-landscape-preview .hp-wash{opacity:1!important;background:linear-gradient(90deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.56) 30%,rgba(0,0,0,0) 72%)}
#hpPreview.hp-native-landscape-preview .hp-logo{left:11px;top:10px;width:32px;height:22px;object-fit:contain}
#hpPreview.hp-native-landscape-preview .hp-native-eyebrow{display:block;position:absolute;left:12px;top:54px;width:31%;z-index:4;text-align:left;font-size:4.7px;line-height:1.1;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--hp-native-eyebrow,#fff)}
#hpPreview.hp-native-landscape-preview .hp-native-eyebrow:empty{display:none}
#hpPreview.hp-native-landscape-preview .hp-welcome{left:12px;right:auto;top:65px;width:31%;text-align:left;font-size:9px;line-height:1.05;letter-spacing:.02em;color:var(--hp-native-headline,#fff)!important;white-space:pre-line}
#hpPreview.hp-native-landscape-preview .hp-welcome:empty{display:none}
#hpPreview.hp-native-landscape-preview .hp-sub{left:12px;right:auto;top:92px;width:31%;text-align:left;font-size:4.2px;line-height:1.45;color:var(--hp-native-description,#fff)!important;white-space:pre-line}
#hpPreview.hp-native-landscape-preview .hp-sub:empty{display:none}
#hpPreview.hp-native-landscape-preview .hp-native-cta{display:block;position:absolute;left:12px;top:126px;z-index:4;min-width:58px;padding:3px 6px;border:1px solid var(--hp-native-cta-border,#24acd7);border-radius:2px;color:var(--hp-native-cta-text,#fff);font-size:3.8px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:rgba(0,0,0,.48)}
#hpPreview.hp-native-landscape-preview .hp-native-cta:empty{display:none}
#hpPreview.hp-native-landscape-preview .hp-ornament,#hpPreview.hp-native-landscape-preview .hp-footer{display:none!important}
#hpPreview.hp-native-landscape-preview .hp-native-cue{display:block;position:absolute;left:12px;bottom:9px;z-index:4;color:rgba(255,255,255,.72);font-size:3.2px;letter-spacing:.22em;text-transform:uppercase;white-space:nowrap}
#hpPreview.hp-native-landscape-preview .hp-native-cue[hidden]{display:none!important}
#hpPreview.hp-native-landscape-preview .hp-cards{left:113px;right:5px;top:61px;bottom:14px;height:auto;display:flex!important;flex-direction:row!important;gap:9px;overflow:hidden!important;padding:7px 2px 0;align-items:flex-end;clip-path:inset(-10px 0 0 0);scroll-behavior:auto}
#hpPreview.hp-native-landscape-preview .hp-card{position:relative;display:block;flex:0 0 65px;height:98px;min-height:0;border:1px solid rgba(255,255,255,.42);border-radius:4px;overflow:hidden;background:rgba(0,0,0,.22);box-shadow:0 3px 8px rgba(0,0,0,.26);cursor:default}
#hpPreview.hp-native-landscape-preview .hp-card.active{border-color:var(--hp-native-active-border,#24acd7);transform:scale(1.1);z-index:2}
#hpPreview.hp-native-landscape-preview .hp-card-img{position:absolute;inset:0;background-size:cover;background-position:center;filter:brightness(.76)}
#hpPreview.hp-native-landscape-preview .hp-card.active .hp-card-img{filter:brightness(1)}
#hpPreview.hp-native-landscape-preview .hp-card-copy{position:absolute;z-index:2;left:0;right:0;bottom:0;top:auto;width:auto;min-height:24px;padding:12px 4px 4px;display:block;background:linear-gradient(to top,rgba(0,0,0,.90),transparent);border-radius:0;color:var(--hp-native-card-label,#fff)!important}
#hpPreview.hp-native-landscape-preview .hp-card-icon{display:none!important}
#hpPreview.hp-native-landscape-preview .hp-card-label{display:block;font-size:4.8px;line-height:1.05;text-transform:uppercase;color:var(--hp-native-card-label,#fff)!important}
#hpPreview.hp-native-landscape-preview .hp-lock{width:14px;height:14px;padding:3px;font-size:6px}
#hpPreview.hp-converted-landscape-preview .hp-bg{filter:none;background-size:cover;background-position:center}
#hpPreview.hp-converted-landscape-preview .hp-wash{opacity:.78!important}
#hpPreview.hp-converted-landscape-preview .hp-logo{left:50%;top:9px;transform:translateX(-50%);width:34px;height:22px;object-fit:contain}
#hpPreview.hp-converted-landscape-preview .hp-welcome{top:39px;left:18px;right:18px;text-align:center;font-size:8px;line-height:1.08}
#hpPreview.hp-converted-landscape-preview .hp-sub{top:56px;left:32px;right:32px;text-align:center;font-size:4.3px;line-height:1.35}
#hpPreview.hp-converted-landscape-preview .hp-ornament,#hpPreview.hp-converted-landscape-preview .hp-footer{display:none!important}
#hpPreview.hp-converted-landscape-preview .hp-cards{left:22px;right:22px;top:82px;bottom:12px;height:auto;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:6px;overflow:hidden!important;padding:0}
#hpPreview.hp-converted-landscape-preview .hp-card{position:relative;display:block;min-height:0;border-radius:4px;overflow:hidden}
#hpPreview.hp-converted-landscape-preview .hp-card-img{position:absolute;inset:0;background-size:cover;background-position:center}
#hpPreview.hp-converted-landscape-preview .hp-card-copy{position:absolute;left:0;right:0;bottom:0;top:auto;width:auto;z-index:2;min-height:20px;padding:8px 4px 3px;display:block;background:linear-gradient(to top,rgba(0,0,0,.88),transparent);border-radius:0;color:#fff!important}
#hpPreview.hp-converted-landscape-preview .hp-card-icon{display:none!important}
#hpPreview.hp-converted-landscape-preview .hp-card-label{display:block;color:#fff!important;font-size:4.4px;line-height:1.05;text-transform:uppercase}
#hpPreview.hp-converted-landscape-preview .hp-lock{width:14px;height:14px;padding:3px;font-size:6px}