/* build.css - layout blocks the Generate phase adds on top of site.css.
   site.css is never edited; everything here is additive and prefixed tru-x-. */
.tru-x-hero{display:grid;grid-template-columns:1.05fr .95fr;min-height:430px;border-bottom:1px solid var(--tru-rule)}
.tru-x-hero__body{padding:64px var(--tru-pad-x) 56px;display:flex;flex-direction:column;justify-content:center;gap:22px;min-width:0}
.tru-x-hero__cta{display:flex;gap:12px;padding-top:6px;flex-wrap:wrap}
.tru-x-split{display:grid;grid-template-columns:1fr 1fr}
.tru-x-split>div{padding:44px var(--tru-pad-x);min-width:0}
.tru-x-split>div:first-child{border-right:1px solid var(--tru-rule)}
.tru-x-secthead{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:26px}
.tru-x-aside{font:400 italic 16px/1 var(--tru-deck);color:var(--tru-muted)}
.tru-x-rooms{display:grid;grid-template-columns:1fr 1fr;gap:18px 14px}
.tru-x-room{display:block;min-width:0}
.tru-x-room__cap{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:10px 2px 0}
.tru-x-room__name{font:500 14px/1.2 var(--tru-display)}
.tru-x-room__blurb{font:400 italic 14px/1.35 var(--tru-deck);color:var(--tru-muted);padding:4px 2px 0;display:block}
.tru-x-catrow{display:flex;align-items:center;gap:18px;padding:13px 0;border-top:1px solid var(--tru-rule)}
.tru-x-catrow__plate{width:52px;height:52px;flex:none;display:block}
.tru-x-catrow__body{flex:1;min-width:0}
.tru-x-catrow__name{font:500 15px/1.2 var(--tru-display);display:block}
.tru-x-catrow__blurb{font:400 italic 14px/1.3 var(--tru-deck);color:var(--tru-muted);display:block;padding-top:2px}
.tru-x-section{padding:48px var(--tru-pad-x);border-top:1px solid var(--tru-rule)}
.tru-x-band{display:grid;grid-template-columns:1fr 1.4fr;gap:48px;padding:48px var(--tru-pad-x);border-top:1px solid var(--tru-rule);align-items:center;background:var(--tru-band)}
.tru-x-promises{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding:40px var(--tru-pad-x) 48px;border-top:1px solid var(--tru-rule)}
.tru-x-promise{min-width:0}
.tru-x-actions{display:flex;align-items:center;gap:20px;padding-top:24px;flex-wrap:wrap}
.tru-x-foot-note{font:400 12.5px/1.6 var(--tru-text);color:var(--tru-foot-muted);padding-top:12px;max-width:34ch}
.tru-sort select,.tru-sort input{border:0;background:none;font:500 12.5px/1 var(--tru-display);color:var(--tru-ink);min-width:0;max-width:150px}
.tru-sort select:focus,.tru-sort input:focus{outline:none}
.tru-card__plate a{display:block}
.tru-announce{white-space:nowrap;padding:0 12px}
@media (max-width:900px){
  .tru-x-announce-extra{display:none}
  .tru-x-hero{grid-template-columns:1fr}
  .tru-x-hero__body{padding:34px var(--tru-pad-x) 30px;gap:16px}
  .tru-plate--hero{min-height:300px}
  .tru-x-split{grid-template-columns:1fr}
  .tru-x-split>div{padding:32px var(--tru-pad-x)}
  .tru-x-split>div:first-child{border-right:0;border-bottom:1px solid var(--tru-rule)}
  .tru-x-section{padding:32px var(--tru-pad-x)}
  .tru-x-band{grid-template-columns:1fr;gap:24px;padding:32px var(--tru-pad-x)}
  .tru-x-promises{grid-template-columns:1fr;gap:22px;padding:28px var(--tru-pad-x) 36px}
  .tru-policy .tru-toc{display:none}
}
@media (max-width:560px){
  .tru-x-rooms{gap:14px 10px}
  .tru-x-catrow{gap:12px}
  .tru-order-code{font-size:16px;padding:12px 14px;letter-spacing:.05em;word-break:break-all}
  .tru-pager{gap:2px}
  .tru-pager a,.tru-pager span{padding:9px 7px}
  .tru-cat-head__tools{width:100%;min-width:0}
  .tru-sort{min-width:0;flex:1}
  .tru-table__head,.tru-table__row{grid-template-columns:1fr;gap:2px;padding:12px 14px}
  .tru-specs{max-width:100%}
  .tru-spec{gap:12px}
  .tru-spec__k,.tru-spec__v{min-width:0;overflow-wrap:anywhere}
  .tru-h1--hero{overflow-wrap:break-word}
  .tru-crumb{overflow-wrap:anywhere}
}