/* Article library. Reuse the original site's palette and typography. */
.articles-library .library-intro { border-bottom:1px solid var(--line); }
.articles-library .library-intro .hero-inner { grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr); padding:34px 0 30px; gap:40px; }
.articles-library .library-intro .eyebrow { font-size:12px; margin-bottom:12px; }
.articles-library .library-intro h1 { font-size:clamp(28px,3vw,40px); line-height:1.4; margin:0 0 12px; padding:0; letter-spacing:0; }
.articles-library .library-intro h1::after { display:none; }
.articles-library .library-intro .lead { font-size:15px; margin:0; color:var(--muted); }
.library-search label { display:block; font-size:13px; font-weight:700; margin-bottom:10px; color:var(--green-800); }
.search-field { display:flex; align-items:center; gap:10px; border:1px solid #b9d1c7; background:white; border-radius:10px; padding:0 14px; min-height:50px; }
.search-field:focus-within { outline:2px solid var(--green-700); outline-offset:3px; }
.search-field svg { flex-shrink:0; color:var(--green-700); }
.search-field input { background:transparent; border:0; font:inherit; font-size:14px; min-width:0; width:100%; height:48px; color:var(--ink); outline:none; }
.search-field input:focus-visible { outline:none; }
.search-field input::-webkit-search-cancel-button { display:none; }
.search-field button { width:28px; height:36px; border:0; background:none; font-size:24px; cursor:pointer; color:var(--muted); flex-shrink:0; }
.articles-library #article-collection { padding:0 0 60px; scroll-margin-top:100px; }
.library-tabs { display:flex; align-items:center; gap:28px; min-height:65px; border-bottom:1px solid var(--line); margin-bottom:25px; }
.library-tabs button { position:relative; display:flex; align-items:center; gap:7px; background:transparent; border:0; padding:20px 0 17px; color:var(--muted); font:inherit; font-size:15px; cursor:pointer; white-space:nowrap; }
.library-tabs button[aria-pressed="true"] { color:var(--green-900); font-weight:800; }
.library-tabs button[aria-pressed="true"]::after { content:""; height:3px; position:absolute; bottom:-1px; left:0; right:0; background:var(--green-700); border-radius:3px; }
.library-tabs button:hover { color:var(--green-700); }
.tab-count { font-size:11px; background:var(--green-100); padding:1px 6px; border-radius:12px; font-weight:500; }
.topic-overview { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-bottom:30px; }
.articles-library .topic-shelf { padding:22px 24px 17px; border:1px solid var(--line); border-radius:14px; position:relative; overflow:hidden; }
.shelf-social { background:var(--green-900); color:#fff; }
.shelf-ai { background:var(--green-100); color:var(--green-900); }
.shelf-title { display:flex; justify-content:space-between; align-items:center; margin-bottom:14px; }
.shelf-kicker { font-size:11px; letter-spacing:.08em; opacity:.8; }
.shelf-title h2 { font-family:var(--font-display); font-size:27px; margin:2px 0 0; line-height:1.4; color:inherit; }
.shelf-icon { width:58px; height:55px; stroke:currentColor; stroke-width:1.5; opacity:.65; transition:transform .3s; }
.topic-shelf:hover .shelf-icon { transform:rotate(-5deg) translateY(-2px); }
.shelf-links { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0 14px; }
.shelf-links button { border:0; border-top:1px solid #ffffff29; background:transparent; color:inherit; display:flex; align-items:center; justify-content:space-between; gap:6px; padding:10px 0; text-align:left; font:inherit; font-size:13px; cursor:pointer; }
.shelf-ai .shelf-links button { border-color:#12352d20; }
.shelf-links button .topic-arrow { opacity:.5; transition:transform .2s,opacity .2s; }
.shelf-links button:hover .topic-arrow { opacity:1; transform:translateX(3px); }
.shelf-links button:hover .topic-name { text-decoration:underline; text-underline-offset:4px; }
.topic-browser { border:1px solid var(--line); background:var(--soft); border-radius:12px; padding:17px 22px; margin-bottom:26px; }
.topic-row { display:flex; align-items:baseline; gap:12px; padding:5px 0; }
.topic-row-label { color:var(--muted); font-size:12px; min-width:65px; }
.topic-options { display:flex; gap:7px; flex-wrap:wrap; }
.topic-options button { padding:6px 11px; border:1px solid transparent; background:transparent; color:var(--green-800); border-radius:7px; font:inherit; font-size:13px; cursor:pointer; min-height:36px; }
.topic-options button:hover { background:#deeee6; }
.topic-options button[aria-pressed="true"] { background:white; border-color:var(--green-700); color:var(--green-900); box-shadow:0 2px 5px #12352d08; font-weight:700; }
.topic-number { font-size:10px; opacity:.7; margin-left:5px; }
.library-results-head { display:flex; justify-content:space-between; align-items:end; margin:0 0 20px; gap:20px; scroll-margin-top:100px; }
.library-results-head h2 { font-family:var(--font-display); font-size:25px; margin:0; color:var(--green-900); }
.result-eyebrow { color:var(--muted); font-size:12px; margin:0 0 4px; }
.result-eyebrow:empty { display:none; }
.result-actions { display:flex; align-items:center; gap:14px; color:var(--muted); font-size:12px; }
.reset-filters { padding:7px 0; background:none; border:0; font:inherit; color:var(--green-700); text-decoration:underline; text-underline-offset:3px; cursor:pointer; }
.articles-library .article-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px 22px; scroll-margin-top:110px; }
.articles-library .article-card { display:flex; flex-direction:column; align-items:stretch; gap:0; border:1px solid var(--line); border-radius:12px; background:white; box-shadow:none; overflow:hidden; }
.articles-library .article-card:hover { transform:translateY(-4px); border-color:#94b8a9; box-shadow:0 12px 24px #12352d0c; }
.articles-library .article-thumb { min-height:0; height:auto; aspect-ratio:16/9; background:var(--green-100); overflow:hidden; }
.articles-library .article-thumb img { min-height:0; height:100%; width:100%; aspect-ratio:16/9; object-fit:cover; transition:transform .35s; }
.articles-library .article-card:hover .article-thumb img { transform:scale(1.025); }
.articles-library .article-body { padding:18px 19px 20px; }
.articles-library .article-meta { font-size:11px; margin-bottom:7px; letter-spacing:.03em; }
.articles-library .article-body h3 { font-family:inherit; font-size:18px; line-height:1.6; margin:7px 0 10px; letter-spacing:0; }
.articles-library .article-body>p { font-size:13px; line-height:1.8; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; }
.articles-library .article-card-tags { gap:5px; margin-top:14px; }
.articles-library .card-tag { padding:3px 8px; font-size:10px; font-weight:600; }
.articles-library .card-tag:nth-child(n+4) { display:none; }
.articles-library .article-search-empty { padding:40px 24px; background:var(--soft); border:1px dashed #a7c1b6; border-radius:12px; text-align:center; }
.articles-library .article-search-empty h3 { font-size:20px; }
.articles-library .article-search-empty p { font-size:14px; font-weight:400; }
.library-page-status { text-align:center; color:var(--muted); font-size:12px; margin:30px 0 12px; }
.articles-library .article-pagination { margin-top:0; flex-wrap:nowrap; gap:9px; }
.articles-library .pagination-numbers { flex-wrap:nowrap; gap:6px; }
.articles-library .pagination-number,.articles-library .pagination-btn { min-height:42px; border-color:var(--line); border-radius:8px; font-size:13px; }
.articles-library .pagination-number.active { background:var(--green-800); border-color:var(--green-800); }
.library-membership-anchor { display:none; }
.articles-library .meter-banner { margin:25px 0 0; padding:10px 15px; font-size:12px; }
.articles-library .hub-chips { display:none; }
.articles-library [hidden] { display:none!important; }
@media(max-width:900px) {
  .articles-library .library-intro .hero-inner { grid-template-columns:1fr; gap:22px; }
  .library-search { max-width:100%; }
  .library-search label { display:none; }
  .shelf-links { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .articles-library .article-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:600px) {
  .articles-library .library-intro .hero-inner { padding:25px 0 24px; gap:18px; }
  .articles-library .library-intro h1 { font-size:27px; }
  .articles-library .library-intro .lead { font-size:13px; }
  .library-tabs { gap:17px; min-height:56px; margin-bottom:19px; }
  .library-tabs button { font-size:13px; padding:16px 0; gap:3px; }
  .tab-count { display:none; }
  .topic-overview { grid-template-columns:1fr; gap:12px; margin-bottom:25px; }
  .articles-library .topic-shelf { padding:15px 18px 10px; }
  .shelf-title { margin-bottom:8px; }
  .shelf-title h2 { font-size:23px; }
  .shelf-kicker { font-size:10px; }
  .shelf-icon { width:42px; height:40px; }
  .shelf-links { grid-template-columns:repeat(3,minmax(0,1fr)); gap:0 12px; }
  .shelf-links button { font-size:12px; min-height:42px; padding:9px 0; }
  .shelf-links .topic-arrow { display:none; }
  .topic-browser { padding:12px; }
  .topic-row { display:block; padding:4px 0 8px; }
  .topic-row-label { display:block; margin-bottom:5px; }
  .topic-options { gap:4px; }
  .topic-options button { min-height:40px; font-size:12px; padding:6px 9px; }
  .library-results-head { gap:10px; align-items:start; }
  .library-results-head h2 { font-size:23px; }
  .result-actions { flex-direction:column; align-items:end; gap:0; font-size:11px; white-space:nowrap; }
  .articles-library .article-list { grid-template-columns:1fr; gap:20px; }
  .articles-library .article-body h3 { font-size:19px; }
  .articles-library .pagination-number { min-width:34px; min-height:40px; }
  .articles-library .pagination-btn { padding:0 8px; min-height:40px; font-size:12px; }
  .articles-library .article-pagination { gap:6px; }
  .articles-library .pagination-numbers { gap:4px; }
}
@media(prefers-reduced-motion:reduce) {
  .articles-library *, .articles-library *::before,.articles-library *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
}
.articles-library .library-intro { padding:0; }
/* Filtering must never leave result cards waiting for a scroll-reveal observer. */
.articles-library .article-card.rv { opacity:1; transform:none; }
.articles-library .article-card.rv:hover { transform:translateY(-4px); }
/* V4: article-first layout, with a compact topic index. */
.articles-library .library-intro { background:#fff; border-bottom:0; }
.articles-library .library-intro .hero-inner { padding:28px 0 24px; gap:48px; grid-template-columns:1fr 360px; }
.articles-library .library-intro .eyebrow { font-size:11px; margin:0 0 6px; }
.articles-library .library-intro h1 { font-size:36px; margin:0 0 8px; }
.articles-library .library-intro .lead { font-size:13px; }
.library-search label { font-size:12px; margin-bottom:7px; }
.search-field { background:#f6faf8; border:1px solid #cddfd5; border-radius:28px; min-height:46px; }
.search-field input { height:44px; font-size:13px; }
.library-layout { display:grid; grid-template-columns:198px minmax(0,1fr); gap:36px; align-items:start; border-top:1px solid var(--line); padding-top:26px; }
.library-sidebar { position:sticky; top:100px; padding-right:23px; border-right:1px solid var(--line); }
.library-content { min-width:0; }
.library-tabs { display:flex; flex-direction:column; align-items:stretch; gap:3px; min-height:0; border:0; margin:0 0 22px; }
.library-tabs button { padding:10px 12px; border-radius:7px; font-size:14px; justify-content:space-between; min-height:43px; color:var(--green-900); }
.library-tabs button:hover { background:var(--green-100); }
.library-tabs button[aria-pressed="true"] { background:var(--green-900); color:white; }
.library-tabs button[aria-pressed="true"]::after { display:none; }
.library-tabs button[aria-pressed="true"] .tab-count { background:#ffffff20; color:white; }
.tab-count { background:none; font-size:11px; color:var(--muted); }
.topic-disclosure summary { display:none; }
.topic-overview { display:block; margin:0; }
.articles-library .topic-shelf { background:transparent; color:var(--green-900); border:0; border-radius:0; padding:0 9px; margin-bottom:22px; overflow:visible; }
.shelf-title { margin:0 0 8px; }
.shelf-title h2 { font-family:inherit; font-size:12px; color:var(--muted); font-weight:600; }
.shelf-kicker,.shelf-icon { display:none; }
.shelf-links { display:grid; grid-template-columns:1fr; gap:0; }
.shelf-links button,.shelf-ai .shelf-links button { padding:7px 0; border:0; min-height:34px; font-size:13px; transition:transform .2s; }
.shelf-links button:hover { transform:translateX(3px); }
.shelf-links button .topic-arrow { font-size:12px; }
.topic-browser { background:none; border:0; padding:0 4px; margin:0; border-radius:0; }
.topic-row { display:block; padding:12px 0 0; }
.topic-row-label { display:block; font-size:11px; margin:0 0 5px 7px; }
.topic-options { display:flex; flex-direction:column; align-items:stretch; gap:1px; }
.topic-options button { display:flex; align-items:center; justify-content:space-between; text-align:left; padding:7px; font-size:12px; min-height:33px; }
.topic-options button[aria-pressed="true"] { background:var(--green-100); border-color:transparent; box-shadow:none; }
.library-results-head { align-items:center; gap:12px; margin:3px 0 20px; }
.library-results-head h2 { font-family:inherit; font-size:20px; letter-spacing:0; line-height:1.4; }
.result-actions { gap:12px; flex-wrap:wrap; justify-content:flex-end; font-size:11px; }
.surprise-read { border:0; border-bottom:1px solid #8daea0; padding:2px 0 4px; background:none; color:var(--green-700); font:inherit; font-size:12px; cursor:pointer; }
.surprise-read:hover { color:var(--green-900); border-color:var(--green-900); }
.surprise-read:disabled { opacity:.4; cursor:default; }
.articles-library .article-list { gap:30px 20px; }
.articles-library .article-card { border:0; border-radius:0; overflow:visible; background:transparent; }
.articles-library .article-card:hover,.articles-library .article-card.rv:hover { transform:none; box-shadow:none; }
.articles-library .article-thumb { border-radius:9px; margin:0; background:#edf4ef; }
.articles-library .article-thumb img { display:block; object-fit:contain; }
.articles-library .article-card:hover .article-thumb img { transform:none; }
.articles-library .article-body { padding:13px 0 0; }
.articles-library .article-body h3 { font-size:16px; line-height:1.6; margin:5px 0 8px; }
.articles-library .article-card:hover h3 { color:var(--green-700); text-decoration:underline; text-underline-offset:5px; text-decoration-thickness:1px; }
.articles-library .article-meta { color:var(--green-700); font-size:10px; margin-bottom:0; }
.articles-library .article-body>p { font-size:12px; line-height:1.8; margin:0; }
.articles-library .article-card-tags { margin-top:10px; gap:5px; }
.articles-library .card-tag { border:0; background:var(--green-100); font-size:9px; padding:2px 6px; }
.articles-library .card-tag:nth-child(n+3) { display:none; }
/* A lead story with two supporting articles; every original cover stays visible. */
.articles-library .article-list.curated-opening { grid-template-columns:repeat(6,minmax(0,1fr)); gap:26px 24px; }
.curated-opening .article-card { grid-column:span 2; }
.curated-opening .article-card:nth-child(1) { grid-column:1 / 4; grid-row:1 / 3; padding-bottom:20px; border-bottom:1px solid var(--line); }
.articles-library .curated-opening .article-card:nth-child(1) h3 { font-size:22px; line-height:1.6; margin:6px 0 10px; }
.articles-library .curated-opening .article-card:nth-child(1) .article-body { padding-top:15px; }
.articles-library .curated-opening .article-card:nth-child(1) .article-body>p { font-size:13px; -webkit-line-clamp:3; }
.articles-library .curated-opening .article-card:nth-child(2),.articles-library .curated-opening .article-card:nth-child(3) { grid-column:4 / 7; display:grid; grid-template-columns:minmax(0,1fr) 146px; align-items:start; gap:15px; padding:0 0 20px; border-bottom:1px solid var(--line); }
.curated-opening .article-card:nth-child(2) { grid-row:1; }
.curated-opening .article-card:nth-child(3) { grid-row:2; }
.curated-opening .article-card:nth-child(2) .article-thumb,.curated-opening .article-card:nth-child(3) .article-thumb { grid-column:2; grid-row:1; margin-top:5px; }
.articles-library .curated-opening .article-card:nth-child(2) .article-body,.articles-library .curated-opening .article-card:nth-child(3) .article-body { grid-column:1; grid-row:1; padding:0; }
.articles-library .curated-opening .article-card:nth-child(2) h3,.articles-library .curated-opening .article-card:nth-child(3) h3 { font-size:18px; }
.articles-library .curated-opening .opening-feature .card-tag { font-size:10px; }
.articles-library .article-card { animation:article-appear .24s ease-out; }
@keyframes article-appear { from { opacity:.5; transform:translateY(5px); } to { opacity:1; transform:translateY(0); } }
@media(max-width:1100px) {
 .library-layout { grid-template-columns:168px minmax(0,1fr); gap:25px; }
 .library-sidebar { padding-right:15px; }
 .articles-library .curated-opening .article-card:nth-child(2),.articles-library .curated-opening .article-card:nth-child(3) { grid-template-columns:1fr; gap:12px; }
 .curated-opening .article-card:nth-child(2) .article-thumb,.curated-opening .article-card:nth-child(3) .article-thumb { display:block; grid-column:1; grid-row:1; width:112px; margin:0; }
 .articles-library .curated-opening .article-card:nth-child(2) .article-body,.articles-library .curated-opening .article-card:nth-child(3) .article-body { grid-row:2; }
 .articles-library .curated-opening .article-card:nth-child(2) .article-body>p,.articles-library .curated-opening .article-card:nth-child(3) .article-body>p,.curated-opening .opening-feature:nth-child(n+2) .article-card-tags { display:none; }
 .articles-library .library-intro .hero-inner { grid-template-columns:1fr 300px; gap:25px; }
 .articles-library .library-intro h1 { font-size:31px; }
 .result-actions [data-results-count] { display:none; }
}
@media(max-width:760px) {
 .articles-library .library-intro .hero-inner { display:block; padding:20px 0; }
 .articles-library .library-intro .eyebrow { font-size:10px; }
 .articles-library .library-intro h1 { font-size:27px; line-height:1.4; }
 .articles-library .library-intro .lead { font-size:12px; line-height:1.8; max-width:28em; }
 .library-search { margin-top:15px; }
 .library-search label { display:none; }
 .search-field { min-height:42px; }
 .search-field input { height:40px; font-size:12px; }
 .library-layout { display:block; border-top:0; padding-top:0; }
 .library-sidebar { position:static; padding:0; border:0; margin:0 0 21px; }
 .library-tabs { flex-direction:row; gap:4px; justify-content:space-between; margin:0; padding:0 0 11px; border-bottom:1px solid var(--line); }
 .library-tabs button { padding:9px 10px; border-radius:6px; font-size:12px; min-height:38px; }
 .library-tabs .tab-count { display:none; }
 .topic-disclosure { border-bottom:1px solid var(--line); }
 .topic-disclosure summary { cursor:pointer; list-style:none; display:flex; align-items:center; justify-content:space-between; padding:10px 2px; font-size:12px; color:var(--green-700); }
 .topic-disclosure summary::-webkit-details-marker { display:none; }
 .topic-disclosure[open] summary span { transform:rotate(45deg); }
 .topic-overview { display:grid; grid-template-columns:1fr 1fr; gap:20px; padding:8px 0 0; }
 .articles-library .topic-shelf { padding:0 5px; margin-bottom:12px; }
 .shelf-links button { min-height:38px; }
 .topic-browser { padding:0 0 15px; }
 .topic-row { padding-top:10px; }
 .topic-options { flex-direction:row; flex-wrap:wrap; gap:5px; }
 .topic-options button { padding:8px 10px; min-height:38px; }
 .library-results-head { margin:0 0 14px; gap:8px; }
 .library-results-head h2 { font-size:18px; }
 .result-actions { gap:6px; }
 .surprise-read { font-size:11px; white-space:nowrap; }
 .reset-filters { font-size:11px; }
 .articles-library .article-list,.articles-library .article-list.curated-opening { display:grid; grid-template-columns:1fr; gap:20px; }
 .articles-library .article-list .article-card,.articles-library .curated-opening .article-card:nth-child(n) { grid-row:auto; grid-column:auto; display:grid; grid-template-columns:minmax(0,1fr) 112px; gap:14px; padding:0 0 20px; border-bottom:1px solid var(--line); }
 .articles-library .article-list .article-thumb,.articles-library .curated-opening .article-card:nth-child(n) .article-thumb { display:block; grid-column:2; grid-row:1; width:112px; margin:4px 0 0; border-radius:7px; }
 .articles-library .article-list .article-body,.articles-library .curated-opening .article-card:nth-child(n) .article-body { grid-column:1; grid-row:1; padding:0; }
 .articles-library .article-list .article-body h3,.articles-library .curated-opening .article-card:nth-child(n) h3 { font-size:15px; margin:3px 0 0; line-height:1.7; }
 .articles-library .article-list .article-body>p { display:none; }
 .articles-library .article-card-tags { margin-top:9px; }
 .articles-library .curated-opening .article-card:first-child { display:flex; flex-direction:column; gap:0; }
 .articles-library .curated-opening .article-card:first-child .article-thumb { width:100%; margin:0; }
 .articles-library .curated-opening .article-card:first-child .article-body { padding:13px 0 0; }
 .articles-library .curated-opening .article-card:first-child h3 { font-size:20px; line-height:1.6; }
 .articles-library .curated-opening .article-card:first-child .article-body>p { display:-webkit-box; font-size:12px; -webkit-line-clamp:2; margin-top:9px; }
 .articles-library .back-to-top { width:58px; height:58px; right:12px; bottom:14px; }
}
@media(max-width:350px) {
 .library-tabs button { padding:8px 7px; font-size:11px; }
 .articles-library .article-list .article-card,.articles-library .curated-opening .article-card:nth-child(n) { grid-template-columns:minmax(0,1fr) 94px; gap:11px; }
 .articles-library .article-list .article-thumb,.articles-library .curated-opening .article-card:nth-child(n) .article-thumb { width:94px; }
 .articles-library .curated-opening .article-card:first-child .article-thumb { width:100%; }
 .articles-library .library-intro h1 { font-size:25px; }
}
@media(prefers-reduced-motion:reduce) {
 .articles-library .article-card { animation:none; }
 .shelf-links button { transition:none; }
}
@media(min-width:761px) {
 .library-sidebar { max-height:calc(100dvh - 115px); overflow-y:auto; scrollbar-width:thin; scrollbar-color:#c9dcd2 transparent; }
}
/* Keep the reading hierarchy in the app's narrower preview panel, too. */
@media(min-width:601px) and (max-width:760px) {
 .articles-library .library-intro .hero-inner { display:grid; grid-template-columns:minmax(0,1fr) 235px; gap:24px; padding:22px 0; }
 .library-search { margin:0; }
 .articles-library .library-intro .lead { font-size:12px; }
 .articles-library .article-list,.articles-library .article-list.curated-opening { grid-template-columns:repeat(6,minmax(0,1fr)); gap:22px; }
 .articles-library .article-list .article-card { display:flex; flex-direction:column; grid-column:span 2; gap:0; }
 .articles-library .article-list .article-thumb { width:100%; margin:0; }
 .articles-library .article-list .article-body { padding:12px 0 0; }
 .articles-library .curated-opening .article-card:first-child { grid-column:1 / 4; grid-row:1 / 3; }
 .articles-library .curated-opening .article-card:nth-child(2),.articles-library .curated-opening .article-card:nth-child(3) { display:grid; grid-template-columns:minmax(0,1fr) 100px; grid-column:4 / 7; gap:12px; }
 .articles-library .curated-opening .article-card:nth-child(2) { grid-row:1; }
 .articles-library .curated-opening .article-card:nth-child(3) { grid-row:2; }
 .articles-library .curated-opening .article-card:nth-child(2) .article-thumb,.articles-library .curated-opening .article-card:nth-child(3) .article-thumb { width:100px; grid-column:2; grid-row:1; }
 .articles-library .curated-opening .article-card:nth-child(2) .article-body,.articles-library .curated-opening .article-card:nth-child(3) .article-body { grid-column:1; grid-row:1; padding:0; }
 .articles-library .curated-opening .article-card:nth-child(n+4) { display:flex; grid-column:span 2; gap:0; }
 .articles-library .curated-opening .article-card:nth-child(n+4) .article-thumb { width:100%; margin:0; }
 .articles-library .curated-opening .article-card:nth-child(n+4) .article-body { padding:12px 0 0; }
 .articles-library .curated-opening .article-card:first-child h3 { font-size:18px; }
}

/* Keep the two article orders visible beside the existing browse controls. */
.article-sort { display:inline-flex; align-items:center; padding:3px; gap:3px; border:1px solid var(--line); border-radius:8px; background:#f3f7f5; }
.article-sort button { min-height:36px; padding:7px 11px; border:0; border-radius:5px; background:transparent; color:var(--green-700); font:inherit; font-size:12px; white-space:nowrap; cursor:pointer; }
.article-sort button[aria-pressed="true"] { background:var(--green-900); color:#fff; }
.article-sort button:focus-visible { outline:2px solid var(--green-700); outline-offset:3px; }
@media(max-width:760px) {
 .library-results-head { flex-wrap:wrap; align-items:center; }
 .result-actions { flex:1 1 100%; flex-direction:row; align-items:center; justify-content:flex-start; gap:12px; }
 .article-sort button { min-height:40px; padding:8px 13px; }
}