/* Home resources own their in-flow previews; no overlay covers other tools. */
#app .resource-carousel{min-width:0;margin:22px 0;color:#242629;font-family:system-ui,sans-serif}
#app .resource-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}
#app .resource-heading h2{font:800 22px/1.2 system-ui,sans-serif;letter-spacing:-.6px;margin:2px 0}
#app .resource-browse{display:flex;align-items:center;gap:7px;flex-shrink:0}
#app .resource-browse>[role=status]{font:11px/1.4 system-ui;color:#62594f;min-width:48px;text-align:right}
#app .resource-browse button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #c7bba9;border-radius:6px;background:linear-gradient(#fffdf9,#e9e0d3);color:#8e0018;cursor:pointer;box-shadow:0 2px 0 #d0c4b3}
#app .resource-browse button:disabled{opacity:.4;cursor:default;box-shadow:none}
#app .resource-browse svg{width:18px;height:18px}
#app .resource-help{font:11px/1.5 system-ui;color:#62594f;margin:4px 0 6px}
#app .resource-track{display:flex;align-items:start;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding:4px;padding:4px 4px 8px;scrollbar-width:thin;scrollbar-color:#b9a891 #e7dfd4}
#app .resource-card{box-sizing:border-box;flex:0 0 calc(25% - 9px);min-width:180px;display:grid;grid-template-rows:44px 36px 44px;gap:6px;height:164px;padding:12px;border:1px solid #c2b6a5;border-top:3px solid #8c1826;border-radius:5px 5px 18px 5px;background:linear-gradient(135deg,#fffdf8,#ede6db);box-shadow:0 4px 0 #c2b5a3,0 6px 12px #30251c12;scroll-snap-align:start;transition:height 160ms ease,grid-template-rows 160ms ease,border-color 160ms ease;overflow:hidden}
#app .resource-card.is-preview{height:268px;grid-template-rows:148px 36px 44px;border-color:#a9001c;background:linear-gradient(135deg,#fff,#f3e9da)}
#app .resource-card.is-preview.is-compact-preview{height:220px;grid-template-rows:100px 36px 44px}
#app .resource-card.is-preview.is-tiny-preview{height:188px;grid-template-rows:68px 36px 44px}
#app .resource-media{position:relative;overflow:hidden;border-radius:3px;background:linear-gradient(120deg,#292c31,#444a4b);color:#fff;min-height:0}
#app .resource-media img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;background:#f0ede6}
#app .resource-media[data-fit=contain] img{object-fit:contain}
#app .resource-media img[hidden]{display:none!important}
#app .resource-fallback{display:flex;align-items:center;gap:10px;padding:9px 11px;min-height:100%;font:750 12px/1.4 system-ui}
#app .resource-fallback>svg{width:25px;height:25px;flex-shrink:0;color:#f1c7a0}
#app .resource-fallback small{display:none;font:12px/1.5 system-ui;color:#e8ded2;margin-top:8px}
#app .is-preview .resource-fallback small{display:block}
#app .resource-title{min-width:0;align-self:center}
#app .resource-title strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:750 14px/1.4 system-ui}
#app .resource-title>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:10px/1.5 system-ui;color:#645b50}
#app .resource-actions{display:flex;gap:6px;align-items:stretch;min-width:0}
#app .resource-actions :is(button,a){display:flex;align-items:center;justify-content:center;gap:4px;flex:1;min-width:0;min-height:44px;padding:4px 5px;border:1px solid #b9a993;border-radius:4px;background:#fffdf9;color:#752134;font:750 11px/1.3 system-ui;cursor:pointer;text-decoration:none;text-align:center}
#app .resource-actions :is(button,a):last-child{background:linear-gradient(105deg,#a00019,#cf0021);border-color:#a00019;color:#fff}
#app .resource-actions svg{width:13px;height:13px;flex-shrink:0}
#app .resource-actions [aria-expanded=true]{background:#f4dfc2;border-color:#916238}
#app .resource-unavailable{font:11px system-ui;align-self:center;color:#786d60}
#app .resource-track:focus-visible{outline:3px solid #006db5;outline-offset:3px}
#app .home-deck-card>.resource-card{width:100%;min-width:0;flex-basis:auto}
@media(min-width:1100px){
  #app .hq-home:not(.hq-custom-home){display:grid;grid-template-columns:1.08fr 1fr;column-gap:16px;row-gap:16px;align-items:start}
  #app .hq-home:not(.hq-custom-home)>.hq-welcome{align-self:stretch;padding:18px 20px;min-height:0;border-radius:5px 5px 32px 5px}
  #app .hq-home:not(.hq-custom-home) .hq-welcome-copy{max-width:none}
  #app .hq-home:not(.hq-custom-home) .hq-welcome h1{font-size:32px;line-height:1.05;letter-spacing:-1px;margin:8px 0;max-width:74%}
  #app .hq-home:not(.hq-custom-home) .hq-welcome .hq-eyebrow{font-size:8px;letter-spacing:.8px}
  #app .hq-home:not(.hq-custom-home) .hq-welcome p:not(.status-line){font-size:13px;line-height:1.5;margin-bottom:12px;max-width:66%}
  #app .hq-home:not(.hq-custom-home) .hq-mascot{width:36%;top:24px;right:0;opacity:.9}
  #app .hq-home:not(.hq-custom-home) .hq-welcome-stamp{display:none}
  #app .hq-home:not(.hq-custom-home) .hq-search-label{font-size:11px}
  #app .hq-home:not(.hq-custom-home) .hq-field{min-width:0}
  #app .hq-home:not(.hq-custom-home) .hq-field>.hq-section-heading{margin:0 0 10px;min-height:44px;align-items:center}
  #app .hq-home:not(.hq-custom-home) .hq-field h2{font-size:22px}
  #app .hq-home:not(.hq-custom-home) .hq-field .hq-eyebrow{font-size:9px;letter-spacing:1px}
  #app .hq-home:not(.hq-custom-home) .hq-field-grid{gap:10px}
  #app .hq-home:not(.hq-custom-home) .hq-launch{padding:14px 12px;gap:6px;border-radius:4px 4px 22px 4px}
  #app .hq-home:not(.hq-custom-home) .hq-launch-top{gap:6px}
  #app .hq-home:not(.hq-custom-home) .hq-launch-top>svg{width:23px;height:23px}
  #app .hq-home:not(.hq-custom-home) .hq-launch-top small{font-size:8px;letter-spacing:.7px}
  #app .hq-home:not(.hq-custom-home) .hq-launch>strong{font-size:26px;line-height:1.1;letter-spacing:-.8px;margin:0}
  #app .hq-home:not(.hq-custom-home) .hq-launch-label{font-size:11px;padding-top:9px}
  #app .hq-home:not(.hq-custom-home) .hq-legacy{min-height:46px;padding:8px 10px}
  #app .hq-home:not(.hq-custom-home)>.resource-carousel{grid-column:1/-1;margin:0}
  #app .hq-home:not(.hq-custom-home)>.hq-work-grid{grid-column:1/-1;gap:20px;margin:0}
  #app .hq-home:not(.hq-custom-home) .hq-work-grid .hq-section-heading{min-height:0;margin:0 0 10px}
  #app .hq-home:not(.hq-custom-home) .hq-work-grid h2{font-size:20px}
  #app .hq-home:not(.hq-custom-home) .hq-daily{display:grid;grid-template-columns:1fr 1fr;column-gap:14px;align-content:start}
  #app .hq-home:not(.hq-custom-home) .hq-daily>.hq-section-heading{grid-column:1/-1}
  #app .hq-home:not(.hq-custom-home) .hq-destination{min-height:60px;padding:8px 4px}
  #app .hq-home:not(.hq-custom-home) .hq-destination strong{font-size:13px}
  #app .hq-home:not(.hq-custom-home) .hq-destination small{font-size:11px}
  #app .hq-home:not(.hq-custom-home) :is(.hq-customer,.hq-library,.hq-agent){padding:10px;margin-bottom:8px}
  #app .hq-home:not(.hq-custom-home)>.hq-footer{grid-column:1/-1;margin-top:0}
}
@media(max-width:799px){#app .resource-card{flex-basis:78%;min-width:220px;max-width:360px}#app .resource-carousel{margin:20px 0}#app .resource-heading h2{font-size:20px}#app .resource-heading .hq-eyebrow{font-size:8px}#app .resource-browse{gap:5px}#app .resource-browse>[role=status]{font-size:10px;min-width:40px}}
@media(prefers-reduced-motion:reduce){#app .resource-card{transition:none}#app .resource-track{scroll-behavior:auto}}
/* Short laptop screens keep the first resource row in view without shrinking text or targets. */
@media(min-width:1100px) and (max-width:1379px) and (max-height:800px){
 #app .holloman-shell .hq-home:not(.hq-custom-home){row-gap:4px}
 #app .holloman-shell .hq-home:not(.hq-custom-home) .tilt-action-section>.hq-section-heading{margin-bottom:2px}
 #app .holloman-shell .hq-home:not(.hq-custom-home) .hq-field.tilt-action-section .hq-field-grid{gap:4px 10px}
 #app .holloman-shell .hq-home:not(.hq-custom-home) .resource-help{line-height:12px}
 #app .resource-card:not(.is-preview){height:132px;padding:8px;gap:4px;grid-template-rows:24px 32px 44px}
}

/* Tablet: resources beside search; keep both 280px primary cards together below. */
@media(min-width:960px) and (max-width:1099px) and (min-height:768px){
 #app .holloman-shell .hq-home:not(.hq-custom-home){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
 #app .holloman-shell .hq-home:not(.hq-custom-home)>.hq-welcome{grid-column:1;grid-row:1;padding:12px 14px;align-self:stretch}
 #app .holloman-shell .hq-home:not(.hq-custom-home) .hq-welcome-copy{display:block;max-width:none}
 #app .holloman-shell .hq-home:not(.hq-custom-home) .hq-welcome h1{margin:6px 0;font-size:24px;letter-spacing:-1px}
 #app .holloman-shell .hq-home:not(.hq-custom-home) .hq-welcome p:not(.status-line){margin:0 0 8px}
 #app .holloman-shell .hq-home:not(.hq-custom-home) .hq-search-label{margin:0 0 4px}
 #app .holloman-shell .hq-home:not(.hq-custom-home)>.resource-carousel{grid-column:2;grid-row:1;margin:0}
 #app .holloman-shell .hq-home:not(.hq-custom-home) .resource-heading{flex-wrap:wrap;gap:4px 8px}
 #app .holloman-shell .hq-home:not(.hq-custom-home) .resource-heading>div:first-child{flex-basis:100%}
 #app .holloman-shell .hq-home:not(.hq-custom-home) .resource-browse{margin-right:auto}
 #app .holloman-shell .hq-home:not(.hq-custom-home) .resource-card:not(.is-preview){height:132px;padding:8px;gap:4px;grid-template-rows:24px 32px 44px}
 #app .holloman-shell .hq-home:not(.hq-custom-home)>.hq-field{grid-column:1/-1;grid-row:2}
 #app .holloman-shell .hq-home:not(.hq-custom-home) .hq-field>.hq-section-heading{margin:0 0 6px}
 #app .holloman-shell .hq-home:not(.hq-custom-home) .hq-field-grid{grid-template-columns:280px 280px;justify-content:center;gap:6px 12px}
 #app .holloman-shell .hq-home:not(.hq-custom-home)>:is(.home-deck,.hq-work-grid,.hq-footer){grid-column:1/-1}
}