/* 2026-10-26 (Musab): one dark theme everywhere, and every section fits one laptop screen (1536x639).
   Loaded last on every page by tools/redesign/r2611.py. */

/* white cards inside dark sections -> the site's dark panel */
.inv{background:rgba(16,41,58,.7)!important;border-color:var(--line)!important;color:var(--text,#e6f1f5)}
.inv-img{background:#0b1f2b!important}
.disc{background:rgba(16,41,58,.7)!important;border-color:var(--line)!important;color:var(--muted)!important}
.inv-s{color:var(--cyan)!important}
.sug li{background:rgba(16,41,58,.75)!important;border-color:var(--line)!important;color:var(--text,#e6f1f5)}
.sug small{color:var(--muted)!important}
.lt,.visit-card,.card-form{background:linear-gradient(180deg,#10293a,#0c2130)!important;color:var(--text,#e6f1f5)!important;
  border:1px solid var(--line)!important;box-shadow:0 30px 60px -40px rgba(0,0,0,.8)!important;border-radius:20px}
.lt-to{color:var(--cyan)!important}
.lt-sig small,.lt-side{color:var(--muted)!important}
.card-form h3,.card-form label,.card-form .fld>span{color:var(--text,#e6f1f5)}
.card-form input,.card-form select,.card-form textarea{background:#0b1f2b!important;color:var(--text,#e6f1f5)!important;border-color:var(--line)!important}
.card-form ::placeholder{color:rgba(146,171,182,.7)}
.visit-card .btn-dark{--bg:var(--cyan);--fg:#06121a}

/* the small credential note */
.cred{background:rgba(16,41,58,.8)!important;color:var(--text,#e6f1f5)!important;border:1px solid var(--line)!important}

/* work: the project cards were drawn for a light section */
.wk-vis{background:radial-gradient(120% 100% at 50% 0%,rgba(72,199,236,.18),rgba(10,30,41,.95) 72%)!important;box-shadow:inset 0 0 0 1px var(--line)!important}
.wk-go{color:var(--cyan)!important}
.wk-t p{color:var(--muted)!important}

/* testimonial deck cards */
.vc3-card{background:linear-gradient(180deg,#14374b,#0e2738)!important;color:var(--text,#e6f1f5)!important;border:1px solid var(--line)}
.vc3-card small{color:var(--muted)!important}
.vc3-card img{border-color:#1b4258!important}

/* rails: a long list becomes one row with arrows (js/r2611.js adds the buttons) */
.rail-nav{display:flex;gap:8px;justify-content:flex-end;margin-top:10px}
.rail-nav button{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:rgba(16,41,58,.7);color:var(--text,#e6f1f5);font-size:20px;line-height:1;cursor:pointer;transition:border-color .2s,opacity .2s}
.rail-nav button:hover{border-color:var(--cyan)}
.rail-nav button:disabled{opacity:.3;cursor:default}
.rail-nav span{align-self:center;margin-inline-end:auto;font-size:13px;color:var(--muted)}

/* sections that were paper/sand: their own lines and chips were drawn dark-on-light */
.qas{border-top-color:var(--line)!important}
.qa{border-bottom-color:var(--line)!important}
.qa summary .i{border-color:var(--line)!important}
.qa[open] summary .i{background:var(--cyan)!important;color:#06121a!important}
.qa-a p{color:var(--muted)!important}
.chk>span{border-color:var(--line)!important;color:var(--text,#e6f1f5)}
.chk input:checked+span{background:var(--cyan)!important;color:#06121a!important;border-color:var(--cyan)!important}

/* ---------- one screen at laptop size (1536x639) ---------- */
@media (min-width:901px){
  /* FAQ: two columns of folded questions */
  .faq-w{display:grid;gap:14px}
  .faq .qas{display:block;columns:2;column-gap:40px;border-top:0}
  .faq .qa{break-inside:avoid;border-top:1px solid var(--line)}
  .faq .qa summary{padding:.62rem 0;font-size:1rem}
  .faq .qa summary .i{width:28px;height:28px}

  /* quote form: step 1 across the top, steps 2 and 3 side by side, no hidden steps */
  .quote{padding-block:calc(var(--nav-h) + 6px) 10px!important}
  .q-grid{grid-template-columns:minmax(0,.55fr) minmax(0,1.45fr)!important;gap:36px!important;align-items:center!important}
  .q-side{position:static!important;gap:.6rem!important}
  .q-h{font-size:clamp(1.7rem,2.4vw,2.2rem)!important;line-height:1.2}
  .q-pts{gap:.35rem!important}
  .q-visit{padding:.8rem 1rem!important;margin-top:.3rem!important}
  .q-form{grid-template-columns:1fr 1fr;gap:10px!important;padding:12px!important}
  .q-form .q-step{padding:12px 14px!important;gap:.55rem!important}
  .q-form .q-step:first-of-type{grid-column:1/-1}
  .q-form .q-step:first-of-type .q-hint{display:none}
  .q-form .chks{gap:.35rem}
  .q-form .chk>span{padding:.32rem .7rem;font-size:.85rem}
  .q-form textarea{height:84px;min-height:0}
  .q-form .q-two{grid-template-columns:1fr 1fr}
  .q-form .form-foot,.q-form .form-ok{grid-column:1/-1}
  .q-form .form-foot{display:flex;align-items:center;gap:18px}
  .q-form .form-note{margin:0}
  .q-form input,.q-form select{height:44px!important;min-height:0!important}
  .q-form .fld{gap:3px}
  .quote .q-visit{display:none}
  /* systems explorer: the list in two columns so 12 systems fit beside the preview */
  .st-start{padding-block:calc(var(--nav-h) + 6px) 10px!important}
  .st-start .bx-plan{max-height:215px!important}
  .st-start .bx-d{display:none}
  .st-start .bx-it{padding:.3rem .6rem!important;font-size:.86rem!important;line-height:1.35!important}
  .st-start .bx-search input{height:42px!important}
  .st-start .st-tabs{margin-bottom:.6rem!important;gap:10px!important}
  .st-start .st-tabs>*{padding:.55rem 1rem!important;min-height:0!important}
  .st-start .st-tabs :is(b,strong,h3){font-size:1rem!important}
  .st-start .st-tabs :is(small,p,span:not(.i)){font-size:.82rem!important;line-height:1.4}
  .sys-bx{padding-block:calc(var(--nav-h) + 10px) 16px!important;min-height:100svh;display:flex;align-items:center}
  :is(.sys-bx,.st-start) .bx{align-items:center!important}
  :is(.sys-bx,.st-start) .bx-side{gap:.6rem!important}
  :is(.sys-bx,.st-start) .bx-list{grid-template-columns:1fr 1fr;gap:4px!important}
  :is(.sys-bx,.st-start) .bx-it{padding:.42rem .7rem!important;font-size:.92rem!important;white-space:normal}
  :is(.sys-bx,.st-start) .bx-sheet{padding:18px 22px!important;gap:10px!important}
  :is(.sys-bx,.st-start) .bx-n{font-size:1.7rem!important}
  :is(.sys-bx,.st-start) .bx-plan{font-size:.82rem;max-height:280px}
  :is(.sys-bx,.st-start) .bx-block{gap:.4rem!important;margin-top:0!important;padding-top:.5rem!important}
  :is(.sys-bx,.st-start) .bx-block .cta-row{margin-top:.2rem!important}
  html[lang=en] :is(.sys-bx,.st-start) .bx-plan{max-height:250px}
  :is(.sys-bx,.st-start) .bx-plan *{line-height:1.45}
  :is(.sys-bx,.st-start) .bx-tab{padding:.32rem .75rem!important;font-size:.88rem!important}
  /* about: hero a little shorter, the letter in two columns */
  .ab-hero{padding-block:calc(var(--nav-h) + 12px) 24px!important;min-height:0!important}
  .letter{padding-block:calc(var(--nav-h) + 8px) 20px!important}
  .letter .lt{columns:2;column-gap:40px;display:block!important;font-size:1rem!important;line-height:1.8!important;padding:24px 28px!important}
  .letter .lt>*{break-inside:avoid;margin-bottom:.8rem}
  .letter .lt-grid{grid-template-columns:1fr 220px!important;align-items:center!important}
  /* your app: compact form beside a phone that fits the screen height */
  .ya{padding-block:calc(var(--nav-h) + 10px) 14px!important;min-height:0!important}
  .ya-grid{align-items:center!important;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)!important}
  .ya-panel h1{font-size:clamp(2rem,3vw,2.8rem)!important;margin-bottom:.3rem}
  .ya-panel .lede{margin-bottom:.4rem}
  .ya-panel .sample-note{font-size:.85rem;line-height:1.55;margin:0}
  .ya-form{grid-template-columns:1fr 1fr;gap:.6rem 1rem!important;margin-top:.9rem!important;max-width:none!important}
  .ya-form .fld input,.ya-form .fld select{height:44px!important;min-height:0!important;padding-block:0!important}
  .ya-panel .crumb{margin-bottom:0}
  .ya-panel h1{line-height:1.15}
  .ya-form>*:nth-last-child(-n+1){grid-column:1/-1}
  .ya-stage{position:static!important;gap:.4rem!important}
  .ya-dev .phone{height:calc(100svh - var(--nav-h) - 40px)!important;width:auto!important;aspect-ratio:390/844}
  .ya-cap{display:none}
  .svc-hero{min-height:0!important;max-height:100svh}
  .ya-next{padding-block:calc(var(--nav-h) + 10px) 20px!important}
  /* pricing: the three packages are one screen, the comparison is the next screen */
  .offer{padding-top:calc(var(--nav-h) + 10px)!important}
  .offer .pk-list{margin-top:0}
  .offer .pk-inc{font-size:.92rem}
  .offer .pk-inc{gap:.3rem!important;margin-block:.4rem!important;padding-top:.6rem!important}
  .offer .pk-inc li{padding-block:0!important;line-height:1.5!important}
  .offer .pk-price{font-size:2.4rem!important;line-height:1.1!important}
  .offer .pk-list .btn{min-height:44px!important}
  .offer .pk-list>li{padding-block:18px!important}
  .pk-cmp-wrap{box-sizing:border-box;min-height:100svh;padding-top:calc(var(--nav-h) + 2px);padding-bottom:6px;display:flex;flex-direction:column;justify-content:center;margin-top:0!important}
  .pk-cmp-wrap h2,.pk-cmp-wrap h3{margin:0 0 .2rem!important;font-size:1.7rem!important}
  .pk-cmp-wrap .pk-cmp :is(th,td){padding-top:4px!important;padding-bottom:4px!important;font-size:.86rem!important;line-height:1.35!important;height:auto!important}
  .pk-cmp-wrap .pk-cmp-sub{display:none}
  .pk-cmp-wrap .pk-cmp :is(th,td){padding-top:3px!important;padding-bottom:3px!important}
  .pk-cmp-more{font-size:.88rem;margin-top:.5rem!important}
  .calc{padding-block:calc(var(--nav-h) + 4px) 8px!important}
  .calc .calc-form{gap:.7rem!important}
  .calc .sh{margin-bottom:.4rem!important}
  .calc .sh p{display:none}
  .calc .rng{margin-block:.2rem!important}
  /* services */
  .goals,.svcs,.fit,.ig3{padding-block:calc(var(--nav-h) + 4px) 8px!important;min-height:100svh;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}
  .goals .sh,.svcs .sh,.fit .sh,.ig3 .sh{margin-bottom:.7rem!important}
  .goals .sh h2,.svcs .sh h2,.fit .sh h2,.ig3 .sh h2{font-size:clamp(1.8rem,2.6vw,2.4rem)!important}
  .goals .gl{padding:.85rem 1.1rem!important;font-size:.88rem}
  .goals .gl h3{font-size:1.2rem!important;margin-bottom:.2rem!important}
  .svcs .sh p{display:none}
  .svcs .sh h2{font-size:2rem!important;line-height:1.1}
  .svcs .sh{margin-bottom:.5rem!important}
  .goals .gl li{padding-block:.1rem!important}
  .goals .fit-note{margin-top:.5rem!important}
  .svcs .svc-list{grid-template-columns:repeat(3,1fr)!important;gap:7px!important}
  .svcs .svc{grid-column:auto!important;padding:8px 16px!important;gap:4px!important;min-height:0!important}
  .svcs .svc h2{font-size:1.15rem!important;margin:0!important}
  .svcs .svc p{font-size:.86rem;line-height:1.5;margin:0}
  .svcs .svc-n{font-size:.75rem}
  .svcs .svc-pts{display:none!important}
  .svcs .svc .link{font-size:.85rem;margin-top:2px}
  .fit .fit-t :is(th,td){padding-top:6px!important;padding-bottom:6px!important;font-size:.9rem}
  .ig3 .ig3-list{columns:2;column-gap:24px;display:block!important}
  .ig3 .ig3-list li{break-inside:avoid;padding-block:.15rem!important}
  .ig3 .ig3-grid{align-items:center!important}
  .ig3 .ig3-stage{max-height:calc(100svh - var(--nav-h) - 40px)}
  /* work: all projects in a vertical grid, two per row, full-size screenshots (owner 2026-10-28:
     people scroll down, not sideways). r2611.js adds arrows only when the list scrolls sideways, so none appear. */
  .proof-all{padding-block:calc(var(--nav-h) + 24px) 48px!important}
  .proof-all .sh{margin-bottom:1.4rem!important}
  .proof-all .sh h2{font-size:clamp(1.8rem,2.6vw,2.4rem)!important}
  .proof-all .wk-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.6rem,3vw,2.6rem)!important;margin:0 0 2rem!important}
  .proof-all .wk-go{margin-top:0!important}
  .proof-all .proof-logos{margin:4px 0 0!important;padding-block:0!important}
  .proof-all .proof-logos>.mono{display:none}
  .proof-all .proof-logos>.wrap{display:none}
  .proof-all .proof-logos .logos{margin-top:0!important;max-height:44px}
  .proof-all .rail-nav{margin-top:2px}
  /* English runs longer */
  html[lang=en] .goals .gl{font-size:.84rem}
  html[lang=en] .goals .sh p{display:none}
  html[lang=en] :is(.sys-bx,.st-start) .bx-tab{font-size:.8rem!important;padding:.28rem .6rem!important}
  html[lang=en] :is(.sys-bx,.st-start) .bx-it{font-size:.85rem!important;padding:.36rem .6rem!important}
  html[lang=en] .letter .lt{font-size:.92rem!important;line-height:1.7!important}
  html[lang=en] :is(.sys-bx,.st-start) .bx{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
  html[lang=en] :is(.sys-bx,.st-start) .bx-n{font-size:1.4rem!important}
  html[lang=en] :is(.sys-bx,.st-start) .bx-d{font-size:.9rem}
  html[lang=en] :is(.sys-bx,.st-start) .bx-it{line-height:1.3!important}
  .products{padding-block:calc(var(--nav-h) + 6px) 12px!important;overflow:visible!important}
  /* the 28 system pages: key features in two columns, included + add-ons compact */
  .sy-keys,.sy-feats{padding-block:calc(var(--nav-h) + 8px) 12px!important;min-height:100svh;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}
  .sy-keys-grid{align-items:center!important}
  .sy-keys .key-list{grid-template-columns:1fr 1fr}
  .sy-keys .key-list li{padding:.6rem .9rem!important}
  .sy-keys .sh{margin-bottom:.5rem!important}
  .sy-keys .key-list p{font-size:.86rem}
  .sy-keys .sy-demo .phone{--pw:170px!important;width:170px!important}
  .sy-keys .sy-demo{padding:14px 18px!important}
  .sy-feats h3{margin-bottom:.6rem!important}
  .sy-feats .inc{gap:.3rem 1rem!important;font-size:.88rem}
  .sy-feats .sug{display:grid!important;grid-template-columns:1fr 1fr;gap:6px!important}
  .sy-feats .sug li{padding:.55rem .8rem!important;margin:0!important}
  .sy-feats .sug li p{font-size:.82rem;margin:0}
  .sy-feats .sug li b{font-size:.95rem}
  .sub-hero{padding-top:calc(var(--nav-h) + 28px)!important;padding-bottom:32px!important}
  html[lang=en] .sub-hero h1{font-size:clamp(2.2rem,3.6vw,3.4rem)!important}
  .sy-mods{padding-block:calc(var(--nav-h) + 8px) 14px!important}
  /* blog index: two rows of article cards, six per screen */
  .blog .bl-w{min-height:calc(100svh - var(--nav-h) - 20px);display:flex;flex-direction:column;justify-content:center}
  .blog .bl-list{display:grid!important;grid-auto-flow:column;grid-template-rows:repeat(2,auto);grid-auto-columns:calc((100% - 32px)/3);gap:16px!important;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth;border:0!important;margin-top:10px}
  .blog .bl-list::-webkit-scrollbar{display:none}
  .blog .bl-row{scroll-snap-align:start;border:1px solid var(--line)!important;border-radius:16px;background:rgba(16,41,58,.55);margin:0!important;padding:0!important}
  .blog .bl-row a{display:flex!important;flex-direction:column;gap:6px;padding:16px 18px!important;height:100%}
  .blog .bl-row h3{font-size:1.08rem!important;line-height:1.4;margin:0!important}
  .blog .bl-row p{font-size:.86rem;line-height:1.55;margin:0;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .blog .bl-row:hover{border-color:rgba(72,199,236,.45)!important}
  .blog .bl-row a:hover h3{color:var(--cyan)!important}
  .blog .bl-k{color:var(--cyan)!important;font-size:.75rem}
  .blog{padding-block:calc(var(--nav-h) + 4px) 8px!important}
  .blog .chips{margin:0!important}
  html[lang=en] .blog .bl-row p{-webkit-line-clamp:2}
  /* investors: products as a row, three per screen */
  .invs{padding-block:calc(var(--nav-h) + 8px) 10px!important;min-height:100svh;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}
  .invs .inv-list{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:18px!important;scroll-behavior:smooth}
  .invs .inv-list::-webkit-scrollbar{display:none}
  .invs .inv{flex:0 0 calc((100% - 36px)/3);grid-template-columns:1fr!important;scroll-snap-align:start}
  .invs .inv-img{min-height:0!important;height:120px}
  html[lang=en] .invs .inv-img{height:100px}
  html[lang=en] .invs .inv-t p{-webkit-line-clamp:3}
  .invs .inv-t *{font-size:.84rem;line-height:1.5}
  .invs .inv-t h3{font-size:1.15rem!important}
  .invs .inv-t dl,.invs .inv-t dd,.invs .inv-t dt{margin:0}
  .invs .inv-t{padding:14px 16px!important;gap:.4rem!important}
  .invs .inv-t p{font-size:.86rem;line-height:1.55;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
  .invs .disc{font-size:.85rem;margin-bottom:.6rem!important}
  #apply{padding-block:calc(var(--nav-h) + 8px) 12px!important}
  #apply form{display:grid;grid-template-columns:1fr 1fr;gap:.55rem 1rem}
  #apply form>*{margin:0!important}
  #apply form :is(.fld-full,.form-foot,.form-ok){grid-column:1/-1}
  #apply form .fld:has(textarea){grid-column:1/-1}
  #apply form .fld:has(select){grid-column:auto!important}
  #apply input,#apply select{height:44px!important;min-height:0!important;padding-block:0!important}
  #apply textarea{height:76px!important;min-height:0!important}
  .faq{padding-block:calc(var(--nav-h) + 8px) 16px!important}
}

/* 2026-10-26 late: home page dead space. Every home section is one 1536x639 screen (pinned scenes excepted). */
@media (min-width:901px){
  /* sectors: three columns beside the copy, not two narrow ones under an empty half */
  .sxe{min-height:100svh;box-sizing:border-box;padding-block:calc(var(--nav-h) + 12px) 16px!important;display:flex;align-items:center}
  .sxe>.wrap{width:100%}
  .sxe-grid{grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr)!important;gap:2.4rem!important;align-items:center!important}
  .sxe-list{columns:3!important;column-gap:2rem!important}
  .sxe .sxg{break-inside:avoid;margin-bottom:.7rem!important}
  .sxe .sxg .mono{margin:0 0 .15rem!important}
  .sxe .sxg ul li{padding-block:0!important;line-height:1.75}
  .sxe .sxg a{font-size:.95rem}
  /* home prices: heading in one line, notes in one short row */
  #prices{padding-block:calc(var(--nav-h) + 8px) 12px!important;min-height:100svh;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}
  #prices .sh{display:flex;align-items:baseline;gap:1.2rem;flex-wrap:wrap;margin-bottom:.8rem!important}
  #prices .sh h2{font-size:clamp(1.8rem,2.6vw,2.4rem)!important;margin:0!important}
  #prices .sh p{margin:0!important}
  #prices .pk-list{margin-bottom:.6rem!important}
  #prices .pk-head p{font-size:.86rem;margin-bottom:0}
  #prices .pk-price{margin-block:.2rem!important}
  #prices .pk-facts p{margin-block:0!important}
  #prices .pk-inc li{font-size:.84rem}
  #prices .guar{margin:0 0 .4rem!important;gap:.6rem 1.4rem!important}
  #prices .guar li{font-size:.8rem;line-height:1.45}
  #prices .wrap>.link{font-size:.9rem}
  /* systems list: shorter rows, sheet tighter, all in one screen */
  #blueprints{padding-block:calc(var(--nav-h) + 8px) 12px!important;min-height:100svh;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}
  #blueprints .bp4-head{margin-bottom:.6rem!important}
  #blueprints .bp4-head h2{font-size:clamp(1.8rem,2.6vw,2.4rem)!important;margin:0}
  #blueprints .bp4-head .kicker{margin-bottom:.3rem!important}
  #blueprints .bp4-tabs{margin-bottom:.7rem!important}
  #blueprints .bp4-tab{padding:.4rem .9rem}
  #blueprints .bp4-it{padding-block:.22rem!important;font-size:.98rem!important;line-height:1.5!important}
  #blueprints .bp4-it::before{inset-block:.3rem}
  #blueprints .bp4-sheet{min-height:0!important;padding:1.2rem 1.4rem!important}
  #blueprints .bp4-sheet h3{margin:.3rem 0 .3rem!important}
  #blueprints .bp4-rooms{margin:.8rem 0 .6rem!important}
  #blueprints .bp4-rooms li{padding:.6rem .8rem!important}
  #blueprints .bp4-e{margin-bottom:.6rem!important}
  #blueprints .bp4-view{top:calc(var(--nav-h) + 8px)}
  /* how it works: no tall empty bands above and below the four steps */
  .how{padding-block:calc(var(--nav-h) + 16px) 56px!important}
  .how .sh{margin-bottom:1.6rem!important}
  /* footer: the big CTA and the word are one screen, the links the next */
  .footer.ft{padding-top:calc(var(--nav-h) + 24px)!important}
  .ft-word{margin:1.2rem 0 1.4rem!important}
  .ft-word span{font-size:clamp(4rem,15vw,14rem)!important}
  /* second pass: the three that were still a little over */
  #prices .sh h2,#proof .sh h2{font-size:clamp(1.6rem,2.1vw,2rem)!important;line-height:1.2!important}
  #prices .pk-head p{display:none}
  #prices .pk-list>li{padding-block:14px!important}
  #prices .wrap{position:relative}
  #prices .wrap>.link{position:absolute;inset-inline-end:0;top:6px}
  #proof .sh{margin-bottom:.5rem!important}
  #proof .sh p{margin-top:.2rem!important}
  #proof .wk-vis{height:170px!important}
  #proof .wrap{position:relative}
  #proof .wrap>.link{position:absolute;left:50%;transform:translateX(-50%);bottom:8px}
  #blueprints .bp4-sheet h3{font-size:1.5rem!important}
  #blueprints .bp4-d{-webkit-line-clamp:1!important}
  #blueprints .bp4-rooms{gap:.45rem!important}
  #blueprints .bp4-rooms span{font-size:.78rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  /* third pass (English runs longer): a wider row for the packages and the systems */
  #prices>.wrap{max-width:min(1340px,calc(100% - 64px))!important;width:100%}
  #prices .sh p{font-size:.92rem}
  #prices .pk-inc li{font-size:.82rem}
  #blueprints .bp4-head{align-items:center!important}
  #blueprints .bp4-head h2{font-size:clamp(1.6rem,2.1vw,2rem)!important}
  #prices .sh{max-width:none!important}
  #prices .pk{gap:.4rem!important}
  #blueprints .bp4-sheet{padding:1rem 1.3rem!important}
  #blueprints .bp4-sheet h3{max-width:none!important}
  #blueprints .bp4-rooms li{padding:.5rem .75rem!important}
  #blueprints .bp4-e{margin-bottom:.4rem!important}
  #prices .sh h2{max-width:none!important}
  #prices .guar li{font-size:.78rem;line-height:1.35}
  #blueprints .bp4-head .kicker{margin-bottom:.1rem!important}
  #blueprints .bp4-tabs{margin-bottom:.5rem!important}
  #blueprints .bp4-rooms{margin:.6rem 0 .5rem!important}
  #blueprints .bp4-it{padding-block:.18rem!important}
  #prices .sh{margin-bottom:.6rem!important}
  #prices .pk-list{margin-bottom:.45rem!important}
}