/* Same colours and typography; compare structure, not a new visual system. */
#stellar-trails{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:20}
#shared-stellar-trails{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}
.topbar,main,.proposal{z-index:2}.proposal{z-index:10}
.stellar-drawing,.stellar-drawing *{user-select:none!important}
.topbar{padding-top:22px;padding-bottom:18px}main{padding-top:4px}.heading{margin-bottom:18px}.heading h1{font-size:26px}
.service-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.constellation:after{display:none}.constellation{min-width:0}
.service-entry{min-width:0;overflow:hidden;border:1px solid #a7bace20;border-radius:13px;background:linear-gradient(130deg,#122338e8,#071321ed)}
.service-entry.expanded{border-color:color-mix(in srgb,var(--accent) 55%,transparent)}
.service-tile{width:100%;height:auto!important;min-height:74px!important;display:flex!important;flex-direction:row!important;justify-content:flex-start!important;align-items:center;gap:13px!important;padding:9px 15px!important;border:0!important;border-radius:0!important;background:transparent!important;text-align:left;box-shadow:none!important}
.service-tile .tile-top{display:block!important;flex:none;width:auto!important;margin:0!important}.service-tile img{width:49px!important;height:49px!important;border-radius:12px!important}
.tile-copy{min-width:0;display:flex;flex:1;flex-direction:column;gap:4px}.tile-copy strong{font-size:17px!important;margin:0!important;line-height:1.2}.tile-tag{margin:0!important;font-size:11px!important;line-height:1.3!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.service-tile .platforms{display:flex!important;gap:5px;flex-wrap:nowrap!important;margin:0!important}.service-tile .platform{font-size:9px!important;padding:0!important;line-height:1.4!important;background:none!important;border:0!important;color:#8ea6b9}
.tile-arrow{position:static!important;flex:none;font-size:17px!important;color:var(--accent)}
.inline-detail{padding:0 16px 16px 77px}.inline-detail p{color:#bdcedc;font-size:13px;line-height:1.65;margin:0 0 12px}.inline-detail .detail-links{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}.inline-detail .detail-links a{font-size:11px;padding:8px 11px;min-height:34px;border-radius:7px;display:inline-flex;gap:10px;align-items:center;background:#ffffff09;color:#e9f3fa;border:1px solid #ffffff1d}.inline-detail .more-link{font-size:11px;color:#adc6d9}
.coming{margin-top:22px!important;padding-top:16px!important}.locked-services{gap:10px!important}.locked-services button{padding:12px!important;min-height:58px!important}.locked-services img{width:30px!important;height:30px!important}.site-footer{margin-top:20px!important;padding-top:15px!important}
#share-status{font-size:10px;color:#a5c9c0}#drawing-help{display:block;font-size:10px;color:#9eafc2;margin:5px 1px 0}.proposal p{margin-top:6px}
@media(max-width:740px){
 .topbar{padding:18px 18px 12px!important}.brand{font-size:20px!important}.intro-link{font-size:11px!important}main{padding:0 18px 180px!important}.heading{gap:8px!important;margin-bottom:12px!important}.heading h1{font-size:22px!important}.filters{gap:4px!important}.filters button{font-size:10px!important;padding:6px 8px!important}
 .tile-copy{gap:3px}.service-entry{border-radius:11px}
 .locked-services button{gap:8px!important;font-size:12px!important}.coming-label{font-size:10px!important}.locked-services small{font-size:9px!important}.site-footer{font-size:11px!important}.proposal{bottom:9px;width:360px;max-width:calc(100vw - 20px)}.proposal-choices button{padding:8px 3px!important;font-size:11px!important}
}
@media(prefers-reduced-motion:reduce){#stellar-trails,#shared-stellar-trails{display:none}}
/* Latest comparison: all options retain two columns and never reflow on selection. */
.service-entry.expanded{grid-column:auto!important}
#service-inspector{position:fixed;z-index:25;max-height:calc(100vh - 24px);overflow:auto;background:linear-gradient(130deg,#12293bf9,#081522fc);color:#dce9f1;border:1px solid color-mix(in srgb,var(--accent) 38%,#354a60);box-shadow:0 20px 65px #0007;border-radius:16px;padding:19px;backdrop-filter:blur(18px)}
#service-inspector[hidden],#inspector-backdrop[hidden]{display:none}
#service-inspector .inspector-heading{display:flex;align-items:center;gap:12px;padding:0 0 16px;border:0}
.inspector-heading img{width:48px;height:48px;border-radius:12px}.inspector-heading>div{min-width:0;flex:1}.inspector-heading h2{font-size:20px;line-height:1.2;margin:0 0 4px}.inspector-heading span{font-size:11px;color:#adc5d5}.inspector-heading .platforms{display:flex;gap:6px;margin-top:6px;flex-wrap:nowrap}.inspector-heading .platform{font-size:9px;padding:0;background:none;border:0}.inspector-heading button{align-self:flex-start;width:32px;height:32px;background:transparent;border:0;color:#a5bdce;font-size:26px;line-height:1;cursor:pointer}
#service-inspector .inline-detail{padding:0!important}#service-inspector .inline-detail p{font-size:13px;line-height:1.7}#service-inspector .detail-links{gap:7px}#service-inspector .detail-links a{flex:1;justify-content:space-between;white-space:nowrap}
#service-inspector.inspector-B{inset:50% auto auto 50%!important;transform:translate(-50%,-50%);width:clamp(280px,calc(100vw - 40px),560px)!important;max-width:calc(100vw - 32px);margin:0;border-radius:20px;padding:24px;max-height:min(80dvh,660px);animation:inspector-center .18s ease-out}
@keyframes inspector-center{from{opacity:0;scale:.98}to{opacity:1;scale:1}}
#service-inspector.inspector-C{inset:0 0 0 auto!important;width:min(390px,90vw)!important;max-height:100vh;border-radius:16px 0 0 16px;padding:28px 23px;animation:inspector-side .2s ease-out}
#inspector-backdrop{position:fixed;inset:0;z-index:21;background:#01060d42;backdrop-filter:blur(1px)}
@keyframes inspector-up{from{transform:translateY(16px);opacity:.5}to{transform:none;opacity:1}}
@keyframes inspector-side{from{transform:translateX(16px);opacity:.5}to{transform:none;opacity:1}}
@media(max-width:740px){
 .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
 .service-tile,.service-entry.expanded .service-tile{gap:7px!important;padding:8px 9px!important;min-height:69px!important}
 .service-tile img,.service-entry.expanded .service-tile img{width:31px!important;height:31px!important;border-radius:8px!important}
 .service-tile .tile-copy strong,body[data-layout=B] .expanded .tile-copy strong{font-size:12px!important}.service-tile .tile-tag{font-size:9px!important}.service-tile .platforms{gap:3px!important}.service-tile .platform{font-size:8px!important}.service-tile .tile-arrow{display:none}
 #service-inspector{padding:17px}.inspector-heading h2{font-size:18px}#service-inspector .detail-links a{font-size:10px;padding:9px 8px}.proposal{z-index:11}
}
.service-tile strong,.service-tile.selected strong{color:#f0f4f9!important}
.pending-service{background:#0a152399;border-color:#9fb4cb14}.pending-service .service-tile{cursor:default!important;opacity:1!important}.pending-service .service-tile img{filter:grayscale(1)!important;opacity:.42}.pending-service .service-tile strong{color:#8293a4!important}.pending-service .tile-tag{color:#718496!important}
.official-brand-logo{width:32px;height:32px;object-fit:contain;flex:none}
.heading{justify-content:flex-start!important;margin-top:4px!important}.heading .filters{margin-left:0!important}
.heading{display:flex;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important}.heading .filters{flex:0 0 auto}#language{flex:0 0 auto;margin-left:auto;font-size:10px;padding-right:0}#language[hidden]{display:none}
.proposal{padding:9px 13px;width:350px}.proposal-top{margin-bottom:3px}.proposal p[hidden]{display:none}
@media(max-width:740px){.official-brand-logo{width:29px;height:29px}.heading{margin-bottom:10px!important}.proposal{width:350px}}
body[data-production=true] .proposal{display:flex;align-items:center;gap:14px;width:max-content;max-width:calc(100% - 36px);padding:0;background:none;border:0;box-shadow:none;backdrop-filter:none}
body[data-production=true] .proposal-top{display:none}
body[data-production=true] .home-privacy{font-size:10px;color:var(--muted);font-weight:400;text-decoration:underline;text-underline-offset:3px}