.story-tab-buttons{display:none;gap:.7rem;flex-wrap:wrap;margin:1.6rem 0 2rem}
.story-tabs[data-enhanced=true]>.story-tab-buttons{display:flex}
.story-tab-buttons button{font:inherit;font-size:calc(15px * var(--font-scale));line-height:1.7;padding:.7rem 1.1rem;border:1px solid var(--border);border-radius:4px;background:var(--bg-secondary);color:var(--text-primary);cursor:pointer}
.story-tab-buttons button[aria-selected=true]{background:var(--accent);color:var(--text-on-accent,#10251b);border-color:var(--accent)}
.story-tab-buttons button:focus-visible,.taste-case:focus-visible,.collection-case:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
.story-tabs [role=tabpanel][hidden]{display:none!important}
.taste-case{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:2.5rem;align-items:start;padding:1rem 0 2rem}
.taste-case>*{min-width:0}.taste-case figure{margin:0}.taste-case figure img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.taste-case figure figcaption{font-size:calc(12px * var(--font-scale));line-height:1.9}
.case-kicker{font-size:calc(13px * var(--font-scale));color:var(--accent);line-height:1.8}
.taste-case h4{font-size:calc(26px * var(--font-scale));line-height:1.65;font-weight:500;margin:.7rem 0 1rem}
.taste-case p{font-size:calc(16px * var(--font-scale));line-height:2}
.case-record{margin:1.5rem 0}.case-record>div{border-top:1px solid var(--border);padding:.9rem 0}
.case-record dt{font-size:calc(15px * var(--font-scale));font-weight:600;line-height:1.8}
.case-record dd{font-size:calc(15px * var(--font-scale));line-height:1.95;margin:.4rem 0 0;color:var(--text-secondary)}
.taste-case>div>a{display:inline-block;font-size:calc(14px * var(--font-scale));line-height:1.9;margin:.4rem 1.2rem .4rem 0}
.case-memory{font-size:calc(20px * var(--font-scale));line-height:1.9;border-left:3px solid var(--accent);margin:1.5rem 0;padding:.8rem 0 .8rem 1.2rem}
.case-condition{font-size:calc(13px * var(--font-scale))!important;line-height:1.95;color:var(--text-secondary)}
.collection-explainer{margin:2.5rem 0 3.5rem;border-block:1px solid var(--border);padding:2rem 0}
.collection-explainer>h3{font-size:calc(29px * var(--font-scale));line-height:1.7;margin:0 0 1rem}
.collection-explainer>p,.collection-case-intro p{font-size:calc(16px * var(--font-scale));line-height:2}
.collection-case-intro{max-width:58em}.collection-case-intro h4{font-size:calc(22px * var(--font-scale));line-height:1.7;font-weight:500;margin:1rem 0}
.collection-folders{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin:1.7rem 0}
.collection-folder{min-width:0;padding-top:.6rem;border-top:2px solid var(--border)}
.collection-folder h4{font-size:calc(16px * var(--font-scale));line-height:1.8;font-weight:500;margin:.5rem 0 1rem}
.collection-demo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}
.collection-demo-grid.collection-three{grid-template-columns:repeat(3,minmax(0,1fr));margin:1rem 0}
.collection-demo-tile{position:relative;min-width:0;margin:0!important}.collection-demo-tile img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:3px}
.collection-demo-tile figcaption{font:calc(12px * var(--font-scale))/1.9 var(--font-ui);overflow-wrap:anywhere;margin-top:.5rem;color:var(--text-secondary)}
.collection-order{position:absolute;inset:.5rem auto auto .5rem;z-index:1;display:grid;place-items:center;width:2em;height:2em;border-radius:50%;background:#092621ee;color:#fff;font-size:calc(18px * var(--font-scale))}
.collection-set-label{font-size:calc(16px * var(--font-scale));line-height:1.9;color:var(--accent);margin:1.8rem 0 .5rem}
.collection-case>a{display:inline-block;margin:.5rem 0;font-size:calc(15px * var(--font-scale));line-height:1.9}
.collection-explainer .collection-demo-caption,.collection-explainer .collection-group-note{font-size:calc(13px * var(--font-scale));line-height:1.95;color:var(--text-secondary)}
.collection-demo-caption{margin-top:1.5rem}.collection-group-note{border-top:1px solid var(--border);padding-top:1rem}
.collection-actual-screen{display:block;border:1px solid var(--border);border-radius:6px;overflow:hidden}
.memory-more-links{display:flex;flex-wrap:wrap;gap:.7rem 1.5rem;margin-top:1.5rem;font-size:calc(14px * var(--font-scale));line-height:1.9}
.memory-try{flex-wrap:wrap}.memory-try #memoryDislike{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border)}
[data-large-text=true] .taste-case,[data-large-text=true] .collection-folders{grid-template-columns:1fr}
[data-large-text=true] .collection-demo-grid.collection-three{grid-template-columns:1fr}
[data-large-text=true] .collection-demo-tile img{max-height:320px;object-fit:contain;background:var(--bg-secondary)}
@media(max-width:850px){.taste-case{grid-template-columns:1fr;gap:1.5rem}.collection-folders{grid-template-columns:1fr;gap:1.5rem}.collection-folder .collection-demo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-demo-tile img{aspect-ratio:3/2}.taste-case h4{font-size:calc(23px * var(--font-scale))}}
@media(max-width:480px){.story-tab-buttons{gap:.5rem}.story-tab-buttons button{flex:1 1 100%;text-align:left}.collection-demo-grid.collection-three{grid-template-columns:1fr}.collection-explainer>h3{font-size:calc(25px * var(--font-scale))}.case-memory{font-size:calc(18px * var(--font-scale))}.memory-try button{font-size:calc(13px * var(--font-scale))}}
