/* The check-in library only: quiet editorial cards, with three choices per row. */
body[data-page="formats"] .selector { padding-top:38px; }
body[data-page="formats"] .selector-heading { margin-bottom:22px; }
body[data-page="formats"] .selector-heading h1 { font-size:clamp(38px,4.5vw,56px); }
body[data-page="formats"] .selector-library { margin-top:28px; }
body[data-page="formats"] .selector-library-heading { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:18px; }
.selector-library-heading p { margin:0 0 8px; color:var(--palette-blue-ink); font-size:11px; text-transform:uppercase; letter-spacing:.09em; }
.selector-library-heading h2 { margin:0; color:var(--palette-ink); font-size:30px; line-height:1.25; }
.selector-library-heading>span { max-width:34ch; color:var(--palette-muted); font-size:12px; line-height:1.6; text-align:right; }
body[data-page="formats"] .app-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
body[data-page="formats"] .app-card { --card-wash:var(--palette-blue-soft); --card-edge:#abcce0; --card-ink:var(--palette-blue-ink); border:1px solid var(--palette-line); border-radius:26px; background:var(--palette-card); box-shadow:none; }
body[data-page="formats"] .app-card.available { min-height:0; padding:24px; background:var(--palette-card); }
body[data-page="formats"] .app-card.condensed { --card-wash:var(--palette-iris-soft); --card-edge:#b9c0df; --card-ink:var(--palette-iris-ink); }
body[data-page="formats"] .app-card.short { --card-wash:var(--palette-rose-soft); --card-edge:#dbb1c1; --card-ink:var(--palette-rose-ink); }
body[data-page="formats"] .app-card .status { padding:7px 10px; border-color:var(--palette-line); background:var(--palette-card); color:var(--palette-muted); font-size:11px; line-height:1.3; font-weight:500; }
.selector-card-art { position:relative; display:flex; align-items:center; gap:12px; min-height:76px; margin-top:20px; padding:18px; border-radius:18px; background:var(--card-wash); color:var(--card-ink); overflow:hidden; }
.selector-card-art .visitor-icon { width:27px; height:27px; position:relative; z-index:1; transition:rotate 380ms cubic-bezier(.22,.75,.25,1); }
.selector-card-art>span { position:relative; z-index:1; font-size:12px; line-height:1.5; }
.selector-card-art i { position:absolute; width:56px; height:56px; right:-20px; border:1px solid var(--card-edge); border-radius:50%; opacity:.6; pointer-events:none; }
.selector-card-art i:nth-last-child(2) { right:-4px; }
.selector-card-art i:nth-last-child(3) { right:12px; }
body[data-page="formats"] .app-card .card-name { position:static; margin:22px 0 12px; color:var(--palette-ink); font-size:34px; line-height:1.15; overflow-wrap:anywhere; }
body[data-page="formats"] .app-card .card-description { margin:0; color:var(--palette-muted); font-size:15px; line-height:1.65; }
body[data-page="formats"] .app-card .card-time { margin:20px 0 0; padding-top:17px; border-top:1px solid var(--palette-line); color:var(--palette-muted); font-size:13px; font-weight:500; line-height:1.7; }
body[data-page="formats"] .app-card .card-action { margin-top:auto; padding:21px 0 0; color:var(--card-ink); font-size:13px; font-weight:600; }
body[data-page="formats"] .card-action b { display:grid; place-items:center; flex:none; width:34px; height:34px; border:1px solid var(--card-edge); border-radius:50%; background:var(--card-wash); color:var(--card-ink); font-size:18px; font-weight:400; transition:translate 320ms ease,background-color 240ms ease; }
body[data-page="formats"] .app-card.available[data-pace-recommended="true"] { border-color:var(--card-ink); }
/* Main HISTI takes the whole row; variants and miscellaneous tests stay in three-column grids. */
body[data-page="formats"] .selector-main { margin-top:24px; }
body[data-page="formats"] .selector-language { display:inline-flex; margin-top:14px; padding:7px 12px; border:1px solid var(--palette-line); border-radius:999px; color:var(--palette-blue-ink); font-size:13px; text-decoration:none; }
body[data-page="formats"] .selector-language:focus-visible { outline:2px solid currentColor; outline-offset:3px; }
body[data-page="formats"] .selector-featured { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(240px,.8fr); gap:36px; padding:32px; border-color:#a7c7db; background:#edf6fc; }
.selector-featured-copy { min-width:0; display:flex; flex-direction:column; align-items:flex-start; }
body[data-page="formats"] .selector-featured .status { background:#fffdf8; color:var(--palette-blue-ink); }
body[data-page="formats"] .selector-featured .card-name { margin:20px 0 8px; font-size:clamp(56px,6.5vw,88px); line-height:1; }
.featured-tagline { color:var(--palette-ink); font-size:clamp(17px,1.8vw,21px); line-height:1.5; }
body[data-page="formats"] .selector-featured .card-description { max-width:56ch; margin-top:14px; }
body[data-page="formats"] .selector-featured .card-time { margin-top:16px; padding:0; border:0; }
body[data-page="formats"] .selector-featured .card-action { gap:28px; width:fit-content; margin-top:24px; padding:9px 10px 9px 20px; border:1px solid #7ba9c6; border-radius:999px; background:#b4d9f0; color:#183f58; font-size:15px; }
body[data-page="formats"] .selector-featured .card-action b { background:#edf6fc; border-color:#8ab4ce; }
.selector-featured-art { position:relative; min-width:0; display:flex; flex-direction:column; justify-content:center; align-items:center; padding:28px 20px; border:1px solid #b7c5de; border-radius:24px; background:#e4e5fb; color:#394b6b; }
.featured-art-caption { font-size:12px; }
.featured-people { display:flex; justify-content:center; gap:8px; margin-top:22px; }
.featured-people .visitor-icon { flex:none; width:48px; height:48px; padding:12px; border:1px solid #b6bfd4; border-radius:50%; background:#fff9ed; }
.featured-people .visitor-icon:nth-child(2) { background:#d6edfa; }
.featured-people .visitor-icon:nth-child(3) { background:#f8dce6; }
.featured-people .visitor-icon:nth-child(4) { background:#ffddbf; }
.featured-art-note { margin-top:22px; font-family:var(--font-heading); font-size:clamp(26px,3vw,38px); line-height:1.2; text-align:center; }
.featured-art-footer { display:flex; align-items:center; gap:7px; margin-top:25px; font-size:12px; }
.featured-art-footer .visitor-icon { width:15px; height:15px; }
body[data-page="formats"] .selector-variants-heading { margin-top:32px; }
body[data-page="formats"] .selector-variants .app-card { min-height:0; padding:24px; border-radius:26px; }
body[data-page="formats"] .selector-variants .app-card .card-name { margin:22px 0 12px; font-size:clamp(26px,2.7vw,34px); }
body[data-page="formats"] .selector-variants .extended { --card-wash:#ffebd6; --card-edge:#e3c3a5; --card-ink:#865434; background:#fffaf1; }
body[data-page="formats"] .selector-variants .extended .status { font-size:11px; background:#fff3e2; }
.card-availability { margin-top:auto; padding-top:24px; color:var(--palette-muted); font-size:13px; }
body[data-page="formats"] .selector-misc { margin-top:48px; padding-top:34px; border-top:1px solid var(--palette-line); }
body[data-page="formats"] .selector .pace-guide { margin:38px 0 46px; }
body[data-page="formats"] .app-card.soon { min-height:170px; padding:22px; border-style:solid; border-radius:22px; background:#fffdf8b8; }
body[data-page="formats"] .app-card.soon .status { align-self:flex-start; background:transparent; font-size:10px; }
body[data-page="formats"] .app-card.soon .card-name { margin:18px 0 10px; font-size:25px; line-height:1.2; }
body[data-page="formats"] .app-card.soon .card-description { font-size:14px; }
body[data-page="formats"] .app-card.soon .card-expansion { margin:0 0 10px; color:var(--palette-muted); font-size:12px; line-height:1.5; }
body[data-page="formats"] .app-card.soon.detailed { background:var(--palette-iris-soft); border-color:#d6d9eb; }
body[data-page="formats"] .app-card.soon.social { background:var(--palette-rose-soft); }
body[data-page="formats"] .app-card.soon.professional { background:var(--palette-blue-soft); }
.pace-settings { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
body[data-page="formats"] .app-card.available:focus-visible { outline:2px solid var(--card-ink); outline-offset:5px; }
@media(hover:hover) and (pointer:fine) {
  body[data-page="formats"] .app-card.available:hover { background:var(--palette-card); border-color:var(--card-edge); box-shadow:0 12px 28px #25323b0d; transform:translateY(-3px); }
  body[data-page="formats"] .selector-featured:hover { background:#e7f2fa; border-color:#7ca9c7; }
  body[data-page="formats"] .app-card.available:hover .selector-card-art .visitor-icon { rotate:-5deg; }
  body[data-page="formats"] .app-card.available:hover .card-action b { translate:2px -2px; }
}
@media(max-width:960px) { body[data-page="formats"] .app-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } body[data-page="formats"] .selector-featured { gap:24px; padding:26px; } }
@media(max-width:620px) {
  body[data-page="formats"] .selector { padding-top:30px; }
  body[data-page="formats"] .app-grid { grid-template-columns:1fr; gap:14px; }
  body[data-page="formats"] .selector-library-heading { align-items:start; flex-direction:column; gap:10px; }
  .selector-library-heading>span { text-align:left; }
  body[data-page="formats"] .app-card.available { padding:22px; }
  body[data-page="formats"] .app-card.soon { min-height:0; }
  body[data-page="formats"] .app-card .card-name { font-size:32px; }
  body[data-page="formats"] .selector-featured { grid-template-columns:minmax(0,1fr); gap:24px; padding:24px; }
  .selector-featured-art { padding:22px 16px; }
  .featured-people { margin-top:16px; }
  .featured-art-note { margin-top:16px; font-size:28px; }
  .featured-art-footer { margin-top:18px; }
  body[data-page="formats"] .selector-misc { margin-top:36px; padding-top:28px; }
}
body.visitor-motion-paused :is(.selector-card-art .visitor-icon,.card-action b) { animation:none!important; transition:none!important; rotate:none!important; translate:none!important; }
@media(prefers-reduced-motion:reduce) { .selector-card-art .visitor-icon,.card-action b { transition:none!important; rotate:none!important; translate:none!important; } }