/* The Cards reader occupies one viewport: a gesture replaces the entire briefing. */
.feed-page{height:100dvh;min-height:0;padding-bottom:0;overflow:hidden}
.feed-page .feed-controls{gap:5px}
.feed-page .topic-trigger{flex:0 1 108px;min-width:0;max-width:108px;padding:0 7px;font-size:11px}
.feed-page .feed-controls .mode{flex:none}
.feed-page .feed-controls .mode button{min-width:67px;padding:5px 7px;font-size:11px}
.slide-indicator{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:1px;color:#625b56;text-align:center}
.slide-indicator span{min-width:0;display:grid;line-height:1.1}
.slide-indicator strong{font-size:11px;font-weight:750;white-space:nowrap}
.slide-indicator small{font-size:9px;white-space:nowrap;color:#796f68}
.slide-step{border:0;background:transparent;color:#a53c1d;width:17px;min-width:17px;height:28px;padding:0;display:grid;place-items:center;font-size:17px;border-radius:7px;line-height:1}
.slide-step:hover{background:#f7eae2}
.slide-step:disabled{opacity:.3;cursor:default}
.slide-step:focus-visible{outline:2px solid #a53c1d;outline-offset:1px}
.card-stage{height:calc(100dvh - 240px);min-height:0;position:relative;display:flex;overflow:hidden;touch-action:none;overscroll-behavior:contain}
.card-stage .card{position:absolute;inset:0;height:100%;width:100%;margin:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:6px;backface-visibility:hidden}
.card-stage .card.stack-current{z-index:2;will-change:transform,opacity;transform-origin:center center;box-shadow:0 18px 35px #4b2b1d2b}
.card-stage .card.stack-under{z-index:1;will-change:transform,opacity;transform-origin:center center;pointer-events:none}
.card-media{position:relative;overflow:hidden;border-radius:9px;aspect-ratio:356/135;background:#f6f1ec}
.card-media .card-art{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover}
.media-top{position:absolute;top:7px;left:7px;right:7px;display:flex;align-items:flex-start;justify-content:space-between;gap:7px}
.media-source{display:inline-flex;align-items:center;gap:5px;min-width:0;max-width:calc(100% - 87px);padding:6px 8px;border:1px solid #ffffffc9;border-radius:7px;background:#fffdf9ed;color:#342b26;box-shadow:0 2px 8px #35221420;font-size:10px;font-weight:650;line-height:1;backdrop-filter:blur(8px)}
.media-source span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-source .ui-icon{width:14px;height:14px;color:#a64120}
.media-tools{display:flex;gap:5px;flex:none}.media-icon{display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid #ffffffd9;border-radius:8px;background:#fffdf9f2;color:#382d27;box-shadow:0 2px 8px #35221422;backdrop-filter:blur(8px)}
.media-icon .ui-icon{width:18px;height:18px}.media-icon.selected{color:#a93c1d;background:#fff1e7}.media-icon:hover,.media-source-link:hover{filter:brightness(.96)}
.media-bottom{position:absolute;right:7px;bottom:7px}.media-source-link{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 11px;border-radius:8px;background:#b74720;color:#fff;text-decoration:none;font-size:11px;font-weight:750;box-shadow:0 2px 8px #35221433}
.media-source-link.disabled{background:#5d5047d9;color:#fff;box-shadow:none}
.card-stage .card-media{width:100%;height:0;min-height:82px;max-height:260px;aspect-ratio:auto;flex:1 1 auto}
.card-stage .card-content{flex:0 0 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:7px 8px 5px}
.card-stage .pill,.card-stage .relevance{font-size:9px;padding:3px 6px}
.card-stage h2{font-size:clamp(21px,6.1vw,27px);line-height:1.04;margin:5px 0 3px}
.card-stage .sample-line{font-size:11px!important;line-height:1.2!important;margin:2px 0 4px}
.card-stage .summary{font-size:14px;line-height:1.32;margin:6px 0 0}
.card-stage .facts{padding:4px 6px;margin:9px -1px 0}
.card-stage .fact{font-size:12px;line-height:1.18;gap:6px;padding:3px 0}
.card-stage .fact-icon{width:18px}
.card-stage .fact-icon .ui-icon{width:15px;height:15px}
.card-stage .fact div span{margin-top:1px}
@media(max-height:650px){
  .feed-page .top{height:60px}
  .feed-page .top .brand-lockup{height:27px}
  .feed-page .top .icon-button{width:36px;height:36px}
  .feed-page .tabs button{padding:10px 3px;font-size:12px}
  .feed-page .feed-controls{height:50px}
  .feed-page .topic-trigger{height:32px}
  .feed-page .feed-controls .mode button{height:30px}
  .feed-page .bottom{height:55px}
  .feed-page .bottom button .ui-icon{width:19px;height:19px}
  .card-stage{height:calc(100dvh - 205px)}
  .card-stage .card{padding:5px}
  .card-stage .card-media{min-height:82px}
  .card-stage .card-content{padding:5px 7px 3px}
  .card-stage h2{font-size:22px;line-height:1.02;margin:3px 0 2px}
  .card-stage .sample-line{display:none}
  .card-stage .summary{font-size:12.5px;line-height:1.27;margin:5px 0 0}
  .card-stage .facts{padding:2px 5px;margin-top:5px}
  .card-stage .fact{font-size:11px;line-height:1.12;padding:2px 0}
}
@media(max-height:540px){.card-stage .card-media{height:82px}.media-source{padding:4px 6px}.media-icon{width:29px;height:29px}.media-source-link{min-height:27px}.card-stage h2{font-size:19px}.card-stage .summary{font-size:11px}.card-stage .fact{font-size:10px}.feed-page .top{height:54px}.feed-page .tabs button{padding:8px 3px}.feed-page .feed-controls{height:44px}.feed-page .bottom{height:49px}.card-stage{height:calc(100dvh - 181px)}}
@media(max-width:365px){.slide-indicator small{display:none}.feed-page .topic-trigger{flex-basis:94px}.feed-page .feed-controls .mode button{min-width:62px}.slide-step{width:15px;min-width:15px}}