/*
 * MarketNote Editorial System 2026
 * Token-first native CSS, informed by shadcn/ui, 21st.dev Joined Pagination,
 * and the Figma Simple Design System navigation/pagination primitives.
 */
:root{
  --mn-canvas:#f3f0e8;--mn-paper:#fbfaf6;--mn-surface:#fff;--mn-ink:#14201c;
  --mn-ink-soft:#3d4a44;--mn-muted:#6b756f;--mn-line:#d8d3c8;--mn-line-strong:#bdb7ab;
  --mn-forest:#123e31;--mn-forest-2:#0b2b22;--mn-copper:#a85f35;--mn-green:#18745b;--mn-red:#b44742;
  --mn-serif:"Noto Serif SC","Songti SC","STSong",Georgia,serif;
  --mn-sans:"Noto Sans SC","DM Sans",system-ui,sans-serif;
  --mn-mono:"DM Sans",ui-monospace,SFMono-Regular,Menlo,monospace;
  --mn-radius:4px;--mn-control:6px;--mn-shadow:0 18px 42px rgba(30,36,32,.1)
}
html{scroll-behavior:smooth;scrollbar-gutter:stable}
body{background:linear-gradient(rgba(20,32,28,.024) 1px,transparent 1px) 0 0/100% 32px,var(--mn-canvas);color:var(--mn-ink);font-family:var(--mn-sans);text-rendering:optimizeLegibility}
body:before{content:"";position:fixed;inset:0 0 auto;z-index:110;height:2px;pointer-events:none;background:linear-gradient(90deg,var(--mn-copper),var(--mn-forest) 48%,transparent 82%)}
::selection{background:#cde7dc;color:#0a2c22}
a,button,input,textarea,select{transition:color .16s,background-color .16s,border-color .16s,opacity .16s,transform .16s}
:focus-visible{outline:3px solid rgba(168,95,53,.34);outline-offset:3px}
.shell{width:min(1180px,calc(100% - 48px))}
.kicker,.eyebrow,.hero-research-label,.option-card-label{color:var(--mn-copper)!important;font-family:var(--mn-mono);font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.button{min-height:40px;border-radius:var(--mn-control);box-shadow:none;font-weight:750}
.button.primary{border-color:var(--mn-forest);background:var(--mn-forest);color:#fff}
.button.primary:hover{border-color:var(--mn-forest-2);background:var(--mn-forest-2);transform:translateY(-1px)}
.button.outline,.button.ghost{border-color:var(--mn-line-strong);background:transparent}
.button.outline:hover,.button.ghost:hover{border-color:var(--mn-forest);background:rgba(18,62,49,.055);color:var(--mn-forest)}

/* Publication masthead */
.site-header{position:sticky;top:0;z-index:70;border-bottom:1px solid var(--mn-line);background:rgba(251,250,246,.96);box-shadow:none;backdrop-filter:blur(14px)}
.topline+.site-header{top:38px}
.site-header .header-top,.site-header .header-bottom{width:min(1180px,calc(100% - 48px))}
.header-top{min-height:76px;padding:11px 0}.site-header.is-condensed .header-top{min-height:64px}
.brand-logo{width:220px;height:auto}
.header-search{max-width:430px;border:1px solid var(--mn-line);border-radius:var(--mn-control);background:var(--mn-surface);box-shadow:none}
.header-search input{min-width:0}.header-search button{border-radius:4px;background:var(--mn-forest)}
.header-bottom{min-height:43px;border-top:1px solid rgba(216,211,200,.68)}.header-bottom nav{gap:2px}
.header-bottom nav a{position:relative;padding:12px 15px;border-radius:0;font-size:13px}
.header-bottom nav a:after{content:"";position:absolute;right:15px;bottom:6px;left:15px;height:2px;background:var(--mn-copper);transform:scaleX(0);transform-origin:left;transition:transform .16s}
.header-bottom nav a:hover:after,.header-bottom nav a.active:after{transform:scaleX(1)}

/* Homepage */
.hero{min-height:auto;grid-template-columns:minmax(0,.82fr) minmax(520px,1.18fr);align-items:start;gap:clamp(36px,4.5vw,58px);padding-top:36px;padding-bottom:42px}
.hero-copy{align-self:start;padding-top:54px;padding-right:0}.hero-copy:after{display:none}
.hero h1{max-width:670px;margin:17px 0 18px;font-family:var(--mn-serif);font-size:clamp(44px,3.5vw,54px);font-weight:800;line-height:1.045;letter-spacing:-.05em;text-wrap:balance}
.hero h1 em{color:var(--mn-forest);font-style:normal}.hero-copy>p{max-width:600px;color:var(--mn-ink-soft);font-size:15px;line-height:1.78}
.hero-actions{gap:8px;margin-top:24px}.hero-actions .button.text{border-radius:0}.trust-row{margin-top:28px;border-top:1px solid var(--mn-line);padding-top:16px}.truth-mark{border-radius:50%;background:var(--mn-forest)}
.hero-panel,.hero-research-panel{border:1px solid var(--mn-line-strong)!important;border-radius:var(--mn-radius)!important;background:var(--mn-paper)!important;box-shadow:var(--mn-shadow)!important}
.hero-research-panel:before{display:none}.hero-research-panel .panel-head{border-bottom-color:var(--mn-line)!important;background:var(--mn-forest)!important;color:#fff!important;padding:14px 18px}
.hero-research-panel .panel-head .muted{color:#b9cdc5!important}.hero-research-card{max-width:none;padding:22px 26px 18px}
.hero-research-label{border-radius:2px;background:transparent!important;padding:0}
.hero-research-card h2{max-width:650px;margin:10px 0 9px;color:var(--mn-ink)!important;font-family:var(--mn-serif);font-size:clamp(28px,2.55vw,38px);line-height:1.12;letter-spacing:-.035em}
.hero-research-card p{margin-bottom:11px;color:var(--mn-ink-soft)!important;font-size:13px;line-height:1.65}
.hero-research-metrics{gap:0;margin:14px 0;border-block:1px solid var(--mn-line)}
.hero-research-metrics div{border:0!important;border-right:1px solid var(--mn-line)!important;border-radius:0;background:transparent!important;padding:9px 11px}.hero-research-metrics div:last-child{border-right:0!important}
.hero-research-logic{margin:7px 0 14px!important;padding:8px 0 8px 13px!important;border-radius:0!important;background:transparent!important}.hero-research-logic span{font-size:12px;line-height:1.55}
.hero-module-row{display:none}
.signal-strip{border-block:1px solid var(--mn-line);background:#ebe6da}.signal-label{border-radius:2px;background:var(--mn-copper)}
.section{padding-top:92px;padding-bottom:92px}.section-heading{margin-bottom:30px;padding-bottom:17px;border-bottom:1px solid var(--mn-line-strong)}
.section-heading h2,.journal-copy h2,.newsletter h2{font-family:var(--mn-serif);font-size:clamp(34px,4vw,50px);letter-spacing:-.035em}
.filter-tabs{border:1px solid var(--mn-line);border-radius:var(--mn-control);background:transparent;padding:3px}.filter-tabs button{border-radius:3px}
.market-view-command,.feature-card,.compact-card,.more-insight,.discussion-list,.poll-card,.trade-card{border:1px solid var(--mn-line);border-radius:var(--mn-radius)!important;background:var(--mn-paper);box-shadow:none!important}
.market-view-command{position:relative;overflow:hidden}.market-view-command:before{content:"DAILY RESEARCH NOTE";position:absolute;top:0;right:0;padding:7px 10px;background:var(--mn-copper);color:#fff;font:800 9px var(--mn-mono);letter-spacing:.14em}
.editorial-grid{gap:22px}.feature-card{overflow:hidden}.feature-content h3,.compact-card h3,.more-insight h3{font-family:var(--mn-serif);letter-spacing:-.02em}
.compact-card:hover,.more-insight:hover{border-color:var(--mn-line-strong);transform:translateY(-2px)}
.tag,.command-tags span,.board-view-meta span{border:0;border-radius:2px!important;background:#dcebe4!important;color:#174b3b!important;font:700 10px var(--mn-mono)}
.board-video-badge{border:1px solid rgba(178,122,45,.28);border-radius:2px;background:#f1e4cf;color:#8a5c1f;padding:3px 7px;font:800 10px var(--mn-mono)}
@media(max-width:760px){.mobile-bottom-nav{grid-template-columns:repeat(6,minmax(0,1fr))}.mobile-bottom-nav a{font-size:11px}}
.options-section,.dark-section{position:relative;background:var(--mn-forest-2)}
.options-section:before,.dark-section:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px) 0 0/100% 40px,linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px) 0 0/40px 100%}
.option-pulse-card,.strategy-library,.option-journal-panel,.trade-card{border-radius:var(--mn-radius)!important;box-shadow:none!important}.strategy-chips button{border-radius:var(--mn-control)}
.newsletter{border-block:1px solid var(--mn-line);background:#e7e0d2}footer{border-top:3px solid var(--mn-copper);background:#0b211a}

/* Homepage editorial media */
.home-hero-cover,.home-command-cover,.home-feature-cover,.more-insight-media,.compact-art.has-image{
  position:relative;display:block;overflow:hidden;border:1px solid var(--mn-line);background:#102c22
}
.home-hero-cover img,.home-command-cover img,.home-feature-cover img,.more-insight-media img,.compact-art.has-image img{
  display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease
}
.home-hero-cover:hover img,.home-command-cover:hover img,.home-feature-cover:hover img,.more-insight:hover .more-insight-media img,.compact-card:hover .compact-art.has-image img{transform:scale(1.025)}
.home-media-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(5,20,15,.7))}
.home-media-play{
  position:absolute;left:50%;top:50%;display:grid;place-items:center;width:44px;height:44px;padding-left:3px;
  border:1px solid rgba(255,255,255,.76);border-radius:50%;background:rgba(8,31,23,.82);color:#fff;
  font-size:15px;transform:translate(-50%,-50%);box-shadow:0 8px 24px rgba(0,0,0,.22)
}
.home-media-play[hidden]{display:none!important}
.home-media-caption{
  position:absolute;left:11px;bottom:9px;z-index:2;color:#fff;font:800 9px var(--mn-mono);
  letter-spacing:.14em;text-transform:uppercase
}
.home-hero-cover{height:122px;margin:10px 0 13px}
.home-command-cover{width:min(100%,720px);height:178px;margin:17px 0 21px}
.home-feature-cover{width:100%;height:100%;border:0}
.feature-visual.has-image{padding:0}.feature-visual.has-image .chart-art{display:none}
.compact-art.has-image{padding:0;border-radius:6px}
.compact-art.has-image:after{display:none}
.compact-art.has-image>span:not(.home-media-overlay){position:absolute;left:11px;top:9px;z-index:2;color:#fff;font:800 8px var(--mn-mono);letter-spacing:.14em}
.compact-art.has-image>b{position:absolute;left:11px;bottom:8px;z-index:2;color:#fff;font-size:12px}
.compact-art.has-image .home-media-play{width:38px;height:38px;font-size:13px}
.more-insight{overflow:hidden;padding:0!important;gap:0!important}
.more-insight-media{width:100%;height:118px;border:0;border-bottom:1px solid var(--mn-line)}
.more-insight-copy{display:flex;flex:1;flex-direction:column;gap:9px;min-width:0;padding:17px 18px 18px}
.more-insight-copy h3{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.more-insight-copy p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.more-insight-media.is-fallback{
  display:flex;align-items:flex-end;padding:12px;background:
  radial-gradient(circle at 82% 12%,rgba(255,255,255,.16),transparent 30%),
  linear-gradient(135deg,#0d2e23,#1c5942 62%,#a85f35)
}
.more-insight-media.is-fallback:before{
  content:"";position:absolute;right:-34px;top:-54px;width:150px;height:150px;border:1px solid rgba(255,255,255,.24);
  border-radius:50%;box-shadow:0 0 0 20px rgba(255,255,255,.04),0 0 0 40px rgba(255,255,255,.022)
}
.more-insight-media.is-fallback b{position:relative;z-index:2;color:#fff;font:800 18px var(--mn-serif);letter-spacing:-.02em}
body.dark .home-hero-cover,body.dark .home-command-cover,body.dark .home-feature-cover,body.dark .more-insight-media,body.dark .compact-art.has-image{border-color:var(--mn-line)}

/* Complete board: compact Navigation + Joined Pagination */
.board-shell{padding-top:64px}.board-hero{align-items:end;padding:58px 0 28px}
.board-hero h1,.search-hero h1,.market-hero h1{font-family:var(--mn-serif);font-size:clamp(42px,5vw,64px);font-weight:800;letter-spacing:-.045em}
.board-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;margin:0 0 16px;padding:18px 0;border-bottom:1px solid var(--mn-line)}
.board-filter{display:flex;width:100%;min-width:0;max-width:100%;flex-wrap:wrap;gap:6px;overflow:visible;border:0;padding:0}
.board-filter button{min-height:34px;border:1px solid var(--mn-line);border-radius:3px;background:transparent;padding:6px 10px;color:var(--mn-ink-soft);white-space:nowrap}
.board-filter button:hover{border-color:var(--mn-forest);color:var(--mn-forest)}.board-filter button.active{border-color:var(--mn-forest);background:var(--mn-forest);color:#fff}
.board-list{gap:0;border-top:1px solid var(--mn-line-strong)}
.board-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;border:0;border-bottom:1px solid var(--mn-line);border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:28px 4px}
.board-card:before{content:"";position:absolute;inset:0 auto 0 -14px;width:3px;background:var(--mn-copper);opacity:0}.board-card:hover{background:rgba(255,255,255,.42)!important;transform:none}.board-card:hover:before{opacity:1}
.board-card h2{margin:9px 0 8px;font-family:var(--mn-serif);font-size:clamp(22px,2.2vw,29px);letter-spacing:-.025em}.board-card p{max-width:820px;font-size:14px}.board-card footer{border:0}.board-card-actions{align-self:center}
.board-pagination{gap:0;width:max-content;max-width:100%;margin:36px auto 0;border:1px solid var(--mn-line);border-radius:var(--mn-control);overflow:hidden;box-shadow:0 3px 10px rgba(20,32,28,.05)}
.board-pagination button{min-width:40px;height:40px;margin-left:-1px;border:0;border-left:1px solid var(--mn-line);border-radius:0;background:var(--mn-surface);box-shadow:none}
.board-pagination button:first-child{margin-left:0;border-left:0}.board-pagination button:hover:not(:disabled){z-index:1;background:#eeeae1;transform:none}.board-pagination button.active{z-index:2;background:var(--mn-forest);color:#fff}
.board-pagination span{display:grid;place-items:center;min-width:38px;height:40px;border-left:1px solid var(--mn-line);background:var(--mn-surface)}
.video-board .board-shell{padding-top:38px}.video-board .board-hero{padding:30px 0 18px}.video-board .board-hero h1{font-size:clamp(38px,4.4vw,56px)}.video-board .board-hero p{margin-bottom:0}.video-board .board-toolbar{margin-bottom:18px;padding:12px 0}
.board-list.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;border-top:0}
.board-video-card{min-width:0;overflow:hidden;border:1px solid var(--mn-line);border-radius:var(--mn-radius);background:var(--mn-paper);box-shadow:0 8px 26px rgba(20,32,28,.055)}
.board-video-card:hover{border-color:var(--mn-line-strong);box-shadow:0 14px 34px rgba(20,32,28,.09);transform:translateY(-2px)}
.board-video-frame{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#08130f}.board-video-frame iframe{display:block;width:100%;height:100%;border:0}
.board-video-copy{display:grid;gap:10px;padding:17px 18px 18px}.board-video-copy .meta{flex-wrap:wrap;gap:8px}.board-video-copy h2{display:-webkit-box;overflow:hidden;margin:0;font-family:var(--mn-serif);font-size:22px;line-height:1.38;letter-spacing:-.02em;-webkit-box-orient:vertical;-webkit-line-clamp:2}.board-video-copy p{display:-webkit-box;min-height:43px;overflow:hidden;margin:0;color:var(--mn-ink-soft);font-size:13px;line-height:1.65;-webkit-box-orient:vertical;-webkit-line-clamp:2}.board-video-copy .board-card-actions{display:flex;gap:8px;margin-top:2px}.board-video-copy .board-card-actions .button{min-height:38px;padding:8px 13px;font-size:12px}
body.dark .board-video-card{background:var(--mn-paper)}

/* Board topic index + editorial media cards */
.board-toolbar{grid-template-columns:minmax(0,1fr) 224px;align-items:stretch;gap:14px;margin:22px 0 24px;padding:0;border:0}
.board-filter-panel,.board-status-card{border:1px solid var(--mn-line);background:rgba(255,253,248,.74)}
.board-filter-panel{padding:20px 22px 18px}
.board-filter-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:15px;padding-bottom:13px;border-bottom:1px solid var(--mn-line)}
.board-filter-heading h2{margin:3px 0 0;font-family:var(--mn-serif);font-size:21px;line-height:1.2;letter-spacing:-.02em}
.board-filter-heading p{max-width:420px;margin:0;color:var(--mn-muted);font-size:11px;line-height:1.55;text-align:right}
.board-filter{gap:8px}
.board-filter button{display:inline-flex;align-items:center;gap:5px;min-height:36px;border-radius:999px;background:var(--mn-surface);padding:7px 12px;color:var(--mn-ink-soft);font-size:12px;font-weight:750}
.board-filter button small{padding:0;color:var(--mn-muted);font:700 10px var(--mn-mono)}
.board-filter button:hover{background:#f1ede4}.board-filter button.active{box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
.board-filter button.active small{color:#bde9d4}
.board-status-card{display:flex;min-width:0;flex-direction:column;justify-content:center;overflow:hidden;padding:18px 20px;border-top:3px solid var(--mn-copper)}
.board-status-card>span{color:var(--mn-copper);font:800 10px var(--mn-mono);letter-spacing:.14em;text-transform:uppercase}
.board-status-card small{display:block;margin-top:8px;padding:0;color:var(--mn-ink);font-size:12px;line-height:1.65;white-space:normal}
.board-page-quick{display:grid;width:100%;min-width:0;box-sizing:border-box;grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;gap:7px;margin-top:13px;padding-top:12px;border-top:1px solid var(--mn-line)}
.board-page-quick button{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--mn-line);border-radius:50%;background:var(--mn-surface);color:var(--mn-forest);font-size:15px;cursor:pointer}
.board-page-quick button:hover:not(:disabled){border-color:var(--mn-forest);background:#eeeae1}.board-page-quick button:disabled{opacity:.34;cursor:not-allowed}
.board-pagination{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:14px;width:100%;max-width:none;margin:38px 0 0;padding:18px 0;border:0;border-top:1px solid var(--mn-line-strong);border-bottom:1px solid var(--mn-line);border-radius:0;overflow:visible;box-shadow:none}
.board-pagination button{height:40px;margin:0;border:1px solid var(--mn-line);border-radius:999px;background:var(--mn-surface);box-shadow:none;color:var(--mn-forest);font-weight:800;cursor:pointer}
.board-pagination button:first-child{margin:0;border:1px solid var(--mn-line)}.board-pagination button:hover:not(:disabled){z-index:auto;border-color:var(--mn-forest);background:#eeeae1;transform:none}.board-pagination button:disabled{opacity:.36;cursor:not-allowed}
.board-page-step{min-width:104px;padding:0 17px}.board-page-numbers{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0}
.board-pagination .board-page-number{width:40px;min-width:40px;padding:0}.board-pagination .board-page-number.active{border-color:var(--mn-forest);background:var(--mn-forest);color:#fff}
.board-pagination .board-page-ellipsis{display:grid;place-items:center;min-width:22px;height:40px;border:0;background:transparent;color:var(--mn-muted)}
.board-pagination .board-page-step span,.board-pagination .board-page-jump>span{display:inline;min-width:0;height:auto;border:0;background:transparent}
.board-page-jump{display:flex;min-width:0;align-items:center;justify-content:center;gap:6px;white-space:nowrap;color:var(--mn-muted);font-size:11px}
.board-page-select-wrap{position:relative;display:inline-flex;min-width:0}
.board-page-jump select{height:36px;min-width:54px;border:1px solid var(--mn-line);border-radius:7px;background:var(--mn-surface);padding:0 25px 0 9px;color:var(--mn-ink);font:800 12px var(--mn-mono);cursor:pointer}
.board-page-jump b{color:var(--mn-ink-soft);font:700 11px var(--mn-mono)}.board-page-quick .board-page-jump>span:first-child{display:none}.board-page-quick .board-page-select-wrap::after{content:"";position:absolute;right:11px;top:50%;width:6px;height:6px;border-right:1.5px solid var(--mn-forest);border-bottom:1.5px solid var(--mn-forest);pointer-events:none;transform:translateY(-68%) rotate(45deg)}.board-page-quick .board-page-jump select{width:64px;min-width:64px;padding:0 29px 0 11px;-webkit-appearance:none;appearance:none;-webkit-text-fill-color:var(--mn-ink)}.board-page-quick .board-page-jump b{font-size:10px}
body.dark .board-page-quick button,body.dark .board-pagination button,body.dark .board-page-jump select{background:#172a22}body.dark .board-page-quick button:hover:not(:disabled),body.dark .board-pagination button:hover:not(:disabled){background:#20382e}
.board-card{grid-template-columns:minmax(0,1fr) 250px;align-items:center;gap:34px;padding:26px 4px}
.board-card-main{min-width:0}.board-card .meta{flex-wrap:wrap;gap:7px 10px}.board-card .tag{border:1px solid #cfe4da;border-radius:999px;padding:3px 8px;background:#e7f3ed}
.board-card .tag small{margin-left:2px;color:#628273;font:700 9px var(--mn-mono)}
.board-card-media{position:relative;display:block;width:250px;aspect-ratio:16/9;overflow:hidden;border:1px solid var(--mn-line);background:#102c22;box-shadow:0 9px 24px rgba(20,32,28,.1)}
.board-card-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.board-card:hover .board-card-media img{transform:scale(1.035)}
.board-media-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(5,20,15,.7))}
.board-media-label{position:absolute;left:12px;bottom:10px;color:#fff;font:800 9px var(--mn-mono);letter-spacing:.15em}
.board-play-mark{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:46px;height:46px;padding-left:3px;border:1px solid rgba(255,255,255,.72);border-radius:50%;background:rgba(8,31,23,.8);color:#fff;font-size:16px;transform:translate(-50%,-50%);box-shadow:0 8px 24px rgba(0,0,0,.22)}
.board-card-media.is-fallback{display:flex;flex-direction:column;justify-content:flex-end;padding:16px;background:linear-gradient(135deg,#0d2e23,#1c5942 62%,#b58a52)}
.board-card-media.is-fallback b{position:relative;z-index:2;color:#fff;font:800 25px var(--mn-serif);letter-spacing:-.03em}.board-card-media.is-fallback .board-media-label{position:relative;z-index:2;left:auto;bottom:auto;margin-bottom:auto}
.board-media-orbit{position:absolute;right:-24px;top:-42px;width:160px;height:160px;border:1px solid rgba(255,255,255,.28);border-radius:50%;box-shadow:0 0 0 22px rgba(255,255,255,.045),0 0 0 44px rgba(255,255,255,.025)}
body.dark .board-filter-panel,body.dark .board-status-card{background:rgba(19,35,28,.8)}body.dark .board-filter button{background:#172a22}body.dark .board-filter button:hover{background:#20382e}body.dark .board-card .tag{border-color:#2f5344;background:#173a2d}

/* Search + market center */
.search-shell{padding-top:70px}.search-hero{max-width:960px}.search-form{border:1px solid var(--mn-line-strong);border-radius:var(--mn-radius);background:var(--mn-surface);box-shadow:none}
.search-hints button{border-radius:3px;background:transparent}.search-results{gap:0;max-width:1000px;border-top:1px solid var(--mn-line-strong)}
.search-card{border:0;border-bottom:1px solid var(--mn-line);border-radius:0;background:transparent;box-shadow:none;padding:26px 2px}.search-card:hover{background:rgba(255,255,255,.36);box-shadow:none;transform:none}
.search-card-meta span{border-radius:2px}.search-card h2{font-family:var(--mn-serif);font-size:28px}
.feature-shell{padding-top:68px}.market-hero{padding-bottom:32px;border-bottom:1px solid var(--mn-line-strong)}
.market-hero-card,.market-featured,.market-track-panel,.market-score-card,.feature-panel,.market-architecture a{border-radius:var(--mn-radius)!important;box-shadow:none!important}
.market-featured h2,.market-score-card h3,.feature-panel h2{font-family:var(--mn-serif)}

/* Article */
.reading-progress{position:fixed;top:0;left:0;z-index:130;width:0;height:3px;background:var(--mn-copper);transform-origin:left}
.article-shell{padding-top:72px}.article-header{width:min(940px,calc(100% - 48px));text-align:left}
.article-header .back-link{margin-bottom:30px;color:var(--mn-forest);font-weight:700}.article-header .meta.centered,.language-switch{justify-content:flex-start}
.article-header h1{margin:18px 0 20px;font-family:var(--mn-serif);font-size:clamp(44px,5.4vw,72px);font-weight:800;line-height:1.16;letter-spacing:-.045em}
.article-header .dek{max-width:800px;margin:0 0 24px;color:var(--mn-ink-soft);font:400 19px/1.85 var(--mn-serif)}
.article-shell .followup-callout{
  display:flex;width:min(760px,100%);box-sizing:border-box;align-items:center;justify-content:space-between;
  border:1px solid var(--mn-line-strong);border-left:4px solid var(--mn-copper);border-radius:3px;
  background:var(--mn-paper);color:var(--mn-ink);box-shadow:none;
}
.article-shell .followup-callout span{min-width:0;color:var(--mn-ink);line-height:1.45}
.article-shell .followup-callout small{color:var(--mn-forest);line-height:1.45;text-align:right}
body.dark .article-shell .followup-callout{border-color:var(--mn-line-strong);border-left-color:var(--mn-copper);background:var(--mn-paper);color:var(--mn-ink);box-shadow:none}
body.dark .article-shell .followup-callout span{color:var(--mn-ink)}
body.dark .article-shell .followup-callout small{color:#9ad8bd}
.language-switch button{border-radius:3px}
.article-byline{max-width:none;margin:28px 0 44px;padding-block:18px;border-block:1px solid var(--mn-line)}.article-byline>div{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.round-action{border-radius:4px;background:transparent}
.article-layout{width:min(1080px,calc(100% - 48px));grid-template-columns:190px minmax(0,760px);gap:62px;justify-content:start}.article-rail{display:block!important}
.toc{top:150px;border-left:1px solid var(--mn-line-strong);gap:12px}.toc a{line-height:1.55}
.article-body{color:#2f3d37;font:400 18px/2 var(--mn-serif)}.article-body>p{margin-bottom:28px}
.article-body h2{margin-top:66px;font-family:var(--mn-serif);font-size:32px;line-height:1.45;letter-spacing:-.025em}.article-body h3{font-family:var(--mn-serif)}
.article-body blockquote{border-left:3px solid var(--mn-copper);border-radius:0;background:#e9e4d9;color:#2b3933}
.article-visual-card,.position-card,.attachment-box,.disclaimer,.comment-editor{border-radius:var(--mn-radius)!important;box-shadow:none!important}.numbered-points section>span{color:var(--mn-copper)}
.comments-section{border-top:1px solid var(--mn-line-strong);background:#e9e5dc}.comments-head h2{font-family:var(--mn-serif)}.comment-card{border-color:var(--mn-line)}
.reading-metrics{color:var(--mn-muted);font:500 11px var(--mn-mono)}

/* One restrained reveal effect; content remains readable before observation. */
.js .mn-reveal{opacity:1;transform:translateY(12px)}.js .mn-reveal.is-visible{transform:none;transition:transform .45s}
body.dark{--mn-canvas:#0e1915;--mn-paper:#13231c;--mn-surface:#172921;--mn-ink:#eef5f1;--mn-ink-soft:#c5d0ca;--mn-muted:#94a49c;--mn-line:#2b3d35;--mn-line-strong:#40534a;background:var(--mn-canvas)}
body.dark .site-header{background:rgba(14,25,21,.96)}body.dark .header-search,body.dark .hero-panel,body.dark .hero-research-panel{background:var(--mn-paper)!important}
body.dark .hero-research-card h2,body.dark .hero-research-card p{color:var(--mn-ink)!important}
body.dark .signal-strip,body.dark .newsletter,body.dark .comments-section,body.dark .article-body blockquote{background:#17241e}
body.dark .board-card:hover,body.dark .search-card:hover{background:rgba(255,255,255,.035)!important}body.dark .article-body{color:#ccd7d1}

@media(max-width:1100px){.hero{grid-template-columns:1fr;gap:34px}.hero-copy{max-width:820px;padding-top:0}.article-layout{width:min(800px,calc(100% - 48px));grid-template-columns:1fr}.article-rail{display:none!important}}
@media(max-width:900px){
  .shell,.site-header .header-top,.site-header .header-bottom{width:min(100% - 32px,1180px)}.site-header{top:0!important}.topline{display:none}.header-top{min-height:70px}.brand-logo{width:188px}
  .site-header .brand{flex:0 0 188px;width:188px;min-width:188px}.site-header .header-actions{width:auto;min-width:0;margin-left:auto;justify-content:flex-end}
  .board-toolbar{grid-template-columns:minmax(0,1fr)}.board-filter-panel{min-width:0}.board-status-card{order:-1}.board-toolbar small{padding:0}.board-filter{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;padding-bottom:8px}
  .board-filter-heading{align-items:flex-start}.board-card{grid-template-columns:minmax(0,1fr) 220px}.board-card-media{width:220px}
}
@media(max-width:620px){
  .article-shell .followup-callout{align-items:flex-start;gap:5px;padding:13px 14px}
  .article-shell .followup-callout small{text-align:left}
}
@media(max-width:700px){
  body{background-image:none}.shell{width:calc(100% - 28px)}.hero{width:calc(100% - 28px);padding-top:44px;padding-bottom:52px}.hero h1{font-size:clamp(40px,12vw,54px)}
  .hero-actions{display:grid}.hero-actions .button{width:100%;justify-content:center}.hero-research-card{padding:26px 20px 22px}.hero-research-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-research-metrics div{padding:11px 8px}
  .hero-module-row{grid-template-columns:1fr}.hero-module-row a{border-right:0!important;border-bottom:1px solid var(--mn-line)!important}.hero-module-row a:last-child{border-bottom:0!important}
  .section{padding-top:64px;padding-bottom:64px}.section-heading{display:block}.section-actions{margin-top:18px}
  .board-shell,.feature-shell,.search-shell{width:calc(100% - 28px);padding-top:34px}.board-hero{padding-top:22px}.board-filter-panel{padding:17px}.board-filter-heading{display:block}.board-filter-heading p{margin-top:8px;text-align:left}.board-card{grid-template-columns:1fr;gap:17px;padding:24px 0}.board-card-media{grid-row:1;width:100%;max-width:none}.board-list.video-grid{grid-template-columns:1fr;gap:15px}.video-board .board-shell{padding-top:22px}.video-board .board-hero{padding:18px 0 10px}.board-video-copy{padding:15px}.board-video-copy h2{font-size:20px}
  .board-card-actions{display:grid;grid-template-columns:1fr 1fr}.board-card-actions .button{justify-content:center}.board-pagination{grid-template-columns:1fr auto 1fr;gap:9px;padding:15px 0}.board-page-numbers{display:none}.board-page-step{min-width:0;padding:0 13px}.board-pagination>.board-page-jump{grid-column:2}.board-pagination>.board-page-step:last-child{grid-column:3}.board-page-jump select{min-width:50px}.board-page-jump b{font-size:10px}
  .search-form{grid-template-columns:1fr}.search-form .button{width:100%}.search-card h2{font-size:24px}.search-card footer{display:grid}
  .article-header,.article-layout{width:calc(100% - 28px)}.article-header{padding-top:10px}.article-header h1{font-size:clamp(36px,10.5vw,49px)}.article-header .dek{font-size:17px}
  .article-byline{align-items:flex-start;gap:18px}.article-byline>div{justify-content:flex-start}.article-body{font-size:17px;line-height:1.95}.article-body h2{margin-top:52px;font-size:27px}
  .mobile-bottom-nav{right:8px;bottom:8px;left:8px;border-radius:8px;background:rgba(251,250,246,.96)}.mobile-bottom-nav a{border-radius:4px}
  .home-hero-cover{height:126px;margin:13px 0 17px}.home-command-cover{height:144px}.more-insight-media{height:132px}
}
@media(max-width:430px){
  .site-header .header-top{width:calc(100% - 20px)}.site-header .brand{flex-basis:162px;width:162px;min-width:162px}.brand-logo{width:162px}.site-header .header-actions{gap:5px}.site-header .header-actions .button,.site-header .header-actions .icon-button{min-height:36px;padding-inline:9px;font-size:11px}
  .site-header #themeButton,.site-header #authButton,.site-header #loginButton,.site-header .header-actions>.button.primary{display:none!important}
  .hero h1{letter-spacing:-.055em}.hero-research-metrics small{font-size:9px}.hero-research-metrics b{font-size:14px}
  .board-hero h1,.search-hero h1,.market-hero h1{font-size:38px}.board-actions{display:grid;grid-template-columns:1fr 1fr}.board-actions .button{justify-content:center}.board-actions .button:last-child:nth-child(odd){grid-column:1/-1}
  .article-byline{display:grid}.round-action{margin:0}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.js .mn-reveal{opacity:1;transform:none}}

/* Article mobile hierarchy — keep the headline readable without consuming the first viewport. */
@media(max-width:700px){.article-header h1{font-size:clamp(31px,9.3vw,39px);line-height:1.17;letter-spacing:-.035em;margin:17px 0 14px}.article-header .dek{font-size:14px;line-height:1.72}.article-byline{align-items:center;gap:12px}}
@media(max-width:480px){.article-header h1{font-size:clamp(29px,8.8vw,35px)}.article-byline{gap:10px}}

/* Homepage contrast repair — 2026-07-28 */
#journal.dark-section .journal-copy .kicker.light{color:#83d9b2!important}
#journal.dark-section .journal-copy h2,
#journal.dark-section .journal-stats b{color:#f4f0e7!important}
#journal.dark-section .journal-copy>p{color:#bfd0c8!important}
#journal.dark-section .journal-stats span{color:#a8bdb3!important}
#journal.dark-section .journal-stats div{border-color:rgba(255,255,255,.28)!important}

#about.newsletter{color:var(--mn-ink)}
#about.newsletter .kicker.light{color:var(--mn-copper)!important}
#about.newsletter h2{color:var(--mn-ink)!important}
#about.newsletter p,
#about.newsletter form small{color:var(--mn-ink-soft)!important}
#about.newsletter input{
  border-color:var(--mn-line-strong);
  background:var(--mn-paper);
  color:var(--mn-ink);
}
#about.newsletter input::placeholder{color:var(--mn-muted)}
#about.newsletter .inline-unsubscribe{color:var(--mn-forest)!important}
body.dark #about.newsletter .kicker.light{color:#83d9b2!important}
body.dark #about.newsletter .inline-unsubscribe{color:#83d9b2!important}