/* Stories section, mock-up B2 look (2026-10-09, Part B). Uses the site's variables. No shadows. */
.sx-lab{margin:0 0 6px;font:700 12px/1.2 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--brass)}
.sx-hero{position:relative;border-bottom:1px solid var(--line);min-height:380px;display:flex;align-items:flex-end;background:#1a2026 center/cover no-repeat}
.sx-hero .wrap{width:100%;padding-top:30px;padding-bottom:30px}
.sx-hp{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px 24px;max-width:640px}
.sx-hp h1{font-size:46px;margin:2px 0 8px;line-height:1.1}.sx-hp p{margin:0;color:var(--ink);font-size:18px}
.sx-hp .sx-lab{margin-bottom:4px}
.sx-hp a{color:var(--brass)}
.sx-block{padding-top:26px;padding-bottom:12px}
.sx-bh{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}.sx-bh h2{font-family:var(--serif);font-weight:400;font-size:30px;margin:0}
.sx-pills{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:2px 0 8px}
.sx-pill{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--ink);font:600 14px var(--sans);text-decoration:none}
.sx-pill b{color:var(--muted);font-weight:600}
.sx-pill:hover{border-color:var(--muted);opacity:1}
.sx-pill[aria-current=true]{border-color:var(--brass);color:var(--brass)}
.sx-pill[aria-current=true]::before{content:"\2713";font-size:11px}
.sx-count{color:var(--muted);font-size:14px;margin:6px 0 14px}
.sx-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media(max-width:1000px){.sx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.sx-grid{grid-template-columns:1fr}}
.sx-card{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.sx-card[hidden]{display:none}
.sx-ph{display:block;aspect-ratio:16/10;overflow:hidden;background:#1a2026}.sx-ph img{width:100%;height:100%;object-fit:cover}
.sx-ph-mark{display:flex;align-items:center;justify-content:center;background:var(--bg)}.sx-ph-mark img{width:56px;height:56px;object-fit:contain}
.sx-cb{padding:16px 18px 18px;display:flex;flex-direction:column;gap:6px;flex:1}
.sx-card h3{font:400 23px/1.18 var(--serif);margin:0}.sx-card h3 a:hover{color:var(--brass);opacity:1}
.sx-card .tz{margin:2px 0 0;color:var(--muted);font-size:15px;line-height:1.45;font-style:italic}
.sx-sub{margin:0;color:var(--muted);font-size:14px}
.sx-meta{margin-top:auto;padding-top:8px;font-size:13px;color:var(--muted)}
.sx-search-band{padding-bottom:4px}
.sx-more{margin:26px 0 10px}
.sx-more h2{font-family:var(--serif);font-weight:400;font-size:26px;margin:0 0 10px}
.sx-about{padding-top:34px;padding-bottom:40px}.sx-about h2{font-family:var(--serif);font-weight:400;font-size:26px;margin:0 0 12px}
/* article */
.sx-article{max-width:780px;padding-bottom:36px}
.sx-banner{height:190px;border-radius:0 0 14px 14px;overflow:hidden;margin:0 0 6px;background:#1a2026 center/cover no-repeat}
.sx-article .crumbs{margin:22px 0 4px}
.sx-article .post h1{font-size:44px;margin:4px 0 8px}
.sx-deck{font:italic 400 24px/1.4 var(--serif);color:var(--ink);margin:6px 0 12px!important}
.post .sx-say{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:6px 24px 14px;margin:26px 0}
.post .sx-say h2,.post .sx-could h2{font-size:28px;margin:14px 0 8px}
.post .sx-could{margin:20px 0}
.post .sx-src{border-top:1px solid var(--line);margin-top:26px;padding-top:6px;color:var(--muted)}
.post .sx-src h2{font:700 13px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--brass);margin:12px 0 6px}
.post .sx-src p,.post .sx-src li{font-size:14px;line-height:1.55;color:var(--muted)}
.sx-reader{color:var(--muted);font-size:14px;margin:18px 0 0}
.sx-related{padding-top:10px;padding-bottom:50px}
/* search page */
.sx-page h1{font-size:46px;margin:2px 0 14px}
.sx-group{margin:22px 0}
.sx-gh{font:700 13px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--brass);margin:0 0 10px}.sx-gh span{color:var(--muted);font-weight:600}
.sx-rows{display:grid;gap:12px}
.sx-rows .sx-card{flex-direction:row}.sx-rows .sx-ph{width:220px;flex:none;aspect-ratio:16/10}
.sx-rows mark{background:transparent;color:var(--brass);font-weight:700;text-decoration:underline;text-underline-offset:3px}
@media(max-width:600px){.sx-rows .sx-card{flex-direction:column}.sx-rows .sx-ph{width:100%}.sx-hp h1,.sx-page h1{font-size:34px}.sx-article .post h1{font-size:32px}.sx-deck{font-size:20px}.sx-hero{min-height:300px}}