/* Reusable, document-flow UNFOLD. Height moves siblings; there is no reader scroll pane. */
.gw-unfold[hidden]{display:none}.gw-unfold{overflow:visible;max-width:68ch;margin:0 auto;overflow-anchor:auto}
.gw-unfold-tools,.gw-unfold-end{display:flex;gap:20px;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px;padding:18px 0;border-top:1px solid var(--line);margin-top:22px}
.gw-unfold button,.gw-unfold-tools a,.gw-unfold-end a{font:inherit;color:var(--blue);background:none;border:0;padding:8px 0;min-height:44px;text-decoration:none;cursor:pointer}
.gw-unfold-status{font:16px/1.7 var(--serif);color:var(--muted);padding:12px 0 24px;margin:0;max-width:52ch}
.gw-unfold[data-state="loading"] .gw-unfold-status::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--blue);margin-right:10px}
.gw-unfold-byline{font-size:12px;line-height:1.6;color:var(--muted);margin:8px 0 25px}
.gw-unfold-content{font:19px/1.85 var(--serif);color:var(--ink);overflow-wrap:anywhere;text-wrap:pretty}
.gw-unfold-content p{margin:0 0 1.3em}.gw-unfold-content h1,.gw-unfold-content h2,.gw-unfold-content h3,.gw-unfold-content h4,.gw-unfold-content h5,.gw-unfold-content h6{line-height:1.25;letter-spacing:-.02em;margin:1.8em 0 .7em}
.gw-unfold-content img{display:block;max-width:100%;height:auto;border-radius:8px;margin:1.5em auto}.gw-unfold-content img[hidden]{display:none}
.gw-unfold-content figure{margin:1.5em 0}.gw-unfold-content figcaption{font:12px/1.6 var(--sans);color:var(--muted)}
.gw-unfold-content blockquote{margin:1.5em 0;padding:0 0 0 22px;border-left:2px solid var(--line2);color:var(--muted)}
.gw-unfold-content li{margin:.4em 0}.gw-unfold-content pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:16px;background:var(--panel);font-size:14px;line-height:1.65;border-radius:8px}.gw-unfold-content code{font-size:.85em}
.gw-unfold-content table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:.85em}.gw-unfold-content td,.gw-unfold-content th{padding:8px;border:1px solid var(--line)}
.gw-unfold-end{margin:32px 0 8px}.flow-card.is-unfolded{background:linear-gradient(180deg,transparent,rgba(117,197,255,.025));padding-bottom:30px}
.flow-card.is-unfolded .flow-expand{display:none}
.flow-card .flow-unfold-title{display:block;text-align:left;font:inherit;letter-spacing:inherit;color:var(--ink);border:0;background:none;padding:0;cursor:pointer;min-height:44px}
.flow-card .flow-unfold-title:hover{color:var(--blue)}.flow-card .flow-preview[data-unfold]{cursor:pointer}.flow-card button.flow-image{width:100%;border:0;padding:0;cursor:pointer}

@media(min-width:1000px){.flow-card.is-unfolded{margin-left:-28px;margin-right:-28px;padding-left:28px;padding-right:28px;border-radius:12px;transition:margin 300ms ease,padding 300ms ease}.gw-unfold{max-width:64ch}}
@media(max-width:620px){.gw-unfold-content{font-size:18px;line-height:1.8}.gw-unfold-tools,.gw-unfold-end{gap:10px}.flow-card.is-unfolded{padding-bottom:24px}.gw-unfold-content blockquote{padding-left:16px}}
@media(prefers-reduced-motion:reduce){.gw-unfold,.flow-card.is-unfolded{animation:none!important;transition:none!important}}

[data-unfold]:focus-visible{outline:2px solid var(--blue);outline-offset:5px}

/* Article typography must not inherit the feed headline or toolbar tap targets. */
.gw-unfold-content a{color:var(--blue);text-decoration:underline;text-underline-offset:.15em;padding:0;min-height:0}
.gw-unfold-content h1{font-size:1.65em}.gw-unfold-content h2{font:600 1.35em/1.3 var(--serif)}
.gw-unfold-content h3{font-size:1.2em}.gw-unfold-content h4,.gw-unfold-content h5,.gw-unfold-content h6{font-size:1em}
.gw-unfold-content ul,.gw-unfold-content ol{padding-left:1.5em;margin:1.2em 0}
.gw-unfold-content div{margin-bottom:1em}.gw-unfold-content div:has(>p,>div,>figure,>ul,>ol){margin-bottom:0}
