/* The story window: the whole story inside Atlas (News Settings, Open stories: In Atlas) */
.story-back{position:fixed;inset:0;z-index:12;display:grid;place-items:center;padding:24px 16px;background:rgba(20,22,40,.38);
  backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:sw-fade .2s ease}
@keyframes sw-fade{from{opacity:0}}
.story-win{width:min(720px,100%);max-height:100%;overflow-y:auto;padding:18px 26px 22px;display:flex;flex-direction:column;gap:12px;
  outline:none;scrollbar-width:thin;animation:sw-rise .28s cubic-bezier(.2,.8,.2,1)}
.story-win.card{background:var(--surface);backdrop-filter:none;-webkit-backdrop-filter:none} /* solid, for comfortable reading */
@keyframes sw-rise{from{transform:translateY(14px);opacity:0}}
.sw-head{display:flex;align-items:center;gap:10px}
.sw-src{flex:1;min-width:0;display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--ink-3);font-weight:600}
.sw-src img{width:16px;height:16px;border-radius:4px}
.sw-src b{color:var(--indigo);font-weight:800}
.sw-x{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:var(--ink-2);flex:none}
.sw-x:hover{background:var(--indigo-soft);color:var(--indigo)}
.story-win h2{margin:0;font-size:calc(24px * var(--read));line-height:1.28;font-weight:800;letter-spacing:-.015em;text-wrap:balance}
.sw-tools{display:flex;flex-wrap:wrap;gap:8px}
.sw-tools .btn{height:36px;font-size:12.5px;padding:0 14px}
.sw-tools .btn[aria-pressed="true"]{background:var(--indigo-soft);box-shadow:inset 0 0 0 1px rgba(79,70,229,.45)}
.sw-listen[aria-pressed="true"]{background:var(--indigo)!important;color:#fff}
.sw-save[aria-pressed="true"] svg{fill:currentColor}
.sw-body{font-size:calc(16px * var(--read));line-height:1.7;color:var(--ink)}
.sw-body p{margin:0 0 1em}
.sw-miss{color:var(--ink-2);font-size:.9em}
.sw-miss a{color:var(--indigo);font-weight:700}
.sw-cite{margin:0;padding-top:10px;border-top:1px solid var(--hair);font-size:11.5px;color:var(--ink-3)}
.sw-loading{display:flex;flex-direction:column;gap:10px;padding:6px 0}
.sw-loading i{height:12px;border-radius:6px;background:linear-gradient(90deg,var(--hair),var(--indigo-soft),var(--hair));background-size:200% 100%;animation:sw-shine 1.2s linear infinite}
.sw-loading i:nth-child(2){width:94%}.sw-loading i:nth-child(3){width:88%}.sw-loading i:nth-child(4){width:60%}
.sw-loading span{font-size:12.5px;color:var(--ink-3);font-weight:600}
@keyframes sw-shine{to{background-position:-200% 0}}
html.story-open{overflow:hidden}
@media (max-width:760px){.story-back{padding:0;place-items:stretch}.story-win{border-radius:0;max-height:none;padding:16px 18px 24px}}

/* Listen is for signed-in readers: greyed out for everyone else */
.btn.locked{opacity:.45;filter:grayscale(1);cursor:not-allowed}
.btn.locked:hover{transform:none}