/* Particle-inspired reading layout. Daily Brief content, identity and routes. */
:root { --ink:#202020; --muted:#747271; --accent:#c94e35; --line:#e8e5e2; --wash:#f6f4f2; --canvas:#fff; --rail:222px; }
body[data-design="particle"] { background:radial-gradient(ellipse 550px 650px at 0 170px,#f9ddd480,transparent 85%),radial-gradient(ellipse 550px 300px at 95% 0,#e5f0f578,transparent 85%),#fff; background-attachment:fixed; }
body[data-design="particle"]::before { content:''; position:fixed; inset:0; z-index:-1; pointer-events:none; background:radial-gradient(ellipse 620px 620px at 0 180px,#f8d8cebc,transparent 85%),radial-gradient(ellipse 650px 400px at 90% -130px,#e0edf2a6,transparent 85%); }
body[data-design="particle"] .masthead { position:sticky; top:0; z-index:30; max-width:none; height:86px; min-height:86px; padding:18px 30px; gap:24px; background:#fffffff2; backdrop-filter:blur(20px); border-bottom:1px solid #e8e5e270; }
body[data-design="particle"] .brand { font-size:1.36rem; gap:10px; letter-spacing:-.055em; }
body[data-design="particle"] .brand-icon { width:34px; height:34px; }
body[data-design="particle"] .brand small { display:none; }
body[data-design="particle"] .masthead .global-search { max-width:480px; margin-left:auto; }
body[data-design="particle"] .global-search #search-form { background:#f3f2f180; border:1px solid #e7e3df; border-radius:28px; height:43px; }
body[data-design="particle"] .global-search:focus-within #search-form { background:#fff; border-color:#d18674; box-shadow:0 0 0 3px #eab9a71a; }
body[data-design="particle"] .search-submit { color:#6b625e; }
body[data-design="particle"] .archive-link { margin-left:0; font-size:.78rem; font-weight:600; }
body[data-design="particle"] .app-settings-link { background:#fff; border:1px solid #e3dedb; border-radius:30px; padding:10px 17px; min-height:42px; }
body[data-design="particle"] .category-nav { position:fixed; z-index:20; top:104px; left:17px; bottom:20px; width:var(--rail); max-width:none; display:flex; flex-direction:column; align-items:stretch; justify-content:flex-start; gap:5px; padding:0 15px 10px 0; border:0; margin:0; overflow-y:auto; overflow-x:hidden; scrollbar-width:thin; }
body[data-design="particle"] .category-nav a { flex-shrink:0; display:flex; align-items:center; gap:13px; border:0; background:transparent; border-radius:25px; padding:12px 16px; margin:0; font-size:.91rem; font-weight:650; line-height:1.4; color:#837d79; }
body[data-design="particle"] .category-nav a::before { content:''; width:17px; height:17px; flex:0 0 17px; background:currentColor; opacity:.75; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6'%3E%3Crect x='4' y='4' width='16' height='16' rx='4'/%3E%3Cpath d='M8 9h8M8 13h8M8 17h4'/%3E%3C/svg%3E") center/contain no-repeat; }
body[data-design="particle"] .category-nav .home-nav-link::before { mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='m12 3 2.8 5.7 6.2.9-4.5 4.4 1.1 6.2-5.6-3-5.6 3 1.1-6.2L3 9.6l6.2-.9Z'/%3E%3C/svg%3E"); }
body[data-design="particle"] .category-nav [data-category="tech-science"]::before { mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6'%3E%3Crect x='6' y='6' width='12' height='12' rx='2'/%3E%3Cpath d='M9 2v4m6-4v4M9 18v4m6-4v4M2 9h4m-4 6h4m12-6h4m-4 6h4M10 10h4v4h-4z'/%3E%3C/svg%3E"); }
body[data-design="particle"] .category-nav [data-category="politics-world"]::before { mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cellipse cx='12' cy='12' rx='4' ry='9'/%3E%3Cpath d='M3 12h18'/%3E%3C/svg%3E"); }
body[data-design="particle"] .category-nav [data-category="economy-finance"]::before { mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6'%3E%3Cpath d='M4 20V5m0 15h17M8 16v-4m5 4V8m5 8V4'/%3E%3C/svg%3E"); }
body[data-design="particle"] .category-nav [data-category="society"]::before { mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6'%3E%3Ccircle cx='9' cy='8' r='3'/%3E%3Cpath d='M3 21v-3a6 6 0 0 1 12 0v3m1-15a3 3 0 0 1 0 6m2 3a5 5 0 0 1 3 5'/%3E%3C/svg%3E"); }
body[data-design="particle"] .category-nav a:hover { color:#bd4d36; background:#efd1c54d; }
body[data-design="particle"] .category-nav a[aria-current="page"] { color:#bc4a32; background:#f4cec0b0; box-shadow:inset 0 0 0 1px #e7b6a55c; }
body[data-design="particle"] .nav-caption { margin:18px 16px 8px; font-size:.61rem; letter-spacing:.12em; color:#a59a93; }
body[data-design="particle"] .category-nav .trends-nav-link { margin-top:20px; padding-left:16px; border:0; }
body[data-design="particle"] .category-nav .youtube-news-nav-link { box-shadow:none; background:none; }
body[data-design="particle"] .category-nav .history-nav-link { font-weight:500; font-size:.78rem; }
body[data-design="particle"] .page-shell { margin:0 0 0 calc(var(--rail) + 25px); max-width:none; padding:0 32px 0 24px; gap:28px; }
body[data-design="particle"] .editorial-shell { display:block; width:auto; }
body[data-design="particle"] .feed-heading { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:35px 0 26px; margin:0; }
body[data-design="particle"] .feed-heading .edition-eyebrow { margin:0 0 11px; color:#a67462; font-size:.63rem; font-weight:650; letter-spacing:.09em; }
body[data-design="particle"] .feed-heading h1 { font-size:clamp(2.1rem,3.35vw,3.35rem); line-height:1.2; letter-spacing:-.065em; margin:0; font-weight:800; }
.feed-heading-side { display:flex; align-items:center; gap:20px; color:#918b86; font-size:.75rem; white-space:nowrap; }
.feed-archive-link { border:1px solid #e5dfdb; background:#ffffffc9; border-radius:30px; padding:12px 18px; font-weight:600; color:#5f5650; }
.feed-archive-link:hover { background:#f8e6df; border-color:#e2b09f; }
body[data-design="particle"] .news-grid#article-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; align-items:stretch; }
body[data-design="particle"] .news-card { position:relative; isolation:isolate; min-height:365px; border:0; border-radius:14px; overflow:hidden; color:#fff; background:#173b80; box-shadow:none; transition:transform .2s,box-shadow .2s; --card-color:#264b9b; }
body[data-design="particle"] .news-card:first-child { grid-column:span 2; min-height:390px; }
body[data-design="particle"] .news-card[data-art="economy"] { --card-color:#226b65; }
body[data-design="particle"] .news-card[data-art="world"] { --card-color:#3b3d90; }
body[data-design="particle"] .news-card[data-art="society"] { --card-color:#ac4439; }
body[data-design="particle"] .news-card[data-art="culture"] { --card-color:#944336; }
body[data-design="particle"] .news-card[data-art="culture-modern"] { --card-color:#963855; }
body[data-design="particle"] .news-card[data-art="security"] { --card-color:#355386; }
body[data-design="particle"] .news-card[data-art="industry"] { --card-color:#176278; }
body[data-design="particle"] .news-card:hover { transform:translateY(-3px); box-shadow:0 12px 28px #23253620; }
body[data-design="particle"] .news-card .story-link { position:relative; display:flex; flex-direction:column; justify-content:flex-end; height:100%; min-height:inherit; padding:130px 22px 20px; color:#fff; gap:0; }
.news-cover { position:absolute; inset:0; z-index:-2; width:100%; height:100%; max-width:none; object-fit:cover; object-position:center 30%; }
.news-card .story-link::after { content:''; position:absolute; inset:0; z-index:-1; pointer-events:none; background:linear-gradient(180deg,#00000008 5%,transparent 20%,color-mix(in srgb,var(--card-color) 28%,transparent) 37%,var(--card-color) 77%); }
.card-category { position:absolute; top:18px; left:20px; display:flex; align-items:center; gap:8px; font-size:.65rem; letter-spacing:.01em; font-weight:650; background:#121c2666; padding:7px 10px; border:1px solid #ffffff26; border-radius:20px; backdrop-filter:blur(8px); }
.card-category>span { font-size:.6rem; opacity:.75; font-weight:450; border-left:1px solid #ffffff55; padding-left:8px; }
body[data-design="particle"] .news-card .story-copy { max-width:none; width:100%; flex:none; display:block; }
body[data-design="particle"] .news-card .story-meta { display:flex; justify-content:space-between; align-items:center; gap:12px; color:#ffffffad; font-size:.6rem; font-weight:650; line-height:1.5; letter-spacing:.05em; }
body[data-design="particle"] .news-card .story-meta time { color:#ffffffcf; opacity:1; }
body[data-design="particle"] .news-card h2 { margin:9px 0 8px; font-size:1.14rem; color:#fff; letter-spacing:-.035em; line-height:1.48; font-weight:750; word-break:keep-all; overflow-wrap:anywhere; }
body[data-design="particle"] .news-card:first-child h2 { max-width:750px; font-size:1.62rem; line-height:1.45; }
body[data-design="particle"] .news-card .story-excerpt { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; color:#ffffffe0; font-size:.8rem; font-weight:400; line-height:1.75; margin:0; max-width:none; }
.card-bottom { display:flex; align-items:center; gap:8px; margin-top:16px; color:#ffffffb8; font-size:.58rem; }
.source-dots { display:flex; padding-left:3px; }
.source-dot { display:grid; place-items:center; flex-shrink:0; width:20px; height:20px; margin-left:-3px; border:1px solid #ffffff60; border-radius:50%; background:#ffffffed; color:#394952; font-size:.5rem; font-family:Georgia,serif; font-weight:bold; }
.source-dot:nth-child(2) { background:#efdcd1; }
.source-dot:nth-child(3) { background:#d7e8ed; }
.cover-credit { margin-left:auto; opacity:.62; font-size:.52rem; }
body[data-design="particle"] #briefing-history { margin:46px 0 0; scroll-margin-top:106px; background:#fff9; border:1px solid #e9e2dc; border-radius:16px; padding:6px 24px 0; }
body[data-design="particle"] .briefing-history-heading { border-top:0; padding:22px 0; }
body[data-design="particle"] .briefing-history-heading h2 { font-size:1.2rem; }
body[data-design="particle"] .briefing-month-label select { background:#fff; border-color:#e3dcd6; border-radius:8px; }
body[data-design="particle"] .briefing-history-list { grid-template-columns:repeat(3,minmax(0,1fr)); gap:0 26px; }
body[data-design="particle"] .briefing-day h3 { font-size:.93rem; font-weight:650; }
body[data-design="particle"] .briefing-day p { font-size:.76rem; }
body[data-design="particle"] .briefing-day-meta { font-size:.68rem; }
body[data-design="particle"] .briefing-day-count { font-size:.72rem; }
body[data-design="particle"] .briefing-pagination { margin:8px 0 20px; }
body[data-design="particle"] main>footer { margin-top:36px; border-top:1px solid #eee8e3; padding:24px 0 32px; }
body[data-design="particle"] .magazine-body { max-width:790px; margin:0 auto; font-size:1.02rem; color:#383b3d; }
body[data-design="particle"] .magazine-body h1 { font-size:clamp(1.8rem,3vw,2.7rem); line-height:1.4; }
body[data-design="particle"] .back-link { color:#9b624f; font-size:.8rem; }
.article-cover { margin:30px 0 36px; }
.article-cover img { display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; border-radius:15px; }
.article-cover figcaption { font-size:.64rem; color:#aaa29d; margin-top:7px; text-align:right; }
body[data-design="particle"].is-search #article-list { display:block; }
body[data-design="particle"].is-search .editorial-card { border-bottom:1px solid var(--line); padding:10px 0; }
body[data-design="particle"].is-search .editorial-card .story-link { padding:18px 0; }
body[data-design="particle"].is-search .editorial-heading { padding:30px 0 12px; }
body[data-design="particle"] .edition-sidebar { top:100px; max-height:calc(100dvh - 110px); }
body[data-design="particle"] .utility-row { min-height:62px; }
body[data-design="particle"] .article-heading h1 { font-size:clamp(1.7rem,2.8vw,2.5rem); }
body[data-design="particle"] .article-body { max-width:780px; }
@media(min-width:1800px) {
  body[data-design="particle"] .news-grid#article-list { grid-template-columns:repeat(4,minmax(0,1fr)); }
  body[data-design="particle"] .news-card:first-child { min-height:410px; }
  body[data-design="particle"] .news-card { min-height:365px; }
}
@media(min-width:1001px) and (max-width:1350px) {
  :root { --rail:195px; }
  body[data-design="particle"] .category-nav a { font-size:.84rem; padding:12px 13px; gap:9px; }
  body[data-design="particle"] .category-nav { left:12px; padding-right:4px; }
  body[data-design="particle"] .page-shell { padding-left:14px; padding-right:24px; }
  body[data-design="particle"] .news-grid#article-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body[data-design="particle"] .news-card:first-child { grid-column:span 1; min-height:365px; }
  body[data-design="particle"] .news-card:first-child h2 { font-size:1.14rem; }
  body[data-design="particle"] .page-shell:not(.editorial-shell):not(.trends-shell) { display:block; }
  body[data-design="particle"] .page-shell:not(.editorial-shell) .edition-sidebar { display:none; }
}
@media(max-width:1000px) {
  body[data-design="particle"] .masthead { height:76px; min-height:76px; padding:15px 24px; gap:18px; }
  body[data-design="particle"] .brand { font-size:1.2rem; }
  body[data-design="particle"] .brand-icon { width:30px; height:30px; }
  body[data-design="particle"] .category-nav { position:sticky; top:76px; bottom:auto; left:auto; width:100%; max-width:none; flex-direction:row; align-items:center; gap:5px; padding:10px 24px; overflow-x:auto; overflow-y:hidden; border-bottom:1px solid #eae3df; background:#fffffff0; backdrop-filter:blur(14px); }
  body[data-design="particle"] .category-nav { scrollbar-width:none; }
  body[data-design="particle"] .category-nav a { padding:10px 14px; font-size:.76rem; gap:7px; }
  body[data-design="particle"] .category-nav a::before { width:14px; height:14px; flex-basis:14px; }
  body[data-design="particle"] .nav-caption { display:none; }
  body[data-design="particle"] .category-nav .trends-nav-link { margin-top:0; }
  body[data-design="particle"] .page-shell { margin:0; padding:0 24px; }
  body[data-design="particle"] .news-grid#article-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body[data-design="particle"] .news-card:first-child { grid-column:span 1; min-height:365px; }
  body[data-design="particle"] .news-card:first-child h2 { font-size:1.14rem; }
  body[data-design="particle"] .briefing-history-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body[data-design="particle"] .edition-sidebar { position:static; max-height:none; }
  body[data-design="particle"] .feed-heading { padding:28px 0 24px; }
}
@media(max-width:650px) {
  body[data-design="particle"] .masthead { display:grid; grid-template-columns:1fr auto auto; height:auto; min-height:120px; padding:14px 16px 12px; gap:12px; position:relative; backdrop-filter:none; }
  body[data-design="particle"] .brand { font-size:1.19rem; }
  body[data-design="particle"] .masthead .global-search { grid-column:1/-1; grid-row:2; max-width:none; margin:0; width:100%; }
  body[data-design="particle"] .global-search #search-form { height:40px; background:#f5f1ef70; }
  body[data-design="particle"] .archive-link.mobile-nav { display:none; }
  body[data-design="particle"] .app-settings-link { grid-column:3; grid-row:1; min-height:34px; padding:7px 9px; border:0; background:transparent; }
  body[data-design="particle"] .app-settings-link span { display:none; }
  body[data-design="particle"] .category-nav { position:sticky; top:0; padding:9px 16px; gap:5px; }
  body[data-design="particle"] .category-nav a { min-height:38px; padding:9px 12px; font-size:.73rem; }
  body[data-design="particle"] .category-nav a::before { display:none; }
  body[data-design="particle"] .page-shell { display:block; margin:0; padding:0 16px; }
  body[data-design="particle"] .feed-heading { align-items:flex-start; gap:12px; padding:26px 0 21px; }
  body[data-design="particle"] .feed-heading h1 { font-size:2rem; }
  body[data-design="particle"] .feed-heading .edition-eyebrow { font-size:.52rem; letter-spacing:.025em; margin-bottom:9px; }
  .feed-heading-side { align-items:flex-end; flex-direction:column; gap:11px; font-size:.62rem; padding-top:4px; }
  .feed-archive-link { font-size:.6rem; padding:8px 10px; }
  body[data-design="particle"] .news-grid#article-list { grid-template-columns:minmax(0,1fr); gap:14px; }
  body[data-design="particle"] .news-card,body[data-design="particle"] .news-card:first-child { min-height:365px; grid-column:auto; border-radius:13px; }
  body[data-design="particle"] .news-card .story-link { padding:160px 20px 19px; }
  body[data-design="particle"] .news-card h2,body[data-design="particle"] .news-card:first-child h2 { font-size:1.23rem; line-height:1.5; }
  body[data-design="particle"] .news-card .story-excerpt { font-size:.78rem; -webkit-line-clamp:2; }
  body[data-design="particle"] .news-card .story-meta { font-size:.58rem; }
  body[data-design="particle"] .card-category { top:16px; left:17px; font-size:.62rem; }
  body[data-design="particle"] #briefing-history { padding:0 17px; margin-top:30px; scroll-margin-top:78px; }
  body[data-design="particle"] .briefing-history-heading { padding:19px 0; gap:15px; }
  body[data-design="particle"] .briefing-history-list { grid-template-columns:minmax(0,1fr); }
  body[data-design="particle"] .briefing-history-heading h2 { font-size:1.05rem; }
  body[data-design="particle"] .briefing-history-heading p { font-size:.71rem; }
  body[data-design="particle"] .briefing-month-label { font-size:.73rem; }
  body[data-design="particle"] .briefing-day-link { padding:19px 0; }
  body[data-design="particle"] .magazine-body { font-size:.96rem; }
  body[data-design="particle"] .magazine-body h1 { font-size:1.85rem; }
  .article-cover img { height:auto; border-radius:12px; }
}
@media(prefers-reduced-motion:reduce) { body[data-design="particle"] .news-card { transition:none; } body[data-design="particle"] .news-card:hover { transform:none; } }

/* Articles without their own reviewed image remain readable text cards. */
body[data-design="particle"] .news-card.is-text-card { min-height:240px; grid-column:auto; color:#363432; background:#ffffffcf; border:1px solid #e9e2dc; }
body[data-design="particle"] .news-card.is-text-card .story-link { padding:66px 22px 22px; justify-content:flex-start; color:#363432; }
body[data-design="particle"] .news-card.is-text-card .story-link::after { display:none; }
body[data-design="particle"] .news-card.is-text-card .card-category { background:#f3ece7; color:#85624e; border-color:#e8ddd4; backdrop-filter:none; }
body[data-design="particle"] .news-card.is-text-card .card-category>span { border-color:#cbbcaf; }
body[data-design="particle"] .news-card.is-text-card .story-meta,
body[data-design="particle"] .news-card.is-text-card .story-meta time { color:#8a8078; }
body[data-design="particle"] .news-card.is-text-card h2 { font-size:1.1rem; color:#39342f; line-height:1.55; }
body[data-design="particle"] .news-card.is-text-card .story-excerpt { color:#756d66; -webkit-line-clamp:3; }
body[data-design="particle"] .news-card.is-text-card .card-bottom { color:#8a7f75; }
body[data-design="particle"] .news-card.is-text-card .source-dot { border-color:#e4d8cf; }
@media(max-width:650px) {
  body[data-design="particle"] .news-card.is-text-card .story-link { padding:66px 20px 20px; }
  body[data-design="particle"] .news-card.is-text-card h2 { font-size:1.08rem; }
}