/*
 * Keep the finished Lighthouse tower exclusive to the arrival hero.
 * Category pages use the matching harbor and interior environments without
 * repeating any retired tower illustration.
 */

/* Community and Makerspace: a harbor-side signal desk. */
.creative-harbor .harbor-signal-desk {
  position: relative;
  align-self: center;
  justify-self: end;
  width: min(42rem, 44vw);
  padding: clamp(1.1rem, 2.2vw, 2rem);
  border: 1px solid rgba(239, 193, 108, .58);
  border-radius: 1.25rem;
  background:
    linear-gradient(145deg, rgba(7, 43, 61, .94), rgba(1, 13, 22, .97)),
    radial-gradient(circle at 80% 0, rgba(111, 220, 245, .18), transparent 42%);
  box-shadow: inset 0 0 3rem rgba(93, 212, 240, .10), 0 2rem 6rem rgba(0, 0, 0, .48);
  filter: none;
}
.creative-harbor .harbor-signal-desk::before {
  content: "";
  position: absolute;
  inset: .65rem;
  pointer-events: none;
  border: 1px solid rgba(174, 230, 243, .18);
  border-radius: .85rem;
}
.creative-harbor .harbor-signal-desk::after {
  content: "";
  position: absolute;
  left: 7%; right: 7%; bottom: -.8rem;
  height: .8rem;
  border: 1px solid rgba(239, 193, 108, .4);
  border-top: 0;
  background: linear-gradient(90deg, transparent, rgba(239, 193, 108, .22), transparent);
}
.creative-harbor .harbor-signal-desk .lantern-dialogue {
  position: relative;
  inset: auto;
  width: 100%;
  height: auto;
  min-height: 20rem;
  overflow: visible;
  padding: clamp(1.1rem, 2.2vw, 2rem);
  border: 0;
  border-radius: .75rem;
  background: rgba(1, 13, 22, .58);
  box-shadow: inset 0 0 2rem rgba(95, 213, 241, .10);
}
.creative-harbor .signal-desk-kicker {
  margin: 0 0 1rem;
  color: var(--gold, #efc16c);
  font: 900 .62rem/1 var(--lh-plain, Arial, sans-serif);
  letter-spacing: .2em;
  text-transform: uppercase;
}
.creative-harbor .harbor-signal-desk .lantern-dialogue label {
  max-width: 30rem;
  color: #fff0d3;
  font: 500 clamp(1.55rem, 2.3vw, 2.45rem)/1.05 var(--lh-serif, Georgia, serif);
  letter-spacing: -.02em;
  text-transform: none;
}
.creative-harbor .harbor-signal-desk .lantern-dialogue textarea {
  height: 8rem;
  margin: 1.15rem 0;
  padding: .85rem 1rem;
  border-color: rgba(179, 229, 242, .32);
  border-radius: .55rem;
  font: 1rem/1.45 var(--lh-serif, Georgia, serif);
}
.creative-harbor .harbor-signal-desk .lantern-dialogue button {
  float: none;
  min-height: 2.8rem;
  padding: .75rem 1.1rem;
  border-radius: .35rem;
  font-size: .62rem;
}
.creative-harbor .harbor-signal-desk .harbor-answer {
  margin-top: 1rem;
  font-size: .78rem;
}

/* Creative Studio: one built-in production console inside the room. */
.media-world .production-console {
  position: relative;
  justify-self: end;
  width: min(41rem, 43vw);
  min-height: 25rem;
  display: grid;
  place-items: center;
  padding: clamp(1.5rem, 3vw, 3rem);
  border: 1px solid rgba(239, 193, 108, .55);
  border-radius: 1.5rem;
  background: linear-gradient(145deg, rgba(8, 49, 69, .93), rgba(2, 14, 24, .97));
  box-shadow: inset 0 0 4rem rgba(102, 219, 244, .12), 0 2rem 6rem rgba(0, 0, 0, .5);
  filter: none;
}
.media-world .production-console::before {
  content: "Production room";
  position: absolute;
  top: 1rem; left: 1.4rem;
  color: var(--gold, #efc16c);
  font: 900 .55rem/1 var(--lh-plain, Arial, sans-serif);
  letter-spacing: .2em;
  text-transform: uppercase;
}
.media-world .production-console .studio-screen {
  position: relative;
  inset: auto;
  width: 100%;
  height: auto;
  min-height: 17rem;
  border-radius: .8rem;
}
.media-world .production-console .studio-screen span {
  max-width: 27rem;
  font-size: clamp(1.15rem, 1.8vw, 1.65rem);
}

/* Learning: a room display, never a second Lighthouse. */
.learning-hero .learning-tower {
  align-self: center;
  min-height: 31rem;
  display: grid;
  place-items: center;
  padding: clamp(1.4rem, 3vw, 3rem);
  border: 1px solid rgba(239, 194, 115, .58);
  border-radius: 1.4rem;
  background: linear-gradient(145deg, rgba(7, 45, 64, .92), rgba(2, 15, 24, .97));
  box-shadow: inset 0 0 4rem rgba(111, 226, 250, .11), 0 2rem 6rem rgba(0, 0, 0, .5);
}
.learning-hero .learning-tower::before {
  content: "Inside the learning room";
  position: absolute;
  top: 1rem; left: 1.25rem;
  color: var(--learn-gold, #efc273);
  font: 900 .55rem/1 var(--lh-plain, Arial, sans-serif);
  letter-spacing: .2em;
  text-transform: uppercase;
}
.learning-hero .learning-tower .tower-screen {
  position: relative;
  inset: auto;
  width: 100%;
  aspect-ratio: 16 / 10;
  transform: none;
  border-radius: .65rem;
}
.learning-hero .learning-tower .tower-screen span {
  padding: .8rem;
  border-radius: .35rem;
  background: linear-gradient(90deg, rgba(1, 9, 15, .92), rgba(1, 9, 15, .26));
}

/* Work Harbor: the concierge lives in a room console until the journey opens. */
.work-harbor[data-path="none"] .work-concierge-console {
  width: min(58rem, 76vw);
  margin-top: 0;
  padding: clamp(1rem, 2.5vw, 2rem);
  border: 1px solid rgba(237, 195, 111, .58);
  border-radius: 1.35rem;
  background: linear-gradient(145deg, rgba(6, 42, 60, .95), rgba(1, 13, 22, .98));
  box-shadow: inset 0 0 4rem rgba(89, 216, 248, .11), 0 2.5rem 7rem rgba(0, 0, 0, .58);
  filter: none;
}
.work-harbor[data-path="none"] .work-concierge-console::before {
  content: "Lighthouse Work concierge";
  display: block;
  margin: 0 0 .85rem .35rem;
  color: var(--gold, #edc36f);
  font: 900 .55rem/1 var(--lh-plain, Arial, sans-serif);
  letter-spacing: .2em;
  text-transform: uppercase;
}
.work-harbor[data-path="none"] .lantern-work-screen {
  position: relative;
  inset: auto;
  width: 100%;
  height: auto;
  min-height: 25rem;
  border-radius: .85rem;
}
.work-harbor[data-path="none"] .gateway {
  min-height: 25rem;
  padding: clamp(1.4rem, 4vw, 3rem);
}
.work-harbor[data-path="none"] .screen-opening h1 {
  font-size: clamp(2.3rem, 4.5vw, 4.6rem);
}
.work-harbor[data-path="none"] .screen-opening > p:first-child,
.work-harbor[data-path="none"] .screen-opening label,
.work-harbor[data-path="none"] .quiet-paths button,
.work-harbor[data-path="none"] .screen-answer {
  font-size: .68rem;
}
.work-harbor[data-path="none"] .screen-signal {
  grid-template-columns: 3.1rem 1fr auto;
  max-width: 48rem;
  margin: 1.4rem auto 0;
}
.work-harbor[data-path="none"] .screen-signal input {
  padding: 1rem;
  font-size: 1rem;
}
.work-harbor[data-path="none"] .screen-signal > button:last-child {
  padding-inline: 1.2rem;
  font-size: .58rem;
}
.work-harbor[data-path="none"] .screen-voice {
  width: 2.2rem;
  height: 2.2rem;
  margin-left: .45rem;
}

/* Retired light beams belonged to the retired tower drawings. */
.creative-harbor .beam,
.media-world .beam,
.learning-hero .beam-path,
.work-harbor .sweeping-beam,
.work-harbor .lantern-aura,
.listing-studio .lantern-projector,
.studio .lantern-projector { display: none !important; }

@media (max-width: 850px) {
  .creative-harbor .harbor-stage {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 0;
    padding: 7rem 1rem 4rem;
  }
  .creative-harbor .harbor-signal-desk {
    position: relative;
    inset: auto;
    order: 2;
    width: min(100%, 40rem);
    transform: none;
    margin-top: 2rem;
  }
  .creative-harbor .harbor-story { order: 1; }
  .media-world .media-stage { flex-direction: column; }
  .media-world .production-console { width: min(100%, 40rem); }
  .learning-hero .learning-tower { min-height: 24rem; }
  .work-harbor[data-path="none"] .work-concierge-console {
    width: min(100%, 48rem);
    margin: 1.5rem 0 3rem;
  }
}

@media (max-width: 560px) {
  .creative-harbor .harbor-stage { padding-top: 6.5rem; }
  .creative-harbor .harbor-signal-desk { padding: .75rem; }
  .creative-harbor .harbor-signal-desk .lantern-dialogue {
    min-height: 0;
    padding: 1rem;
  }
  .creative-harbor .harbor-signal-desk .lantern-dialogue label {
    font-size: 1.55rem;
  }
  .creative-harbor .harbor-signal-desk .lantern-dialogue textarea { height: 7rem; }
  .media-world .production-console { min-height: 20rem; padding: 2.5rem 1rem 1rem; }
  .media-world .production-console .studio-screen { min-height: 15rem; }
  .learning-hero .learning-tower { min-height: 20rem; padding: 2.7rem .8rem .8rem; }
  .learning-hero .learning-tower .tower-screen { width: 100%; }
  .work-harbor[data-path="none"] .work-concierge-console { padding: .7rem; }
  .work-harbor[data-path="none"] .lantern-work-screen,
  .work-harbor[data-path="none"] .gateway { min-height: 30rem; }
  .work-harbor[data-path="none"] .screen-opening h1 { font-size: clamp(2.15rem, 11vw, 3.25rem); }
  .work-harbor[data-path="none"] .screen-signal { grid-template-columns: 2.4rem 1fr; }
  .work-harbor[data-path="none"] .screen-signal > button:last-child {
    grid-column: 1 / -1;
    min-height: 2.5rem;
  }
  .work-harbor[data-path="none"] .quiet-paths { display: flex; flex-wrap: wrap; }
}

@media (prefers-reduced-motion: reduce) {
  .creative-harbor .harbor-signal-desk,
  .media-world .production-console,
  .learning-hero .learning-tower,
  .work-harbor .work-concierge-console { scroll-behavior: auto; }
}


/* final whole-site mobile and navigation polish */
html,body{max-width:100%;overflow-x:clip}
img,video,canvas,svg{max-width:100%;height:auto}
a,button,input,select,textarea{max-width:100%}
@media(max-width:760px){
  .actions,.nav,.identity-actions,.owner-actions,.screen-actions,.hero-actions,.market-actions,.service-actions{display:grid!important;grid-template-columns:1fr!important;gap:.65rem!important}
  .actions a,.actions button,.nav a,.nav button,.identity-actions a,.identity-actions button,.owner-actions a,.owner-actions button,.screen-actions a,.screen-actions button{width:100%;justify-content:center;text-align:center}
  .topnav,.market-topbar nav,.services-nav nav,.masthead nav,.site-waypoints,.footer nav,.trust-footer nav{max-width:100%;overflow-x:auto;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
  .topnav a,.market-topbar nav a,.services-nav nav a,.masthead nav a,.site-waypoints a{white-space:nowrap}
  .choice-grid,.lane-grid,.safety,.two-col,.launch-callout,.route-deck,.map-sequence,.path-rule,.money-map__grid,.plans-grid,.support-grid,.inbox-layout,.personal-room-grid,.saved-activity-grid,.next-step-grid{grid-template-columns:1fr!important}
  .panel,.hero,.owner-panel,.owner-hero,.final-compass{padding:clamp(16px,5vw,22px)!important;border-radius:18px!important}
  h1{overflow-wrap:anywhere}
  h2,h3,p,li,span,strong,small{overflow-wrap:anywhere}
  input,select,textarea{font-size:16px!important}
  .market-topbar,.services-nav,.masthead{gap:.75rem!important}
}
/* Layout cleanup: keep Lighthouse panels from visually stacking, crowding, or bleeding shadows into the next section. */
.page,
main,
section,
.panel,
.owner-panel,
.owner-hero,
.final-compass,
.lighthouse-next-step,
.quick-start-panel,
.category-compass,
.front-door-board,
.path-map,
.work-compass,
.market-guide,
.market-zone,
.market-card,
.market-panel,
.services-panel,
.services-card,
.faq-card,
.invite-card,
.recruit-card,
.approval-card,
.walk-card,
.kit-card,
.care-section,
.care-intro,
.care-compass,
.care-warning {
  box-sizing: border-box;
  max-width: 100%;
}

.panel,
.owner-panel,
.owner-hero,
.final-compass,
.lighthouse-next-step,
.quick-start-panel,
.category-compass,
.front-door-board,
.path-map,
.work-compass,
.market-guide,
.market-zone,
.market-card,
.market-panel,
.services-panel,
.services-card,
.faq-card,
.invite-card,
.recruit-card,
.approval-card,
.walk-card,
.kit-card,
.care-section,
.care-intro,
.care-compass,
.care-warning {
  position: relative;
  isolation: isolate;
}

.final-grid,
.final-route-list,
.next-step-grid,
.quick-choice-grid,
.quick-start-bottom,
.category-grid,
.front-door-grid,
.path-grid,
.destination-rail__primary,
.interior-more-grid,
.work-compass-copy,
.work-compass-grid,
.choice-grid,
.lane-grid,
.safety,
.two-col,
.launch-callout,
.market-guide__grid,
.marketplace-cockpit,
.browse-command-deck,
.services-grid,
.route-deck,
.map-sequence,
.path-rule,
.money-map__grid,
.plans-grid,
.support-grid,
.inbox-layout,
.personal-room-grid,
.saved-activity-grid {
  min-width: 0;
}

.final-grid > *,
.final-route-list > *,
.next-step-grid > *,
.quick-choice-grid > *,
.quick-start-bottom > *,
.category-grid > *,
.front-door-grid > *,
.path-grid > *,
.destination-rail__primary > *,
.interior-more-grid > *,
.work-compass-copy > *,
.work-compass-grid > *,
.choice-grid > *,
.lane-grid > *,
.safety > *,
.two-col > *,
.launch-callout > *,
.market-guide__grid > *,
.marketplace-cockpit > *,
.browse-command-deck > *,
.services-grid > *,
.route-deck > *,
.map-sequence > *,
.path-rule > *,
.money-map__grid > *,
.plans-grid > *,
.support-grid > *,
.inbox-layout > *,
.personal-room-grid > *,
.saved-activity-grid > * {
  min-width: 0;
}

.final-compass + .lighthouse-next-step,
.panel + .panel,
.owner-panel + .owner-panel,
.market-guide + .market-zone,
.market-zone + .market-zone,
.services-panel + .services-panel,
.work-compass + footer {
  margin-top: clamp(18px, 3vw, 30px);
}

/* The Work Harbor opening console is no longer a retired tower drawing; make it a real panel so it cannot overlap the compass below it. */
.work-harbor[data-path="none"] .work-concierge-console {
  width: min(59rem, calc(100% - 2rem));
  min-height: 0;
  margin: clamp(1rem, 4vh, 3rem) auto clamp(1.25rem, 4vh, 3.5rem);
  filter: drop-shadow(0 2rem 4rem rgba(0, 0, 0, .52));
}

.work-harbor[data-path="none"] .lantern-work-screen {
  position: relative;
  left: auto;
  top: auto;
  width: 100%;
  height: auto;
  min-height: clamp(22rem, 46svh, 31rem);
  border-radius: clamp(1rem, 2vw, 1.4rem);
}

.work-harbor[data-path="none"] .gateway {
  min-height: inherit;
}

.work-harbor[data-path="none"] .work-world {
  min-height: auto;
  padding-top: clamp(1rem, 3vh, 2.5rem);
  padding-bottom: clamp(1rem, 4vh, 3rem);
}

@media (min-width: 701px) {
  .arrival-summary {
    max-height: calc(100svh - 18rem);
    overflow: auto;
    scrollbar-width: thin;
  }
}

@media (max-width: 900px) {
  .work-compass-copy,
  .work-compass-grid,
  .final-grid,
  .final-route-list,
  .next-step-grid,
  .quick-choice-grid,
  .quick-start-bottom,
  .front-door-board,
  .front-door-grid,
  .category-grid,
  .category-compass-note,
  .path-grid,
  .destination-rail__primary,
  .interior-more-grid,
  .choice-grid,
  .lane-grid,
  .safety,
  .two-col,
  .launch-callout,
  .market-guide__grid,
  .marketplace-cockpit,
  .browse-command-deck,
  .services-grid,
  .route-deck,
  .map-sequence,
  .path-rule,
  .money-map__grid,
  .plans-grid,
  .support-grid,
  .inbox-layout,
  .personal-room-grid,
  .saved-activity-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .panel,
  .owner-panel,
  .owner-hero,
  .final-compass,
  .lighthouse-next-step,
  .quick-start-panel,
  .category-compass,
  .front-door-board,
  .path-map,
  .work-compass,
  .market-guide,
  .market-zone,
  .market-card,
  .market-panel,
  .services-panel,
  .services-card,
  .faq-card,
  .invite-card,
  .recruit-card,
  .approval-card,
  .walk-card,
  .kit-card {
    box-shadow: 0 14px 34px rgba(0, 0, 0, .24) !important;
  }

  .work-harbor[data-path="none"] .work-concierge-console {
    width: min(100% - 1rem, 48rem);
    margin-top: 1rem;
  }

  .work-harbor[data-path="none"] .lantern-work-screen {
    min-height: 0;
  }
}


/* 2026-10-08 mobile polish: make shared top links easier to tap on phones. */
@media(max-width:760px){
  .services-nav nav a,
  .services-nav > a:last-child,
  .masthead nav a,
  .topnav a,
  .site-waypoints a{
    min-height:44px;
    display:flex!important;
    align-items:center;
    padding:10px 12px!important;
    border:1px solid rgba(244,200,115,.28);
    border-radius:999px;
    background:rgba(2,16,26,.32);
  }
  .services-nav > nav,
  .masthead nav,
  .topnav,
  .site-waypoints{
    gap:8px!important;
  }
  .masthead nav{
    display:flex!important;
    flex-wrap:wrap;
  }
}


/* 2026-10-08 category clarity strips: plain-language room guidance without changing the Lighthouse scene. */
.category-plain-guide{
  width:min(100%,1120px,calc(100vw - 32px));
  margin:clamp(16px,3vw,30px) auto;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));
  gap:1px;
  border:1px solid rgba(116,223,255,.28);
  border-radius:22px;
  overflow:hidden;
  background:rgba(116,223,255,.22);
  box-shadow:0 20px 65px rgba(0,0,0,.28);
}
.category-plain-guide article{
  display:grid;
  gap:8px;
  min-height:134px;
  padding:16px;
  background:linear-gradient(145deg,rgba(4,24,39,.94),rgba(8,42,61,.82));
}
.category-plain-guide small{
  color:#93dff1;
  font:900 10px/1.25 var(--lh-plain,Arial,sans-serif);
  letter-spacing:.15em;
  text-transform:uppercase;
}
.category-plain-guide strong{
  color:#fff4dc;
  font:800 clamp(18px,2.2vw,24px)/1.08 var(--lh-serif,Georgia,serif);
}
.category-plain-guide p{
  margin:0;
  color:rgba(239,248,250,.86);
  line-height:1.42;
}
.category-plain-guide a{
  color:#ffe4a3;
  font-weight:900;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
}
.category-plain-guide .plain-action{
  align-self:end;
  width:max-content;
  max-width:100%;
  border:1px solid rgba(244,200,115,.72);
  border-radius:999px;
  padding:9px 12px;
  background:rgba(244,200,115,.12);
  color:#fff1c9;
  font:900 11px/1.15 var(--lh-plain,Arial,sans-serif);
  letter-spacing:.07em;
  text-transform:uppercase;
  text-decoration:none;
}
.care-hero + .category-plain-guide,
.media-world + .category-plain-guide,
.learning-hero + .category-plain-guide,
.creative-harbor + .category-plain-guide{
  margin-top:clamp(22px,4vw,42px);
}
@media(max-width:760px){
  .category-plain-guide{grid-template-columns:1fr;width:min(100% - 28px,640px);border-radius:18px}
  .category-plain-guide article{min-height:0;padding:14px}
  .category-plain-guide .plain-action{width:100%;text-align:center;justify-content:center}
}


/* 2026-10-08 room lane refinement: clarify the first choice inside each major room. */
.room-lane-strip{
  width:min(100%,1120px,calc(100vw - 32px));
  margin:clamp(14px,2.6vw,26px) auto clamp(18px,3vw,34px);
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));
  gap:1px;
  border:1px solid rgba(244,200,115,.28);
  border-radius:20px;
  overflow:hidden;
  background:rgba(244,200,115,.18);
  box-shadow:0 18px 55px rgba(0,0,0,.22);
}
.room-lane-strip > a,
.room-lane-strip > article{
  display:grid;
  gap:8px;
  min-height:128px;
  padding:15px;
  color:#fff4dc;
  text-decoration:none;
  background:linear-gradient(145deg,rgba(5,29,47,.94),rgba(3,20,34,.9));
}
.room-lane-strip > a:hover,
.room-lane-strip > a:focus-visible{
  background:linear-gradient(145deg,rgba(17,61,82,.96),rgba(76,50,23,.78));
  outline:0;
}
.room-lane-strip small,
.room-lane-strip em{
  color:#93dff1;
  font:900 10px/1.25 var(--lh-plain,Arial,sans-serif);
  letter-spacing:.14em;
  text-transform:uppercase;
  font-style:normal;
}
.room-lane-strip b,
.room-lane-strip strong{
  color:#fff7df;
  font:800 clamp(17px,2vw,22px)/1.08 var(--lh-serif,Georgia,serif);
}
.room-lane-strip span,
.room-lane-strip p{
  margin:0;
  color:rgba(239,248,250,.84);
  line-height:1.38;
}
.room-lane-strip .lane-action,
.room-lane-strip .mini{
  align-self:end;
  width:max-content;
  max-width:100%;
  color:#ffe2a0;
  font:900 11px/1.2 var(--lh-plain,Arial,sans-serif);
  letter-spacing:.07em;
  text-transform:uppercase;
}
@media(max-width:760px){
  .room-lane-strip{grid-template-columns:1fr;width:min(100% - 28px,640px);border-radius:18px}
  .room-lane-strip > a,.room-lane-strip > article{min-height:0;padding:14px}
}

/* 2026-10-08 phone room pass: keep first-choice panels and room navigation inside narrow screens. */
@media(max-width:560px){
  html,
  body{
    max-width:100%;
    overflow-x:hidden;
  }
  .category-plain-guide,
  .room-lane-strip{
    width:100%!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
    grid-template-columns:1fr!important;
  }
  .category-plain-guide *,
  .room-lane-strip *,
  .services-main,
  .harbor-stage,
  .community-compass,
  .community-current,
  .selected-current,
  .life-hub-main,
  .learning-main,
  .creative-main{
    min-width:0!important;
  }
  .category-plain-guide article,
  .room-lane-strip > a,
  .room-lane-strip > article{
    width:100%!important;
    max-width:100%!important;
    min-height:0!important;
    padding:14px!important;
  }
  .category-plain-guide strong,
  .room-lane-strip b,
  .room-lane-strip strong{
    font-size:clamp(20px,7vw,28px)!important;
    line-height:1.04!important;
  }
  .category-plain-guide p,
  .room-lane-strip p,
  .room-lane-strip span{
    font-size:clamp(14px,4.2vw,17px)!important;
    line-height:1.42!important;
  }
  .category-plain-guide .plain-action,
  .room-lane-strip .lane-action,
  .room-lane-strip .mini,
  .room-lane-strip .primary,
  .room-lane-strip .quiet-button,
  .service-actions a,
  .service-actions button{
    width:100%;
    max-width:100%;
    white-space:normal!important;
    text-align:center;
    justify-content:center;
  }
  .harbor-head,
  .services-nav,
  .masthead,
  .masthead nav{
    max-width:100%;
    overflow-x:auto;
  }
  .harbor-nav,
  .services-nav nav,
  .masthead nav{
    flex-wrap:wrap!important;
  }
  .harbor-story h1,
  #services-intro h1,
  .services-main > h1,
  .community-compass h2,
  .community-current h2{
    font-size:clamp(32px,10.8vw,42px)!important;
    line-height:1.04!important;
  }
}

/* 2026-10-08 phone room pass follow-up: prevent Services hero and nav from clipping at 390px. */
@media(max-width:560px){
  .services-main{
    width:100%!important;
    max-width:100%!important;
    padding:18px 16px 64px!important;
    overflow:hidden;
  }
  #services-intro{
    width:100%!important;
    max-width:100%!important;
  }
  #services-intro h1{
    font-size:clamp(34px,10.4vw,42px)!important;
    line-height:1.05!important;
    max-width:100%!important;
  }
  #services-intro > p:not(.eyebrow){
    font-size:16px!important;
    line-height:1.44!important;
  }
  .services-nav{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    overflow:visible!important;
  }
  .services-nav nav{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    width:100%!important;
  }
  .services-nav nav a,
  .services-nav > a{
    width:100%!important;
    min-width:0!important;
    white-space:normal!important;
    text-align:center!important;
  }
  .services-nav > a:last-child{
    margin-left:0!important;
  }
}


/* 2026-10-09 site audit polish: keep Services phone navigation inside its frame. */
.services-nav,
.services-nav *{
  box-sizing:border-box;
}
@media(max-width:560px){
  .services-nav{
    width:100%!important;
    max-width:100%!important;
    padding-inline:12px!important;
  }
  .services-nav nav{
    max-width:100%!important;
    overflow:visible!important;
    gap:6px!important;
  }
  .services-nav nav a,
  .services-nav > a{
    max-width:100%!important;
    min-width:0!important;
  }
}

/* 2026-10-09 complete phone audit: make Lighthouse links and controls easier to tap without changing the visual theme. */
@media(max-width:640px){
  .skip,
  .skip-link,
  .masthead a,
  .masthead nav a,
  .wordmark,
  .harbor-head a,
  .harbor-nav a,
  .harbor-home,
  .care-head a,
  .care-head nav a,
  .services-nav a,
  .services-nav nav a,
  .market-topbar a,
  .market-topbar button,
  .market-footer a,
  .market-footer nav a,
  .market-button,
  .market-filter-panel summary,
  .activity-nav button,
  .dialog-actions a,
  .dialog-actions button,
  .care-actions a,
  .care-actions button,
  .care-next-links a,
  .care-search button,
  .category-plain-guide a,
  .room-lane-strip a,
  .room-lane-strip .lane-action,
  .actions a,
  .actions button,
  .hero-actions button,
  .guide-choices button,
  .guide-nav button,
  .quiet-paths button,
  .return,
  .home,
  .back-home,
  .btn,
  .button,
  .text-link,
  .network-line a,
  .topbar a,
  .topbar button,
  .screen-status button,
  details summary,
  footer a,
  footer nav a{
    min-height:44px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center;
    gap:.35rem;
    padding-top:.62rem!important;
    padding-bottom:.62rem!important;
    line-height:1.2!important;
    white-space:normal;
    touch-action:manipulation;
  }

  .masthead nav,
  .harbor-head nav,
  .harbor-nav,
  .care-head nav,
  .market-topbar,
  .market-footer nav,
  .services-nav nav,
  .activity-nav,
  .dialog-actions,
  .actions,
  .care-actions,
  .hero-actions,
  .quiet-paths,
  .network-line{
    gap:8px!important;
  }

  .care-head,
  .harbor-head,
  .masthead,
  .services-nav,
  .market-topbar{
    align-items:flex-start!important;
  }

  .skip,
  .skip-link{
    width:max-content;
    max-width:calc(100vw - 24px);
  }

  .wordmark,
  .market-brand,
  .care-brand,
  .harbor-home{
    justify-content:flex-start;
    text-align:left;
  }

  .lighthouse-cinema-controls button,
  .lighthouse-cinema-controls summary,
  .lighthouse-cinema-controls input,
  .lighthouse-cinema-controls select,
  .stage-controls button,
  .stage-controls summary,
  .stage-controls input,
  .stage-controls select{
    min-height:44px!important;
  }

  .harbor-film,
  .studio-water,
  .architecture,
  .room-art,
  .room-shade,
  .screen-reflection,
  .care-beam{
    max-width:100vw!important;
  }
}

/* 2026-10-09 complete phone audit follow-up: older room headers and control panels. */
@media(max-width:640px){
  .home-link a,
  main > p:first-child a,
  .media-head a,
  .media-nav a,
  .media-actions a,
  .studio-room-links a,
  .learn-head a,
  .channel-header a,
  .studio-header a,
  .studio-home,
  .leave-studio,
  .beacon-course button,
  .scene-actions button,
  .published-actions a,
  .gold-action,
  .quiet-action,
  .stage-light-panel button,
  .stage-light-panel summary,
  .destination-rail a,
  body[data-lh-environment="theater"] main a,
  .studio-access a,
  .programming-form button,
  .programming-form .quiet-button{
    min-width:44px!important;
    min-height:44px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center;
    gap:.35rem;
    padding:.62rem .75rem!important;
    line-height:1.2!important;
    white-space:normal;
    touch-action:manipulation;
  }

  input:not([type="checkbox"]):not([type="radio"]),
  select,
  textarea{
    min-height:44px!important;
  }

  .media-head,
  .learn-head,
  .channel-header,
  .studio-header{
    align-items:flex-start!important;
    gap:8px!important;
  }

  .media-nav,
  .learn-head nav,
  .channel-header nav,
  .beacon-course,
  .destination-rail,
  .studio-room-links{
    gap:8px!important;
    flex-wrap:wrap!important;
  }

  .market-topbar,
  .market-topbar nav{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
  }
  .market-topbar nav{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    margin:0!important;
  }
  .market-topbar nav a,
  .market-topbar nav button{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    padding-left:6px!important;
    padding-right:6px!important;
  }
  .market-account{
    min-width:44px!important;
    max-width:100%!important;
  }
}

/* 2026-10-09 complete phone audit final tap pass: small standalone links. */
@media(max-width:640px){
  .care-head nav a,
  .care-head .care-brand,
  .services-main a,
  .provider-upgrade a,
  .login a,
  .recovery-shell a,
  .studio-access a,
  .signin-note a,
  a[href*="stripe.com"],
  a[href*="dashboard.stripe.com"],
  a[href="/"],
  a[href="/admin-setup.html"],
  a[href="/diy-learning.html"]{
    min-width:44px!important;
    min-height:44px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center;
    padding:.62rem .75rem!important;
    line-height:1.2!important;
    touch-action:manipulation;
  }
}

/* 2026-10-09 Marketplace phone header correction: keep nav and sign-in inside 390px screens. */
@media(max-width:640px){
  .market-topbar{
    grid-template-columns:1fr!important;
    justify-items:stretch!important;
    padding-inline:12px!important;
    overflow:hidden!important;
  }
  .market-topbar nav{
    grid-column:auto!important;
    grid-row:auto!important;
    width:100%!important;
    max-width:100%!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    justify-content:stretch!important;
  }
  .market-topbar nav a,
  .market-topbar nav button,
  .market-account{
    justify-self:stretch!important;
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  .market-brand{
    width:100%!important;
    justify-self:stretch!important;
  }
}