/* Shared Record Picker Studio grammar; each product owns its accent palette. */
.rps-suite { --suite-paper:#fcfbf8; --suite-surface:#f2f0eb; --suite-ink:#242321; --suite-muted:#62605c; --suite-rule:#dcd8d0; --suite-accent:#b62442; --suite-radius:8px; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif; }
.rps-suite :is(h1,h2,h3) { text-wrap:pretty; }
.rps-suite :is(button,.button,.cta,.store-cta) { box-shadow:none; }
.rps-suite :is(a,button,input,summary):focus-visible { outline:3px solid var(--suite-accent); outline-offset:4px; }
.rps-suite :is(.button,.store-cta) { border-radius:7px; min-height:44px; font-weight:650; }
.rps-suite footer { font-size:.83rem; line-height:1.65; }
.suite-studio { background:var(--suite-paper); color:var(--suite-ink); }
.suite-studio > :is(header,main,footer) { max-width:1120px; }
.suite-studio .hub-header { background:var(--suite-paper); backdrop-filter:none; }
.suite-studio .studio-brand { font-size:clamp(2.4rem,5vw,3.6rem); line-height:1.08; letter-spacing:-.04em; }
.suite-studio .intro { max-width:66ch; color:var(--suite-muted); font-size:1.15rem; line-height:1.75; }
.suite-studio .project-card { border:1px solid var(--suite-rule); border-top:3px solid var(--app-accent,var(--suite-rule)); border-radius:var(--suite-radius); background:#fffefa; box-shadow:none; padding:28px; }
.suite-studio #record-picker { --app-accent:#d81f45; }
.suite-studio #meal-picker { --app-accent:#004225; }
.suite-studio #physical-routine { --app-accent:#00affe; --app-secondary:#fd236d; }
.suite-studio #snory-teller { --app-accent:#0067d6; --app-secondary:#9bdbff; }
.suite-studio .project-card h2 { font-size:1.55rem; line-height:1.2; letter-spacing:-.025em; }
.suite-studio .project-card > p { color:var(--suite-muted); line-height:1.75; }
.suite-studio .project-card :is(.platforms a,a.button) { background:var(--app-accent,#242321); color:white; border-radius:7px; box-shadow:none; }
.suite-studio .project-card :is(.app-preview,.presentation-shot) { border-radius:7px; box-shadow:none; }
.suite-studio :is(.music,.ecosystem,.guide) { border:1px solid var(--suite-rule); background:var(--suite-surface); border-radius:var(--suite-radius); box-shadow:none; }
.suite-studio :is(.guide,.ecosystem) { padding:28px; }
.suite-studio .project-card#physical-routine { border-bottom:2px solid var(--app-secondary); }
.suite-studio .project-card#snory-teller { border-bottom:2px solid var(--app-secondary); }
.suite-physical { --suite-accent:#00affe; --suite-secondary:#fd236d; background:var(--suite-paper); color:#182936; }
.suite-physical :is(header,main,footer) { max-width:1120px; }
.suite-physical main { padding-block:48px; }
.suite-physical h1 { font-size:clamp(2.4rem,4.8vw,3.6rem); letter-spacing:-.04em; line-height:1.08; max-width:22ch; }
.suite-physical h2 { color:#182936; font-size:1.5rem; letter-spacing:-.02em; }
.suite-physical section { padding:28px; margin:32px 0; border:0; border-radius:16px; background:#f8f6f0; box-shadow:none; }
.suite-physical section > p { max-width:76ch; }
.suite-physical a { color:#153d56; text-decoration-color:var(--suite-secondary); }
.suite-physical .brand { border-bottom:2px solid var(--suite-secondary); }
.suite-physical .release-screenshots img { border-radius:7px; }
.suite-snory { --suite-accent:#9bdbff; --suite-paper:#071a31; --suite-surface:#0d2341; --suite-ink:#e5f0fb; --suite-muted:#bdd0e2; --suite-rule:#365572; background:var(--suite-paper); background-image:none; color:var(--suite-ink); }
.suite-snory :is(header,main,footer) { max-width:1120px; }
.suite-snory h1 { font-size:clamp(2.5rem,4.5vw,3.65rem); line-height:1.08; letter-spacing:-.04em; }
.suite-snory .hero { gap:48px; padding-block:40px 64px; }
.suite-snory .orbit { display:none; }
.suite-snory :is(.phone-shell,.watch-shell) { transform:none; box-shadow:none; }
.suite-snory .device-scene { min-height:530px; }
.suite-snory :is(.steps section,.privacy-card,.release-card,.offer) { border:1px solid var(--suite-rule); border-radius:var(--suite-radius); background:var(--suite-surface); box-shadow:none; }
.suite-snory .feature { margin-block:64px; }
.suite-snory .feature h2,.suite-snory .privacy-card h2 { font-size:clamp(1.6rem,2.7vw,2.15rem); }
.suite-snory .store-cta { background:#0067d6; color:white; }
.suite-snory .status { border-radius:7px; background:transparent; box-shadow:none; }
.suite-snory details { border-color:var(--suite-rule); }
@media(max-width:740px) {
 .rps-suite > :is(header,main,footer) { padding-inline:20px; }
 .suite-studio .project-card,.suite-studio :is(.guide,.ecosystem),.suite-physical section { padding:22px; }
 .suite-studio .grid { grid-template-columns:1fr; }
 .suite-snory .hero { gap:24px; padding-block:28px 40px; }
 .suite-snory .device-scene { min-height:490px; }
 .suite-physical main { padding-block:32px; }
}

.suite-studio,.suite-physical { color-scheme:light; }
.suite-studio #physical-routine :is(.platforms a,a.button) { color:#08080b; }
.suite-product-masthead { display:grid; grid-template-columns:1.2fr 1fr; gap:48px; align-items:center; margin-bottom:48px; padding-bottom:40px; border-bottom:1px solid var(--suite-rule); }
.suite-product-masthead h1 { margin:0 0 24px; }
.suite-product-masthead p { color:var(--suite-muted); font-size:1.15rem; line-height:1.65; }
.suite-product-masthead figure { margin:0; padding:16px; background:var(--suite-surface); border:1px solid var(--suite-rule); border-radius:8px; text-align:center; }
.suite-product-masthead img { display:block; max-width:100%; width:auto; height:390px; object-fit:contain; margin:auto; }
.suite-physical .suite-product-cta { display:inline-flex; align-items:center; justify-content:center; padding:12px 20px; margin-top:16px; background:#00affe; color:#08080b; text-decoration:none; border-bottom:2px solid #fd236d; }
@media(max-width:740px) { .suite-product-masthead { grid-template-columns:1fr; gap:28px; } .suite-product-masthead img { height:360px; } }
.suite-studio .project-card a.store-appstore { background:var(--app-accent,#242321); color:white; border-radius:7px; box-shadow:none; }
.suite-studio #physical-routine a.store-appstore { color:#08080b; }
.suite-studio #physical-routine a.store-appstore img { filter:brightness(0); }
.suite-studio .project-card :is(a.store-microsoftstore,a.store-android-beta) { background:transparent; color:var(--suite-ink); border:1px solid var(--suite-rule); border-radius:7px; box-shadow:none; }
.suite-studio .project-card { scroll-margin-top:120px; }

/* Studio product cards: one hierarchy, one action system across every locale. */
.suite-studio .project-card { gap:24px; padding:32px; border-radius:16px; }
.suite-studio .project-card-head { display:grid; grid-template-columns:56px minmax(0,1fr); column-gap:18px; align-items:center; }
.suite-studio .project-card-head .tag { grid-column:1/-1; margin:0 0 24px; font-size:11px; letter-spacing:.12em; }
.suite-studio .project-card-head .app-icon { width:56px; height:56px; margin:0; border-radius:12px; }
.suite-studio .project-card-head h2 { margin:0; font-size:25px; line-height:1.18; font-weight:650; }
.suite-studio .project-card-body { display:flex; flex-direction:column; gap:14px; }
.suite-studio .project-card-body > p { margin:0; font-size:17px; line-height:1.65; color:var(--suite-muted); }
.suite-studio .project-card-body > p:first-child { color:var(--suite-ink); font-size:20px; line-height:1.4; letter-spacing:-.015em; }
.suite-studio .project-card-body > p:first-child strong { font-weight:600; }
.suite-studio .project-card-body .availability { order:2; font-size:13px; line-height:1.5; color:var(--suite-muted); }
.suite-studio .project-update { order:3; border-top:1px solid var(--suite-rule); padding-top:12px; }
.suite-studio .project-update summary { cursor:pointer; font-size:13px; font-weight:500; color:var(--suite-muted); }
.suite-studio .project-update .release-note { padding:12px 0 0; margin:0; background:none; color:var(--suite-muted); font-size:14px; line-height:1.65; }
.suite-studio .project-card-actions { gap:14px; padding-top:4px; }
.suite-studio .project-store-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }

.suite-studio .project-card .project-store-grid > a { display:flex; align-items:center; justify-content:flex-start; gap:10px; width:100%; min-height:64px; margin:0; padding:12px 14px; border:1px solid transparent; border-radius:10px; box-shadow:none; text-align:start; font-size:14px; line-height:1.3; }
.suite-studio .project-card .project-store-grid > a.store-appstore { background:var(--app-accent); color:#fff; }
.suite-studio #physical-routine .project-store-grid > a.store-appstore { background:#00affe; color:#082631; }
.suite-studio .project-store-grid .store-logo { width:24px; height:24px; flex-shrink:0; }
.suite-studio .project-store-grid .store-label { display:flex; flex-direction:column; gap:3px; min-width:0; }
.suite-studio .project-store-grid strong { font-size:14px; font-weight:600; line-height:1.25; }
.suite-studio .project-store-grid small { font-size:12px; font-weight:400; line-height:1.35; }
.suite-studio .project-card .project-store-grid > :is(.store-microsoftstore,.store-android-beta) { background:#f7f6f3; color:var(--suite-ink); border-color:var(--suite-rule); }
.suite-studio .project-store-grid .store-logo-native { filter:none; }
.suite-studio .project-card-actions > .project-text-link { display:block; margin:0; padding:0; font-size:14px; line-height:1.6; font-weight:500; }
.suite-studio .project-card-actions > .press-review-link { font-size:12px; font-weight:400; color:var(--suite-muted); }
.suite-studio .project-card a:hover { text-decoration:underline; text-underline-offset:4px; }
.suite-studio .project-store-grid a:hover { text-decoration:none; filter:brightness(.96); }
@media(max-width:740px) {
 .suite-studio .project-card { padding:24px; gap:22px; }
 .suite-studio .project-card-head h2 { font-size:23px; }
 .suite-studio .project-card-body > p { font-size:16px; }
 .suite-studio .project-card-body > p:first-child { font-size:19px; }
 .suite-studio .hub-header { display:flex; flex-direction:column; align-items:stretch; gap:12px; padding:14px 20px; }
 .suite-studio .hub-header .hub-menu { display:flex; flex-wrap:wrap; gap:6px; margin:0; }
 .suite-studio .hub-header .language-nav { padding:0; text-align:start; font-size:13px; }
 .suite-studio .hub-header .language-nav select { max-width:72%; font-size:13px; padding:6px 8px; }
}
@media(max-width:740px) { .suite-studio .project-store-grid { grid-template-columns:1fr; } }

/* Soft elevation on warm paper; saturated product colours remain distinct. */
.suite-studio { --suite-paper:#f7f5ef; --suite-surface:#eeebe3; }
.suite-studio .project-card { background:#fffefa; border-color:#e3dfd5; border-top-color:var(--app-accent,var(--suite-rule)); box-shadow:0 2px 3px #33271300,0 12px 28px -18px #33271302,inset 0 1px 0 #fff; }
.suite-studio .project-card .project-store-grid > a { box-shadow:inset 0 1px 0 #ffffff55,0 2px 3px #20180d01,0 6px 12px -8px #20180d11; }
.suite-studio .project-card .project-store-grid > a.store-appstore { background:var(--app-accent); }
.suite-studio .hub-menu-group > summary { background:#fffefa; box-shadow:inset 0 1px 0 #fff,0 2px 4px #33271300; }
.suite-studio .community-grid article { background:#fffefa; border-color:#e3dfd5; box-shadow:0 2px 3px #33271300,0 8px 18px -14px #33271302; }

/* The same quiet depth carries through the Studio's reading and product pages. */
.suite-studio .card:not(.project-card),.suite-studio .playlist-cover { background:#fffefa; border:1px solid #e3dfd5; border-radius:16px; box-shadow:inset 0 1px 0 #fff,0 2px 3px #33271300,0 12px 24px -20px #3327130d; }
.suite-studio :is(.music,.ecosystem,.guide) { border-radius:18px; }
.suite-studio .guide { max-width:none; }
.suite-studio .guide h1 { margin-top:0; }
.suite-studio .detail-page { max-width:760px; }
.suite-studio .detail-page p,.suite-studio .detail-page li { max-width:70ch; line-height:1.8; }
.suite-studio .playlist-actions a,.suite-studio .platforms a { border-radius:12px; min-height:52px; box-shadow:inset 0 1px 0 #ffffff55,0 2px 3px #33271301,0 7px 14px -10px #3327130f; }
.suite-physical { --suite-paper:#f7f5ef; --suite-surface:#eeebe3; }
.suite-physical section,.suite-physical .suite-product-masthead figure { border-radius:18px; box-shadow:inset 0 1px 0 #fff,0 2px 3px #142d3e00,0 14px 28px -22px #142d3e0d; }
.suite-physical .suite-product-cta { min-height:52px; border-radius:14px; padding:13px 22px; box-shadow:inset 0 1px 0 #ffffff88,0 3px 4px #00334c01,0 9px 18px -13px #00334c14; }
.suite-snory :is(.privacy-card,.release-card,.offer,.steps section) { border-radius:18px; box-shadow:inset 0 1px 0 #ffffff14,0 3px 5px #00000000,0 16px 28px -20px #00000021; }
.suite-snory .store-cta { min-height:52px; padding:13px 22px; border:1px solid #3b93ec; border-radius:14px; box-shadow:inset 0 1px 0 #ffffff45,0 3px 4px #00000001,0 10px 20px -14px #0067d629; }
.suite-snory .secondary-cta { min-height:52px; border-radius:14px; }
@media(max-width:740px) { .suite-studio .music { padding:24px; } .suite-studio .playlist-cover { padding:24px; } }
.suite-studio .detail-page > .playlist-cover { max-width:none; padding:28px; display:grid; grid-template-columns:240px minmax(0,1fr); gap:18px 28px; }
.suite-studio .detail-page > .playlist-cover .playlist-art { width:100%; max-width:none; grid-column:1; grid-row:1/3; }
.suite-studio .detail-page > .playlist-cover > p { grid-column:2; margin:0; }
.suite-studio .detail-page > .playlist-cover .playlist-actions { grid-column:2; margin:0; padding:0; }
.suite-studio .detail-page h1 { font-size:clamp(1.8rem,4vw,2.6rem); line-height:1.15; letter-spacing:-.035em; }
.suite-studio .playlist-actions a[href*="music.apple.com"] { background:#fff; color:#111; border:1px solid #d2d2d7; }
.suite-studio .playlist-actions a[href*="open.spotify.com"] { background:#1ed760; color:#111; }
.suite-studio .playlist-actions a[href*="open.spotify.com"] img { filter:none; }
.suite-studio .playlist-actions a[href*="deezer.com"] { background:#a238ff; color:#fff; }
@media(max-width:740px) {
 .suite-studio .detail-page > .playlist-cover { padding:22px; grid-template-columns:1fr; gap:20px; }
 .suite-studio .detail-page > .playlist-cover .playlist-art { grid-column:auto; grid-row:auto; max-width:280px; }
 .suite-studio .detail-page > .playlist-cover > p,.suite-studio .detail-page > .playlist-cover .playlist-actions { grid-column:auto; }
}
.suite-studio .detail-page > a.button { display:inline-flex; align-items:center; justify-content:center; min-height:52px; margin-top:16px; padding:13px 20px; border:1px solid var(--suite-rule); border-radius:14px; background:#fffefa; color:var(--suite-ink); box-shadow:inset 0 1px 0 #fff,0 2px 3px #33271300; }
.rps-suite .skip:not(:focus) { position:absolute; inset-inline-start:0; left:auto; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.suite-studio .social-links,.suite-studio .social-links a { min-width:0; max-width:100%; }
.suite-studio .social-links a { overflow-wrap:anywhere; }

/* Tactile finish: artwork sits above paper, controls share a quiet raised edge. */
.suite-studio .language-nav select {
 appearance:auto; max-width:100%; min-height:44px; padding:9px 36px 9px 14px;
 border:1px solid var(--suite-rule); border-radius:12px; background:#fffefa;
 color:var(--suite-ink); font:inherit; font-size:14px;
 box-shadow:inset 0 1px 0 #fff,0 2px 4px #33271300;
}
.suite-studio .hub-menu-group > summary { min-height:44px; display:flex; align-items:center; border-radius:12px; }
.suite-studio .playlist-art {
 display:block; border-radius:10px; border:1px solid #00000001;
 box-shadow:0 2px 3px #33271301,0 12px 20px -12px #33271318;
}
.suite-studio .project-card-head .app-icon {
 box-shadow:0 1px 2px #33271300,0 7px 12px -8px #33271318;
}
.suite-studio .playlist-cover { padding:28px; }
.suite-studio .playlist-cover > p { color:var(--suite-muted); font-size:15px; line-height:1.6; }
.suite-studio .playlist-actions { gap:10px; }
.suite-studio .playlist-actions a { font-size:14px; font-weight:600; padding:12px 18px; line-height:1.4; text-align:start; }
.suite-studio .episode-link { display:inline-block; margin-top:16px; font-size:14px; text-underline-offset:4px; }
.suite-studio :is(.community,.guide,.ecosystem) h2 { line-height:1.2; letter-spacing:-.025em; }
.suite-studio .community-grid article { border-radius:14px; padding:24px; }
.suite-studio .community-grid h3 { margin-top:0; font-size:18px; line-height:1.4; }
.suite-studio .community-grid p { color:var(--suite-muted); font-size:15px; line-height:1.65; margin-bottom:0; }
.suite-studio .project-card .project-store-grid > a:active,
.suite-studio .playlist-actions a:active { box-shadow:inset 0 2px 4px #00000001; }
@media(max-width:740px) {
 .suite-studio .playlist-cover { padding:22px; }
 .suite-studio .language-nav select { min-height:44px; }
 .suite-studio .community-grid article { padding:22px; }
}
.suite-studio .music .playlist-cover { text-align:center; }
.suite-studio .music .playlist-cover .playlist-art { margin-inline:auto; }
.suite-studio .music .playlist-cover .playlist-actions { margin-inline:auto; }

/* Reading sections sit directly on the page; only useful cards carry elevation. */
.suite-studio :is(.music,.ecosystem,.guide) {
 background:transparent; border:0; border-radius:0; box-shadow:none; padding:0;
}

/* Neutral store actions retain dark pictograms on the shared light surface. */
.suite-studio .project-store-grid :is(.store-microsoftstore,.store-android-beta) .store-logo { filter:brightness(0); }

/* Shared card rhythm: heading, description, illustration, details, actions. */
.suite-studio .grid{align-items:stretch}
.suite-studio .project-card[data-unified-card]{display:grid;grid-template-rows:auto auto 260px auto auto;gap:24px}
@supports(grid-template-rows:subgrid){@media(min-width:741px){.suite-studio .project-card[data-unified-card]{grid-row:span 5;grid-template-rows:subgrid}}}
.suite-studio .unified-media{display:flex;align-items:center;justify-content:center;min-width:0;height:260px;overflow:hidden;border-radius:14px;background:#f4f3ef;padding:16px}
.suite-studio .unified-media:empty{background:transparent}
.suite-studio .unified-media :is(.routine-art,.app-preview,.presentation-shot,.app-preview-link){width:100%;margin:0!important;max-height:100%}
.suite-studio .unified-media img{display:block;max-width:100%;max-height:228px!important;width:auto!important;height:auto!important;object-fit:contain;margin:0 auto!important;border-radius:10px}
.suite-studio .unified-media .routine-art{display:flex;align-items:stretch;gap:8px}
.suite-studio .unified-media .routine-art span{padding:20px 8px}
.suite-studio .unified-media .routine-step-icon{width:32px!important;height:32px!important;margin:0 auto 10px!important}
.suite-studio .unified-meta{display:flex;flex-direction:column;gap:12px;font-size:14px;color:var(--suite-muted)}
.suite-studio .unified-meta>p{margin:0}
.suite-studio .project-card[data-unified-card] .project-card-actions{align-self:end;margin:0}
.suite-studio .project-card[data-unified-card] .store-appstore{min-height:64px;border-radius:10px}
@media(max-width:740px){.suite-studio .project-card[data-unified-card]{grid-template-rows:auto auto 240px auto auto}.suite-studio .unified-media{height:240px}}
.suite-studio #book-picker{--app-accent:#593151}.suite-studio #moovie-picker{--app-accent:#242424}
.suite-studio .project-card[data-unified-card] a.store-appstore{background:var(--app-accent,#242424)!important;color:#fff!important;border-color:var(--app-accent,#242424)!important}
.suite-studio .project-card[data-unified-card] a.store-appstore .store-label{color:inherit}
.suite-studio .unified-media.book-real-pair{display:flex;gap:16px;padding:8px;background:#f5f3f5}
.suite-studio .unified-media.book-real-pair img{height:100%!important;width:auto!important;max-width:46%;max-height:244px!important;object-fit:contain;border-radius:10px}