/* Isolated review draft. Existing approved mobile stories keep their layout. */
.appearance-index{padding-bottom:60px;scroll-margin-top:110px}
.appearance-index-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:24px;max-width:980px}
.appearance-index-heading h2{font-size:36px;margin:0}
.appearance-index-heading p{font-size:17px;margin:0}
.appearance-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;max-width:980px}
.appearance-card{min-width:0;display:flex;flex-direction:column}
.appearance-card-image{display:block;overflow:hidden;border-radius:3px 36px 3px 3px;background:#c8dce7}
.appearance-card-image img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center 42%;transition:transform .5s ease}
.appearance-card-image:hover img{transform:scale(1.025)}
.appearance-card-copy{padding-top:20px;display:flex;flex:1;flex-direction:column;align-items:flex-start}
.appearance-card .appearance-card-type{font-size:12px;font-weight:600;letter-spacing:1.5px;line-height:1.5;margin:0 0 5px;color:#34586d}
.appearance-card time{font-size:15px;font-weight:500;color:#34586d;line-height:1.5}
.appearance-card .appearance-card-show{font-size:17px;line-height:1.5;margin:10px 0 5px}
.appearance-card h3{font-size:27px;line-height:1.2;margin:0 0 10px;max-width:24ch}
.appearance-card .appearance-card-curiosity{font-size:16px;line-height:1.5;margin:0 0 20px;max-width:44ch;color:#34586d}
.appearance-explore{margin-top:auto;min-height:48px;font-size:15px;padding:12px 23px}
.appearance-back{display:inline-block;font-size:14px;color:#214b64;text-decoration:underline;text-underline-offset:5px;margin-bottom:24px;line-height:1.6}
.field-entry{scroll-margin-top:104px}
/* The active image determines the frame; every photograph is shown in full. */
.appearance-carousel{width:calc(var(--photo-ratio,1.333333) * 520px + 88px);max-width:100%;margin:32px 0}
.appearance-carousel-media{display:flex;align-items:flex-start;gap:18px}
.appearance-carousel-stage{min-width:0;flex:1}
.field-story .appearance-carousel figure{margin:0;width:100%;max-width:none}
.appearance-carousel-stage figure[hidden]{display:none}
.field-story .appearance-carousel-stage img{display:block;width:100%;height:auto;max-height:none;border-radius:3px 24px 3px 3px}
.appearance-carousel figcaption{padding:12px 0 0;font-size:14px;line-height:1.6;background:transparent}
.appearance-carousel-thumbnails{display:flex;flex-direction:column;align-items:center;gap:14px;width:70px;flex:0 0 70px}
.appearance-carousel-thumbnails button{display:block;padding:4px;width:70px;min-height:44px;background:transparent;border:1px solid transparent;border-radius:3px;cursor:pointer;opacity:.65}
.appearance-carousel-thumbnails button[aria-pressed="true"]{border-color:#173b56;opacity:1}
.appearance-carousel-thumbnails button:hover{opacity:1}
.field-story .appearance-carousel-thumbnails img{display:block;width:60px;height:auto;border-radius:1px}
.appearance-carousel-controls{display:flex;align-items:center;justify-content:flex-start;gap:20px;padding-top:16px}
.appearance-carousel-controls button{background:transparent;border:0;border-radius:0;min-width:44px;min-height:44px;padding:8px 0;font:inherit;font-size:14px;color:#173b56;cursor:pointer;text-decoration:underline;text-underline-offset:5px}
.appearance-carousel-controls p{font-size:13px;margin:0;color:#34586d;order:-1;margin-right:auto}
.appearance-carousel button:focus-visible,.appearance-back:focus-visible,.appearance-card-image:focus-visible{outline:3px solid #244aa8;outline-offset:4px}
@media(min-width:1151px){.appearance-carousel{max-width:min(100%,760px)}}
@media(min-width:901px) and (max-width:1150px){.appearance-carousel{width:calc(var(--photo-ratio,1.333333) * 450px)}.appearance-carousel-media{display:block}.appearance-carousel-thumbnails{flex-direction:row;width:auto;gap:12px;margin-top:14px;align-items:flex-start}.appearance-carousel-thumbnails button{width:auto}.field-story .appearance-carousel-thumbnails img{width:auto;height:56px}.appearance-carousel-controls{padding-top:6px}}
@media(min-width:901px){.field-story>figure{max-width:760px}.field-intro{padding-top:44px;padding-bottom:28px}.field-intro h1{font-size:clamp(38px,3.5vw,48px);max-width:980px;margin-top:22px;margin-bottom:24px}.field-intro .lede{font-size:18px;line-height:1.65}.field-entry{grid-template-columns:245px minmax(0,1fr);gap:55px}}
@media(max-width:1050px){.appearance-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}}
@media(max-width:650px){.appearance-index{padding-bottom:38px}.appearance-index-heading{display:block;margin-bottom:22px}.appearance-index-heading h2{font-size:30px}.appearance-index-heading p{margin-top:9px;font-size:16px}.appearance-card-grid{grid-template-columns:1fr;gap:30px}.appearance-card{display:grid;grid-template-columns:112px minmax(0,1fr);gap:17px;align-items:start}.appearance-card-image{border-radius:3px 24px 3px 3px}.appearance-card-image img{aspect-ratio:1/1;object-position:center}.appearance-card-copy{padding:0}.appearance-card .appearance-card-type{font-size:11px;letter-spacing:1px}.appearance-card time{font-size:13px}.appearance-card .appearance-card-show{font-size:15px;margin:8px 0 5px}.appearance-card h3{font-size:22px;margin:0 0 9px}.appearance-card .appearance-card-curiosity{font-size:14px;line-height:1.5;margin-bottom:15px}.appearance-explore{font-size:13px;min-height:44px;padding:10px 15px}.appearance-back{margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){.appearance-card-image img,.appearance-carousel-controls button{transition:none}.appearance-card-image:hover img{transform:none}}