/* Names, outcomes and actions stay together; text is never scaled or clipped. */
#services[data-prototype] .ss-card{align-self:start}
#services .ss-card{border-radius:16px!important;box-shadow:0 5px 20px -16px #23475c55!important;transition:border-color .2s ease!important}
#services .ss-card:hover{transform:none!important;box-shadow:0 5px 20px -16px #23475c55!important}
#services .ss-card-head{padding:22px 22px 17px;min-width:0}
#services .ss-card-head .service-meta{margin:0 0 8px;font-size:13px;letter-spacing:0;line-height:1.5;color:#4f6677}
#services .ss-card-head h3{margin:0 0 9px!important;font-size:23px!important;line-height:1.45!important;letter-spacing:-.025em;min-height:0!important;color:#193d53}
#services .ss-card-head p{font-size:16px!important;line-height:1.7!important;margin:0!important;max-width:none!important;color:#4b6271}
#services .ss-brand{display:block;font-size:12px;color:#4f6577;margin:-3px 0 8px;letter-spacing:.035em}
#services .ss-card .sg-figure{margin:0 14px}
#services .ss-card .sg-stage{height:206px;min-height:206px;padding:16px;gap:12px;border:0;border-radius:10px}
#services .ss-card .sg-stage:before{display:none}
#services .ss-card .sg-sheet{padding:12px;border:0;border-radius:8px;box-shadow:none}
#services .ss-card .sg-figure figcaption{min-height:0;display:block;border:0;background:transparent;padding:7px 6px 0;font-size:13px;line-height:1.55;color:#526777}
#services .ss-card-foot{display:flex;flex-direction:column;flex:1;padding:14px 22px 20px;gap:9px;min-width:0}
#services .ss-card-foot :is(.ss-note,.experience-language,.ss-integrated){margin:0!important;font-size:14px!important;line-height:1.6!important;color:#506678!important;max-width:none}
#services .ss-integrated>span{font-weight:650;color:#31566e}
#services .ss-card-foot .service-card-end{display:flex;margin-top:auto;padding-top:8px;width:100%}
#services .ss-card-foot .service-open{width:100%!important;min-height:46px;display:flex;justify-content:space-between!important;gap:10px;padding:11px 15px;border:1px solid #d2dfe7;border-radius:9px;background:#edf4f8;color:#21485f!important;font-size:16px;font-weight:650;line-height:1.5;box-shadow:none}
#services .ss-card-foot .service-open:hover{background:#dceaf3;color:#16394d!important}
#services .ss-card-foot .service-open:focus-visible{outline:3px solid #247a9a;outline-offset:3px}
#services .ss-card .sg-photo-duo>div{min-height:174px;padding:10px;border-radius:7px;box-shadow:none}
#services .ss-card .sg-photo-duo>div+div{transform:none}
#services .ss-card .sg-price-pair>div{padding:12px;gap:9px;border-radius:8px;box-shadow:none}
#services .ss-card .sg-price-pair strong{font-size:25px}
#services .ss-card .sg-savings strong{font-size:25px}
#services .ss-card .sg-savings{padding-inline:3px}
#services .ss-card :is(.sg-scene-0010,.sg-scene-0028){padding-top:16px}
#services .ss-card .sg-cover{object-position:50% 35%}
#services .ss-card .sg-overlay{max-width:260px;margin-top:auto;background:#fffffff5}
#services .ss-card .sg-week{margin:9px 0 0}
#services .ss-card .sg-week span{padding:8px 5px}
#services .ss-card .sg-map-wrap{height:140px;border-radius:8px;box-shadow:none}
#services .ss-card .sg-place-sheet{padding:10px;margin: -53px 4px 0;position:relative}
#services .ss-card .sg-place-sheet .sg-display{font-size:24px}
#services .ss-card .sg-place-sheet .sg-row{display:none}
#services .ss-card .sg-place-sheet .sg-small{display:none}
#services .ss-card .sg-movie{height:135px;border-radius:7px}
#services .ss-card .sg-timeline{margin:0}
#services .ss-card .sg-market-poster{min-height:174px;height:174px;padding:15px}
#services .ss-card .sg-market-poster>span{font-size:27px}
#services .ss-card .sg-market-poster>strong{font-size:14px}
#services .ss-card .sg-market-poster>small{font-size:12px}
#services .ss-card .sg-product{height:75px;min-height:75px;display:flex;align-items:center;justify-content:space-around}
#services .ss-card .sg-product .sg-mug{width:120px;height:80px}
#services .ss-card .sg-product-tags{flex-direction:column;gap:4px}
#services .ss-card .sg-product{padding:0;background:transparent}
#services .ss-card .sg-product-sheet{margin:0;padding:12px}
#services .ss-card .sg-product-sheet p{display:none}
#services .ss-card .sg-game-land{height:85px;min-height:85px}
#services .ss-card .sg-game-horizon{bottom:-75px}
#services .ss-card .sg-game-cube{transform:scale(.6);top:5px}
#services .ss-card .sg-scene-0006 .sg-row{padding:2px 0}
#services .ss-card .sg-scene-0006 .sg-scene-heading{display:none}
#services .ss-card .sg-city-view{height:174px;min-height:174px}
#services .ss-card .sg-sign-wall{height:174px;min-height:174px}
#services .ss-card .sg-scene-0011{flex-direction:row;align-items:center;gap:7px}
#services .ss-card .sg-scene-0011>.sg-scene-heading{display:none}
#services .ss-card .sg-scene-0011 .sg-sheet{flex:1;padding:12px}
#services .ss-card .sg-scene-0011 .sg-language-text{font-size:16px}
#services .ss-card .sg-scene-0011 .sg-flow-arrow{transform:rotate(-90deg);font-size:19px}
#services .ss-card .sg-condition{padding:9px 0}
#services .ss-card .sg-scene-0018 .sg-display{font-size:28px}
#services .ss-card .sg-scene-0018 .sg-row{padding:4px 0}
#services .ss-card .sg-clothes{height:94px;min-height:94px}
#services .ss-card .sg-clothes svg{height:94px}
#services .ss-card .sg-scene-0019 .sg-row{padding:3px 0}
#services .ss-card .sg-browser{height:174px;min-height:174px}
#services .ss-card .sg-shop{height:152px;min-height:152px;padding:14px;display:grid;grid-template-columns:1fr 90px;gap:6px;align-content:center}
#services .ss-card .sg-shop .sg-mug{width:90px;height:75px;grid-column:2;grid-row:1/4}
#services .ss-card .sg-shop>strong{font-size:23px}
#services .ss-card .sg-shop-items{display:none}
#services .ss-card .sg-scene-0021 .sg-letter-head{display:none}
#services .ss-card .sg-message-input{padding:9px 12px;font-size:15px}
#services .ss-card .sg-scene-0021 .sg-body{font-size:14px}
#services .ss-card .sg-message-result{font-size:15px;margin-top:7px}
#services .ss-card .sg-trip strong{font-size:22px}
#services .ss-card .sg-notebook{padding:10px 13px;gap:8px}
#services .ss-card .sg-notebook>div{padding:5px 0}
#services .ss-card .sg-notebook p{font-size:14px;margin:3px 0 0}
#services .ss-card .sg-steps{gap:8px}
#services .ss-card .sg-steps li{gap:9px;padding:0}
#services .ss-card .sg-steps li strong{font-size:14px}
#services .ss-card .sg-steps li div>span{font-size:13px}
#services .ss-card .sg-question{font-size:18px;line-height:1.4}
#services .ss-card .sg-options{gap:7px}
#services .ss-card .sg-options li{padding:8px 10px}
#services .ss-card .sg-filebar{padding-bottom:6px;margin-bottom:4px}
#services .ss-card .sg-data-row{padding:6px 9px}
#services .ss-card .sg-shop{grid-template-columns:1fr;padding:12px;gap:4px}
#services .ss-card .sg-shop>small{display:none}
#services .ss-card .sg-shop>strong{font-size:20px;line-height:1.3;grid-column:1;grid-row:1}
#services .ss-card .sg-shop>.sg-mug{grid-column:1;grid-row:2;justify-self:end;width:85px;height:53px}
#services .ss-card .sg-shop>span{display:none}
#services .ss-card .sg-scene-0019 .sg-sheet{display:flex;justify-content:space-around;gap:8px}
#services .ss-card .sg-scene-0019 .sg-row{display:flex;flex-direction:column;gap:3px;align-items:flex-start;border:0}
#services .ss-card .sg-scene-0019 .sg-row strong{font-size:19px;line-height:1.5;white-space:nowrap}
#services .ss-card .sg-notebook>div{padding:9px 11px;box-shadow:none}
#services .ss-card .sg-note-tab{font-size:14px;background:none;padding:0}
/* Compact discovery controls; the first service names belong above the fold. */
#services:not([data-prototype]){padding-top:42px;padding-bottom:64px;scroll-margin-top:64px}
#services:not([data-prototype]) .blue-directory-heading{margin-bottom:0}
#services:not([data-prototype]) .service-principle{display:none}
#services:not([data-prototype]) #service-title{font-size:34px;line-height:1.35;margin:0}
#services:not([data-prototype]) .service-intro{font-size:16px;margin:9px 0 0;line-height:1.6}
#services:not([data-prototype]) .service-status-buttons{display:flex;align-items:center;gap:8px;margin:21px 0 14px}
#services:not([data-prototype]) .service-status-buttons button{min-height:44px;padding:8px 12px;font-size:15px;border:1px solid transparent;background:transparent;color:#506778;border-radius:8px}
#services:not([data-prototype]) .service-status-buttons button[aria-pressed=true]{background:#e0ebf2;color:#1c4763;border-color:#bbcfdc}
#services:not([data-prototype]) .service-status-buttons button[data-status-filter=all]{margin-left:auto}
#services:not([data-prototype]) .service-search{display:flex;align-items:flex-end;padding:0;margin:0 0 10px;gap:10px;box-shadow:none;background:transparent;border:0;border-radius:0}
#services:not([data-prototype]) .service-search .service-query{flex:1}
#services:not([data-prototype]) .service-search label{font-size:14px;margin-bottom:6px;line-height:1.5}
#services:not([data-prototype]) .service-search input{height:48px;min-height:48px;padding:10px 14px;font-size:16px;border-radius:9px;background:#fff;border:1px solid #9eb6c7;box-shadow:none}
#services:not([data-prototype]) .service-search .service-reset{min-height:46px;padding:8px 9px;font-size:14px;white-space:nowrap;border:0;background:none}
#services:not([data-prototype]) .service-reset[hidden]{display:none!important}
#services:not([data-prototype]) .purpose-tabs{gap:5px;margin:0 0 14px;display:flex;flex-wrap:wrap}
#services:not([data-prototype]) .purpose-tabs button{font-size:14px;line-height:1.5;min-height:44px;padding:8px 11px;border:1px solid transparent;border-radius:7px;background:transparent;color:#435e72;box-shadow:none}
#services:not([data-prototype]) .purpose-tabs button[aria-pressed=true]{border-color:#b6cbd9;background:#e8f0f5;color:#214d69}
#services:not([data-prototype]) .service-result-heading{margin:4px 0 13px;align-items:center;gap:10px;scroll-margin-top:90px}
#services:not([data-prototype]) .service-result-heading h3{font-size:18px!important;line-height:1.5}
#services:not([data-prototype]) .service-result-count{font-size:14px}
#services:not([data-prototype]) .service-grid{gap:18px;border:0}
#services:not([data-prototype]) .ss-card{scroll-margin-top:88px}
#services:not([data-prototype]) .service-pagination{display:flex;flex-direction:column;align-items:center;gap:12px;margin:26px 0 0}
#services:not([data-prototype]) .service-pagination[hidden]{display:none}
#services:not([data-prototype]) .service-pagination button{min-height:48px;padding:11px 26px;border-radius:9px;font-size:16px}
#services:not([data-prototype]) .service-pagination button[hidden]{display:none}
#services:not([data-prototype]) .service-page-count{font-size:14px;color:#506778}
@media(max-width:600px){#services .ss-card-head{padding:19px 20px 15px}#services .ss-card-head h3{font-size:23px!important}#services .ss-card-foot{padding:13px 20px 18px}#services .ss-card .sg-stage{padding:14px}#services:not([data-prototype]){padding-top:30px}#services:not([data-prototype]) #service-title{font-size:29px}#services:not([data-prototype]) .service-status-buttons{gap:0}#services:not([data-prototype]) .service-status-buttons button{padding:8px}#services:not([data-prototype]) .purpose-tabs button{padding:8px}#services:not([data-prototype]) .service-search{flex-wrap:wrap}#services:not([data-prototype]) .service-query{min-width:190px}}
@media(prefers-reduced-motion:reduce){#services .ss-card{transition:none!important}}