/* Shared content primitives for the maintained public sections. */
.modern-content{font-size:14px;line-height:1.5}
.modern-content :is(button,input,select,textarea){font:inherit}
.modern-content :is(input,select,textarea){color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:0}
.modern-content [hidden]{display:none!important}
.modern-content :focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.modern-content .content{padding:20px 24px}
.modern-content :is(.panel,.category,.reference-card,.personal-card,.manual,.metric){color:var(--ink);background:var(--surface);border-color:var(--line)}
.modern-content :is(.panel-title,.section-title,.category h2,.team-head){padding:10px 12px;color:#fff;background:var(--navy);border:0;font:700 12px/1.4 ui-sans-serif,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase}
.modern-content .panel-title *{color:inherit}
.modern-content :is(.context-row,.subnav,.dota-tabs){display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:0;padding:10px 24px;color:var(--muted);background:var(--soft);border-bottom:1px solid var(--line);font-size:12px}
.modern-content :is(.subnav,.dota-tabs) a{padding:7px 10px;color:var(--ink);background:var(--surface);border:1px solid var(--line);text-decoration:none;font-weight:700}
.modern-content :is(.subnav,.dota-tabs) a.active{color:#fff;background:var(--navy)}
.modern-content :is(.hero-panel,.database-hero,.document-intro){min-height:0;padding:20px 24px;margin-bottom:16px;color:var(--ink);background:var(--soft);border:1px solid var(--line)}
.modern-content :is(.hero-panel,.database-hero,.document-intro) h1{margin:6px 0 12px;font:700 clamp(24px,3vw,36px)/1.12 ui-sans-serif,system-ui,sans-serif;letter-spacing:-.03em}
.modern-content :is(.hero-panel,.database-hero,.document-intro) p{color:var(--muted);font-size:14px;line-height:1.5}
.modern-content .hero-actions{flex-direction:row;flex-wrap:wrap;justify-content:flex-end;max-width:440px}
.modern-content :is(.button,.row-actions button,.reference-copy a,.personal-card a,.manual a){min-height:36px;padding:8px 12px;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:0;text-shadow:none}
.modern-content :is(.button.primary,.button.search-button,.manual a:not(.source)){color:#fff;background:var(--navy)}
.modern-content :is(.button,.row-actions button,.reference-copy a,.personal-card a,.manual a):hover{color:var(--ink);background:var(--soft-2)}
.modern-content :is(.lens-segment.is-active,.summary-filter.active){color:var(--ink);background:var(--soft-2);border-color:var(--blue)}
.modern-content .lens-segment.is-active span{color:var(--muted)}
.modern-content :is(.eyebrow,.document-intro>small){color:var(--blue);font:700 12px/1.4 ui-sans-serif,system-ui,sans-serif;letter-spacing:.08em}
.modern-content :is(.value,.summary-grid strong){color:var(--ink);font:700 28px/1.2 ui-sans-serif,system-ui,sans-serif;font-variant-numeric:tabular-nums}
.modern-content :is(.sub,.subline,.muted,.manual p){color:var(--muted)}
.modern-content :is(.notice,.alert-panel,.health.pending,.health.stale,.badge.warn){color:var(--amber);background:var(--amber-bg);border-color:var(--amber)}
.modern-content :is(.health.error,.badge.bad,.error-state b,.warning-text){color:var(--red);background:var(--red-bg)}
.modern-content :is(.health.healthy,.badge.ok){color:var(--green);background:var(--soft)}
.modern-content :is(.footer,.foot){display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:12px 24px;color:var(--muted);background:var(--soft);border-top:1px solid var(--line);font-size:12px}
.modern-content .table-wrap{max-width:100%;overflow:auto}
.modern-content :is(th,td){border-color:var(--line);font-size:12px}
.modern-content th{color:var(--muted);background:var(--soft)}
.modern-content :is(.table-wrap tbody tr:nth-child(even),.backup-table tr:nth-child(even) td){background:var(--soft)}
.modern-content .table-wrap tbody tr:hover{background:var(--soft-2)}
.modern-content .dialog{color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);box-shadow:none}
.modern-content .dialog::backdrop{background:rgb(0 0 0 / .6)}
.modern-content .dialog-title{color:#fff;background:var(--navy)}
.modern-content .dialog-body{color:var(--ink);background:var(--surface)}
.modern-content .dialog-close{color:var(--ink);background:var(--soft);border:1px solid var(--line)}
.modern-content .history-match{color:var(--ink);background:var(--surface);border-color:var(--line)}
.modern-content .history-win .history-result{color:var(--green)}
.modern-content .history-loss .history-result{color:var(--red)}
.modern-content :is(.player-head,.count,.state){color:var(--ink);background:var(--surface)}
.modern-content .stats{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px;color:var(--muted)}
.modern-content .stats b{color:var(--ink)}
@media(max-width:900px){.modern-content .hero-panel{grid-template-columns:1fr}.modern-content .hero-actions{justify-content:flex-start;max-width:none}.modern-content .content{padding:12px}}
@media(max-width:640px){.modern-content :is(.context-row,.subnav,.dota-tabs,.document-intro){padding:10px 12px}.modern-content .database-hero{grid-template-columns:1fr}.modern-content .reference-card{grid-template-columns:1fr}.modern-content .summary{grid-template-columns:1fr}.modern-content .hero-actions>*{flex:1 1 140px}}