/* Premium supporting pages. Append after the approved catalogue/builder CSS.
   This layer styles existing markup; it does not change hidden, inert, validation,
   inventory status, catalogue data, upload constraints or sending behaviour. */
.premium-support {
  --burgundy: #571f2c;
  --cream: #f0eadd;
  --gold: #d3b67b;
  --line: #cec3b1;
  --ps-paper: #f8f3e8;
  --ps-ink: #302924;
  --ps-muted: #716455;
  --ps-gutter: clamp(23px, 5.5vw, 88px);
  background: var(--cream);
  color: var(--ps-ink);
  font-family: Arial, Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
}
.premium-support .header {
  background: var(--cream);
  color: var(--ps-ink);
  border-bottom: 1px solid var(--line);
  box-shadow: none;
  padding: 17px var(--ps-gutter);
  min-height: 88px;
  gap: 22px;
}
.premium-support .header .brand {width: auto; gap: 14px; flex-shrink: 0;}
.premium-support .header .brand-mark {width: 39px; height: 39px; flex-basis: 39px; filter: none; mix-blend-mode: normal;}
.premium-support .header .brand .brand-wordmark {color: var(--burgundy); font: 700 10px/1.5 Arial, sans-serif; letter-spacing: .13em; white-space: normal; max-width: 145px;}
.premium-support .header .brand-monogram {font: 400 40px/1 Anton, Impact, sans-serif; letter-spacing: -2px; color: var(--burgundy);}
.premium-support .header .brand-name {font: 700 8px/1.5 Arial, sans-serif; letter-spacing: .12em; padding-left: 14px; border-left: 1px solid var(--line); color: var(--ps-ink);}
.premium-support .header nav {position: static; display: flex; flex-direction: row; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 10px 27px; background: transparent; border: 0; padding: 0; font: 12px/1.5 Arial, sans-serif;}
.premium-support .header nav a {display: flex; align-items: center; min-height: 44px; padding: 9px 0; color: var(--ps-ink);}
.premium-support .header nav a[aria-current=page] {color: var(--burgundy); text-decoration: underline; text-underline-offset: 6px; text-decoration-color: #a68859;}
.premium-support .header nav>a:not(.nav-cta):after {background: var(--burgundy); bottom: 4px;}
.premium-support .header nav .nav-cta {color: var(--burgundy); background: transparent; border: 1px solid #b6a285; border-radius: 0; padding: 11px 17px; margin: 0; box-shadow: none; font: 600 12px/1.5 Arial, sans-serif; gap: 8px 12px; max-width: 100%;}
.premium-support .header nav .nav-cta:hover {background: #e7decb; transform: none; box-shadow: none;}
.premium-support .enquiry-count {background: #dfd2b9; color: var(--burgundy); border: 0; border-radius: 2px; padding: 3px 7px; margin: 0; font: 600 12px/1.4 Arial, sans-serif;}
.premium-support .services-main,
.premium-support .inventory-main {width: 100%; max-width: 1320px; margin: 0 auto; padding: 38px var(--ps-gutter) 72px;}
.premium-support .builder-main {width: 100%; max-width: 1080px; margin: 0 auto; padding: 36px var(--ps-gutter) 72px;}
.premium-support .builder-page {background: var(--cream); color: var(--ps-ink);}
.premium-support .eyebrow,
.premium-support .section-kicker {color: #795f3d; font: 600 10px/1.5 Arial, sans-serif; letter-spacing: .15em; margin-bottom: 12px;}
.premium-support .services-intro {max-width: none; margin-bottom: 25px;}
.premium-support .services-intro h1,
.premium-support .builder-main>h1.enquiry-intro,
.premium-support .inventory-intro h1 {color: var(--ps-ink); font: 400 clamp(38px, 4.5vw, 62px)/1.04 Georgia, 'Times New Roman', serif; letter-spacing: -.055em; margin: 10px 0 16px;}
.premium-support .services-intro h1 em,
.premium-support .builder-main>h1 em {color: var(--burgundy); font-weight: 400;}
.premium-support .services-lead,
.premium-support .inventory-intro p:not(.eyebrow) {color: var(--ps-muted); font: 15px/1.7 Arial, sans-serif; max-width: 700px; margin: 0 0 20px;}
.premium-support .services-notice,
.premium-support .builder-main>.builder-notice {background: var(--ps-paper); border: 1px solid #d7ccba; border-left: 3px solid #b79b67; border-radius: 0; padding: 14px 18px; color: #635749; font-size: 13px; line-height: 1.65; margin: 0 0 22px;}
.premium-support .services-notice>strong,
.premium-support .builder-notice>strong {color: #49382f; font-weight: 600;}
.premium-support .services-notice p,
.premium-support .builder-notice p {margin: 5px 0 0;}
.premium-support .catalogue-caveats {margin-top: 2px;}
.premium-support .catalogue-caveats>summary {color: var(--burgundy); font-size: 12px; min-height: 40px; font-weight: 600;}
.premium-support .services-finder {background: #e5ddcd; border: 1px solid #c9bca5; padding: 27px 28px 22px; margin: 0 0 24px;}
.premium-support .services-finder h2 {font: 400 29px/1.2 Georgia, serif; color: var(--ps-ink); letter-spacing: -.035em; margin: 0 0 20px;}
.premium-support .services-controls {gap: 18px;}
.premium-support label {font-size: 13px; line-height: 1.5; font-weight: 600; color: #4e4136;}
.premium-support label span {font-weight: 400;}
.premium-support .services-controls label {font-size: 11px; letter-spacing: .025em;}
.premium-support .services-finder>label {margin-top: 18px;}
.premium-support input:not([type=checkbox]):not([type=radio]):not([type=file]),
.premium-support select,
.premium-support textarea {background: var(--ps-paper); border: 1px solid #b9aa91; border-radius: 1px; color: var(--ps-ink); font: 16px/1.5 Arial, sans-serif; min-height: 48px; padding: 11px 13px; max-width: 100%; box-shadow: none;}
.premium-support input::placeholder,
.premium-support textarea::placeholder {color: #716455; opacity: 1;}
.premium-support select:disabled {color: #716455; background: #dbd2c1; opacity: 1;}
.premium-support input[type=checkbox],
.premium-support input[type=radio] {accent-color: var(--burgundy);}
.premium-support .services-hardware-help,
.premium-support .services-count {color: #695c4d; font-size: 12px; line-height: 1.75; margin: 14px 0;}
.premium-support .services-count {margin-bottom: 0; padding-top: 13px; border-top: 1px solid #c6b9a2;}
.premium-support .not-sure-link {color: var(--burgundy); font-size: 13px; text-underline-offset: 4px;}
.premium-support .button,
.premium-support .button.burgundy,
.premium-support .builder-page .button {background: var(--burgundy); border: 1px solid var(--burgundy); border-radius: 0; color: var(--ps-paper); box-shadow: none; font: 600 13px/1.5 Arial, sans-serif; padding: 14px 20px; min-height: 48px; max-width: 100%; transition: background-color .18s ease;}
.premium-support .button:hover:not(:disabled),
.premium-support .builder-page .button:hover:not(:disabled) {background: #6b2939; border-color: #6b2939; box-shadow: none; transform: none;}
.premium-support .button:disabled {cursor: not-allowed;}
.premium-support :is(a,button,input,select,textarea,summary):focus-visible {outline: 3px solid #966b22; outline-offset: 4px; box-shadow: none;}
.premium-support .catalogue-enquiry-bar {position: static; background: var(--ps-paper); border: 1px solid #c9bca5; border-top: 3px solid var(--burgundy); border-radius: 0; box-shadow: none; padding: 20px 24px; gap: 14px 22px; margin: 24px 0 15px;}
.premium-support .catalogue-enquiry-bar label {font-size: 11px;}
.premium-support .catalogue-enquiry-bar p[role=status] {color: var(--burgundy); font-size: 12px;}
.premium-support .catalogue-enquiry-bar .service-detail-note {color: var(--ps-muted); font-size: 12px; line-height: 1.7;}
.premium-support .service-entry {border-bottom: 1px solid var(--line);}
.premium-support .service-row>summary {padding: 28px 0 22px; gap: 25px;}
.premium-support .service-main small {font-size: 10px; line-height: 1.6; letter-spacing: .1em; color: #826746; margin-bottom: 10px;}
.premium-support .service-draft {border-color: #cbb995; border-radius: 2px; padding: 2px 6px; font-size: 9px; margin-left: 9px; color: #665337;}
.premium-support .service-name {font: 400 30px/1.15 Georgia, serif; color: var(--ps-ink); letter-spacing: -.035em; margin-bottom: 10px;}
.premium-support .service-summary {color: var(--ps-muted); font-size: 13px; line-height: 1.75;}
.premium-support .service-price {color: var(--burgundy); font: 600 14px/1.6 Arial, sans-serif;}
.premium-support .service-expand {color: var(--burgundy); font: 12px/1.5 Arial, sans-serif; gap: 9px;}
.premium-support .service-expanded {padding-bottom: 24px;}
.premium-support .service-detail-grid {background: var(--ps-paper); border-top: 1px solid #d4c8b3; padding: 24px; gap: 32px;}
.premium-support .service-detail-grid h3 {color: #45382d; font: 600 13px/1.5 Arial, sans-serif;}
.premium-support .service-detail-grid p {font-size: 13px; line-height: 1.75; color: var(--ps-muted);}
.premium-support .service-detail-grid .service-detail-note {font-size: 12px; line-height: 1.7;}
.premium-support .service-addbar {padding-bottom: 26px; gap: 12px 24px;}
.premium-support .service-addbar label {font-size: 12px; margin-bottom: 8px;}
.premium-support .service-addbar .quick-variant {font-size: 16px; min-height: 49px;}
.premium-support .variant-item {background: var(--ps-paper); border-color: #d4c8b3; padding: 17px 20px;}
.premium-support .variant-item>div {font-size: 13px;}
.premium-support .variant-item>div>span {color: var(--burgundy);}
.premium-support .variant-item p {font-size: 12px; color: var(--ps-muted);}
.premium-support .catalogue-bottom-review {padding: 30px 0;}
.premium-support .services-logistics {max-width: none; padding: 27px 0 0; border-top: 1px solid var(--line); margin-top: 15px;}
.premium-support .services-logistics h2 {font: 400 30px/1.2 Georgia, serif; letter-spacing: -.035em; margin-bottom: 14px;}
.premium-support .services-logistics p {font-size: 13px; color: var(--ps-muted); line-height: 1.8; max-width: 780px;}
.premium-support .services-logistics small {font-size: 12px; color: var(--ps-muted);}
.premium-support .builder-section {padding: 25px 0 30px; border-color: var(--line);}
.premium-support .builder-section h2 {font: 400 32px/1.15 Georgia, serif; letter-spacing: -.04em; margin: 10px 0 20px; color: var(--ps-ink);}
.premium-support .builder-section>p {font-size: 13px; line-height: 1.75;}
.premium-support .builder-page label {font-size: 13px; margin-top: 18px; margin-bottom: 8px;}
.premium-support .builder-grid {gap: 18px;}
.premium-support .quick-hardware {background: #e5ddcd; border: 1px solid #c9bca5; padding: 4px 22px 22px; margin-top: 20px;}
.premium-support .builder-page button:not(.button) {background: var(--ps-paper); border: 1px solid #b8a78d; border-radius: 0; color: var(--burgundy); padding: 11px 15px; font-size: 13px; line-height: 1.5; min-height: 44px;}
.premium-support .builder-page button:not(.button):hover:not(:disabled) {background: #e5dbca;}
.premium-support .builder-page .compact-actions {gap: 12px; margin-top: 18px;}
.premium-support .review-device-group {background: var(--ps-paper); border: 1px solid #c6b89f; border-radius: 0; margin: 22px 0 18px;}
.premium-support .review-device-heading {background: #e3d9c6; padding: 19px 22px; border-bottom: 1px solid #c6b89f;}
.premium-support .review-device-heading h3 {font: 400 26px/1.2 Georgia, serif; letter-spacing: -.03em; color: var(--ps-ink);}
.premium-support .review-device-heading p {font-size: 12px; color: #675745; line-height: 1.7;}
.premium-support .device-hardware>summary {color: var(--burgundy); font-size: 12px;}
.premium-support .device-edit {gap: 0 17px;}
.premium-support .enquiry-service {border-color: #d8ccba;}
.premium-support .enquiry-service-heading h4 {font: 600 17px/1.5 Arial, sans-serif; color: var(--ps-ink);}
.premium-support .enquiry-service-heading p {color: var(--ps-muted); font-size: 13px; line-height: 1.7;}
.premium-support .enquiry-service>summary {color: var(--ps-ink);}
.premium-support .enquiry-service>summary small {color: var(--burgundy);}
.premium-support .selected-options-label,
.premium-support .item-note-status {color: var(--ps-muted);}
.premium-support .service-chooser {background: #e7dfd0; border: 1px solid #cbbda5; padding: 24px;}
.premium-support .service-chooser h4 {color: var(--ps-ink); font: 400 27px/1.2 Georgia, serif; letter-spacing: -.03em;}
.premium-support .chooser-help {font-size: 13px; line-height: 1.7; color: var(--ps-muted);}
.premium-support .inline-service-list {gap: 16px;}
.premium-support .inline-service-choice {background: var(--ps-paper); border-color: #cbbda5; border-radius: 0; padding: 23px;}
.premium-support .inline-service-choice h5 {font: 400 25px/1.2 Georgia, serif; letter-spacing: -.025em; color: var(--ps-ink);}
.premium-support .inline-service-choice .inline-device-context {font-size: 11px; line-height: 1.5; color: #7b6243;}
.premium-support .inline-service-choice p {font-size: 13px; line-height: 1.75; color: var(--ps-muted);}
.premium-support .inline-service-choice .inline-service-price {font-size: 16px; color: var(--burgundy);}
.premium-support .inline-service-options {border-color: #d2c5b0;}
.premium-support .inline-option-summary {color: var(--ps-muted);}
.premium-support .enquiry-contact {color: var(--ps-ink);}
.premium-support .enquiry-contact h2,
.premium-support .enquiry-contact h3,
.premium-support .enquiry-contact label {color: var(--ps-ink);}
.premium-support .builder-help {color: var(--ps-muted); font-size: 12px!important; line-height: 1.75;}
.premium-support .attachment-section {border-color: var(--line); margin-top: 28px; padding-top: 20px;}
.premium-support .attachment-section h3 {font: 400 25px/1.3 Georgia, serif; letter-spacing: -.025em; color: var(--ps-ink);}
.premium-support .attachment-section h3 span {font: 13px/1.5 Arial, sans-serif; letter-spacing: 0; color: var(--ps-muted);}
.premium-support .attachment-drop {background: var(--ps-paper); border: 1px dashed #aa9473; border-radius: 0; padding: 20px;}
.premium-support .attachment-drop label {color: var(--burgundy); margin: 0;}
.premium-support .attachment-drop>span {color: var(--ps-muted);}
.premium-support .attachment-list li {background: var(--ps-paper); border-color: var(--line); color: var(--ps-ink);}
.premium-support .builder-consent {font-size: 13px; color: #5c4f42; padding: 18px 0 0;}
.premium-support .builder-page #check-builder {margin-top: 15px;}
.premium-support .listing-enquiry-context {background: #e5ddcd; border-color: #b9a785; color: var(--ps-ink);}
.premium-support .listing-enquiry-context h3 {font: 400 25px/1.2 Georgia, serif;}
.premium-support .enquiry-thank-you h2 {font-weight: 400; color: var(--ps-ink);}
.premium-support .enquiry-thank-you h2 em {color: var(--burgundy);}
.premium-support .receipt-reference {background: var(--ps-paper); border-color: #b79b67;}
.premium-support .inventory-main {min-height: min(700px, 75svh);}
.premium-support .inventory-intro {max-width: 850px; margin-bottom: 30px;}
.premium-support .inventory-empty {max-width: none; padding: 38px 42px 42px; background: var(--burgundy); color: var(--cream); border: 1px solid var(--burgundy); position: relative;}
.premium-support .inventory-pixel {display: block; font: 400 42px/1 Georgia, serif; color: var(--gold); margin-bottom: 15px;}
.premium-support .inventory-empty p {font: 400 clamp(24px, 2.8vw, 35px)/1.25 Georgia, serif; letter-spacing: -.03em; max-width: 660px; margin-bottom: 24px;}
.premium-support .inventory-empty .button {background: var(--cream); color: var(--burgundy); border-color: var(--cream); margin-top: 0;}
.premium-support .inventory-empty .button:hover {background: #fff6e3; border-color: #fff6e3;}
.premium-support .inventory-footnote {font-size: 12px; line-height: 1.75; color: var(--ps-muted); max-width: 850px; margin-top: 24px;}
.premium-support .inventory-card {background: var(--ps-paper); border-color: #c9baa1; border-radius: 0; box-shadow: none;}
.premium-support .inventory-media {background: #e2d8c6;}
.premium-support .inventory-copy {padding: 26px;}
.premium-support .inventory-card h2 {font-weight: 400; font-size: 28px; letter-spacing: -.035em; color: var(--ps-ink);}
.premium-support .inventory-price {font: 600 19px/1.4 Arial, sans-serif; color: var(--burgundy);}
.premium-support .inventory-price span {font-size: 11px; color: var(--ps-muted);}
.premium-support .inventory-system {color: #7b6243;}
.premium-support .inventory-condition,
.premium-support .inventory-description {color: var(--ps-muted); font-size: 13px; line-height: 1.8;}
.premium-support .inventory-detail,
.premium-support .inventory-more-photos,
.premium-support .inventory-card-footer {border-color: #d3c6af;}
.premium-support .inventory-badge {border-radius: 0;}
.premium-support .inventory-card-footer .button {font-size: 13px;}
.premium-support footer {padding: 27px var(--ps-gutter); background: #291b1d; color: #dbc9b5; border-top: 1px solid #826a4c; grid-template-columns: 1fr auto; gap: 18px 30px;}
.premium-support footer p,
.premium-support footer a {font-size: 12px; line-height: 1.7;}
.premium-support footer>a {color: var(--cream); min-height: 44px; display: flex; align-items: center;}
.premium-support footer small,
.premium-support footer .build-id {color: #b6a28d; font-size: 11px; line-height: 1.7; border-color: #826a4c66; padding-top: 18px; overflow-wrap: anywhere;}
.premium-support .inventory-footer {display: flex;}
.premium-support .preview-bar,
.premium-support .prototype-notice {background: #241319; color: #dbcec4; min-height: 29px; padding: 7px var(--ps-gutter); font: 10px/1.5 Arial, sans-serif; letter-spacing: .06em; border: 0;}
.premium-support #support-nav-toggle {display: none;}

@media (max-width: 1050px) {
  .premium-support .header {gap: 12px 20px;}
  .premium-support .header nav {gap: 8px 17px; font-size: 11px;}
  .premium-support .header nav .nav-cta {font-size: 11px; padding: 10px 13px;}
  .premium-support .header .brand .brand-wordmark {max-width: 110px; font-size: 9px;}
  .premium-support .catalogue-enquiry-bar {grid-template-columns: minmax(180px,1fr) auto;}
  .premium-support .catalogue-enquiry-bar>.button {grid-column: 1/-1; justify-self: end;}
  .premium-support .service-row>summary {grid-template-columns: minmax(0,1fr) 135px 102px; gap: 18px;}
}
@media (max-width: 760px) {
  .premium-support {--ps-gutter: 25px;}
  .premium-support .header {position: static; min-height: 0; padding: 15px var(--ps-gutter) 12px; gap: 8px;}
  .premium-support .header .brand {width: 100%; gap: 12px;}
  .premium-support .header .brand-mark {width: 32px; height: 32px; flex-basis: 32px;}
  .premium-support .header .brand .brand-wordmark {max-width: none; font-size: 9px; letter-spacing: .12em;}
  .premium-support .header .brand-monogram {font-size: 34px;}
  .premium-support .header .brand-name {font-size: 7px; padding-left: 12px;}
  .premium-support .header nav {width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 4px 15px; padding: 0; font-size: 12px;}
  .premium-support .header nav a {padding: 8px 0; min-height: 44px;}
  .premium-support .header nav .nav-cta {width: 100%; margin: 0; padding: 10px 13px; font-size: 12px; min-height: 44px; justify-content: space-between;}
  .premium-support .services-main,
  .premium-support .builder-main,
  .premium-support .inventory-main {padding: 26px var(--ps-gutter) 48px;}
  .premium-support .services-intro h1,
  .premium-support .builder-main>h1.enquiry-intro,
  .premium-support .inventory-intro h1 {font-size: 40px; line-height: 1.07; margin: 8px 0 13px;}
  .premium-support .eyebrow,
  .premium-support .section-kicker {font-size: 9px; margin-bottom: 10px;}
  .premium-support .services-lead,
  .premium-support .inventory-intro p:not(.eyebrow) {font-size: 14px; line-height: 1.7; margin-bottom: 19px;}
  .premium-support .services-notice,
  .premium-support .builder-main>.builder-notice {padding: 12px 14px; font-size: 13px; margin-bottom: 20px;}
  .premium-support .services-intro {margin-bottom: 20px;}
  .premium-support .services-finder {padding: 22px 18px 20px;}
  .premium-support .services-finder h2 {font-size: 27px; margin-bottom: 18px;}
  .premium-support .services-controls {gap: 16px;}
  .premium-support .services-controls label {font-size: 12px;}
  .premium-support .services-hardware-help {font-size: 12px; line-height: 1.7;}
  .premium-support .catalogue-enquiry-bar {grid-template-columns: minmax(0,1fr); padding: 19px 18px; gap: 13px; margin-top: 22px;}
  .premium-support .catalogue-enquiry-bar>* {grid-column: 1; min-width: 0;}
  .premium-support .catalogue-enquiry-bar>.button {justify-self: stretch; width: 100%;}
  .premium-support .service-row>summary {grid-template-columns: minmax(0,1fr) 94px; gap: 12px; padding: 25px 0 21px;}
  .premium-support .service-name {font-size: 28px; line-height: 1.15;}
  .premium-support .service-summary {font-size: 13px; line-height: 1.7;}
  .premium-support .service-main small {font-size: 9px; letter-spacing: .07em; line-height: 1.8;}
  .premium-support .service-draft {font-size: 8px; margin-left: 4px; padding: 2px 4px;}
  .premium-support .service-price {font-size: 13px;}
  .premium-support .service-expand {font-size: 11px; gap: 5px;}
  .premium-support .service-detail-grid {padding: 20px 17px; gap: 23px;}
  .premium-support .service-addbar {gap: 12px; padding-bottom: 24px;}
  .premium-support .button,
  .premium-support .builder-page .button {font-size: 13px; padding: 13px 17px;}
  .premium-support .builder-section {padding: 23px 0;}
  .premium-support .builder-section h2 {font-size: 29px; margin: 10px 0 19px;}
  .premium-support .quick-hardware {padding: 3px 17px 19px;}
  .premium-support .review-device-heading {padding: 17px 18px;}
  .premium-support .review-device-heading h3 {font-size: 25px;}
  .premium-support .review-device-heading p {font-size: 12px;}
  .premium-support .service-chooser {padding: 17px; margin-left: 13px; margin-right: 13px;}
  .premium-support .service-chooser h4 {font-size: 25px;}
  .premium-support .inline-service-choice {padding: 17px;}
  .premium-support .inline-service-choice h5 {font-size: 24px;}
  .premium-support .inline-service-options select,
  .premium-support .enquiry-service-body select,
  .premium-support .repair-service-options select {font-size: 16px; min-height: 60px; padding: 12px 32px 12px 12px;}
  .premium-support .attachment-drop {padding: 17px;}
  .premium-support .attachment-section h3 {font-size: 25px;}
  .premium-support .builder-consent {font-size: 13px; line-height: 1.7;}
  .premium-support .inventory-main {min-height: 0;}
  .premium-support .inventory-intro {margin-bottom: 26px;}
  .premium-support .inventory-empty {padding: 28px 25px 30px;}
  .premium-support .inventory-empty p {font-size: 28px; line-height: 1.3; margin-bottom: 23px;}
  .premium-support .inventory-empty .button {width: 100%; justify-content: center;}
  .premium-support .inventory-footnote {font-size: 12px; margin-top: 22px;}
  .premium-support .inventory-copy {padding: 22px;}
  .premium-support footer {padding: 25px var(--ps-gutter); gap: 13px 22px;}
  .premium-support footer .build-id {font-size: 10px; padding-top: 16px;}
}
@media (max-width: 380px) {
  .premium-support {--ps-gutter: 20px;}
  .premium-support .header nav {gap: 3px 10px; font-size: 11px;}
  .premium-support .services-intro h1,
  .premium-support .builder-main>h1.enquiry-intro,
  .premium-support .inventory-intro h1 {font-size: 35px;}
  .premium-support .services-finder {padding: 21px 15px 18px;}
  .premium-support .service-row>summary {grid-template-columns: minmax(0,1fr) 80px; gap: 10px;}
  .premium-support .service-name {font-size: 26px;}
  .premium-support .service-expand {font-size: 10px;}
  .premium-support .service-main small {font-size: 8px;}
  .premium-support .service-draft {margin-left: 3px;}
  .premium-support .inventory-empty {padding: 25px 21px 27px;}
  .premium-support .inventory-empty p {font-size: 25px;}
  .premium-support footer {grid-template-columns: 1fr;}
}
@media (max-width: 600px) {
  .premium-support .header .brand {width: auto;}
  .premium-support .preview-bar,
  .premium-support .prototype-notice {font-size: 8px; line-height: 1.6; padding: 7px 15px; letter-spacing: .035em; flex-wrap: wrap; gap: 3px 10px;}
  .support-enhanced .premium-support #support-nav-toggle {display: flex; align-items: center; justify-content: space-between; gap: 13px; margin-left: auto; min-height: 44px; border: 0; background: transparent; color: var(--burgundy); padding: 8px 0 8px 12px; font: 13px/1.5 Arial, sans-serif;}
  .support-enhanced .premium-support #support-nav:not(.is-open) {display: none;}
  .support-enhanced .premium-support #support-nav.is-open {display: flex; border-top: 1px solid var(--line); padding-top: 7px;}
}
@media (max-height: 500px) and (orientation: landscape) {
  .premium-support .header {position: static;}
}
@media (prefers-reduced-motion: reduce) {
  .premium-support *, .premium-support *::before, .premium-support *::after {animation: none!important; transition: none!important; scroll-behavior: auto!important;}
}

/* Reserve offscreen room while the existing progressive finder initializes.
   No-JS has no boot class; DOMContentLoaded removes it even if a feature fails.
   This never overrides hidden or hides catalogue content. */
.support-boot .premium-support #catalogue-panel:has(.services-finder[hidden]) .services-intro::after {content: ""; display: block; min-height: 800px;}