/*
 * MCPE.VN — Modrinth-style skin (0.6.1, light only; dark rules below are inactive)
 * Visual layer only: colours, surfaces, borders, radii, shadows, weights.
 * No layout/position/size changes. Loaded after every other theme stylesheet.
 * Dark palette for hard-coded colours lives in modrinth-dark.css (generated).
 */

/* ---------- Design tokens ---------- */
html[data-theme="dark"]{
  color-scheme:dark;
  --mr-bg:#16181c;--mr-bg-2:#1d1f23;--mr-raised:#27292e;--mr-btn:#34363c;--mr-btn-hover:#3d4047;--mr-divider:#42444a;
  --mr-text:#b0bac5;--mr-contrast:#ffffff;--mr-muted:#96a2b0;--mr-body:#b0bac5;--mr-link:#4f9cff;
  --mr-brand:#1bd96a;--mr-brand-hover:#42e686;--mr-on-brand:#06120b;
  --mr-brand-hl:rgba(27,217,106,.18);--mr-brand-hl-strong:rgba(27,217,106,.25);
  --mr-ring:rgba(193,190,209,.12);
  --mr-shadow-card:0 2px 4px rgba(0,0,0,.25);
  --mr-shadow-float:0 4px 6px -1px rgba(0,0,0,.25),0 2px 4px -1px rgba(0,0,0,.2);
  --mr-hero-bg:linear-gradient(0deg,rgba(14,35,19,.2),rgba(55,137,73,.1)),#1d1f23;
  /* theme variables used by the existing CSS */
  --page:var(--mr-bg);--surface:var(--mr-raised);--soft:var(--mr-btn);--text:#e8edf2;--muted:var(--mr-muted);
  --green:var(--mr-brand);--green-dark:var(--mr-brand-hover);--line:var(--mr-divider);
}
html[data-theme="light"]{
  color-scheme:light;
  --mr-bg:#ebebeb;--mr-bg-2:#f5f5f5;--mr-raised:#f8f8f8;--mr-btn:#ffffff;--mr-btn-hover:#e9eaec;--mr-divider:#dddddd;
  --mr-text:#2c2e31;--mr-contrast:#1a202c;--mr-muted:#484d54;--mr-body:#111827;--mr-link:#1f68c0;
  --mr-brand:#00af5c;--mr-brand-hover:#04914f;--mr-on-brand:#ffffff;
  --mr-brand-hl:rgba(0,175,92,.12);--mr-brand-hl-strong:rgba(0,175,92,.2);
  --mr-ring:hsla(0,0%,63%,.35);
  --mr-shadow-card:0 2px 4px rgba(50,50,100,.1);
  --mr-shadow-float:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.08);
  --mr-hero-bg:linear-gradient(0deg,rgba(68,182,138,.175),rgba(58,250,112,.125)),#f8f8f8;
  --page:var(--mr-bg);--surface:var(--mr-raised);--soft:var(--mr-btn);--text:var(--mr-contrast);--muted:var(--mr-muted);
  --green:var(--mr-brand);--green-dark:var(--mr-brand-hover);--line:var(--mr-divider);
}
html[data-theme]{--mr-radius-card:16px;--mr-radius-btn:12px;--mr-pill:999px}

/* ---------- Base ---------- */
/* footer reaching the window bottom on short pages: handled in modrinth-skin.js (keeps normal block flow / margin collapsing) */
/* one page background everywhere (beats e.g. minecraft-article.css 'body.detail-page:has(.mce-game-page){background:#fff}') */
html[data-theme] body:not(#mr-page-bg){background:var(--mr-bg)}
html[data-theme] body{background:var(--mr-bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:400;-webkit-font-smoothing:antialiased}
/* zero-specificity defaults: never override colours a component already sets */
:where(html[data-theme]) :where(h1,h2,h3,h4,h5,h6){font-weight:700}
:where(html[data-theme]) :where(h1){font-weight:800}
html[data-theme] ::selection{background:var(--mr-brand-hl-strong);color:var(--mr-contrast)}
html[data-theme="dark"]{scrollbar-color:var(--mr-divider) var(--mr-bg)}
:where(html[data-theme]) :where(a){color:var(--mr-brand)}
:where(html[data-theme]) :where(a:hover){color:var(--mr-brand-hover)}
html[data-theme] :is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid var(--mr-brand);outline-offset:2px}

/* ---------- Header ---------- */
/* Modrinth has no header bar: transparent on the page background, no border/shadow (beats editorial.css 'html body .site-header.site-header{background:#fff}') */
html[data-theme] body .site-header.site-header{background:transparent;border:0;box-shadow:none}
html[data-theme] .site-nav>a,html[data-theme] .site-nav summary{color:var(--mr-text);font-weight:600;border-radius:var(--mr-radius-btn);transition:background .12s,color .12s}
html[data-theme] .site-nav>a:hover,html[data-theme] .site-nav summary:hover{color:var(--mr-contrast)}
html[data-theme] .site-nav>a.selected,html[data-theme] .site-nav>a[aria-current]{color:var(--mr-brand)}
html[data-theme] .round-button{background:var(--mr-btn);color:var(--mr-contrast);border-radius:var(--mr-radius-btn);box-shadow:inset 0 0 0 1px var(--mr-ring)}
html[data-theme] .round-button:hover{background:var(--mr-btn-hover)}
html[data-theme] .mcpe-menu-search-trigger{background:var(--mr-btn);color:var(--mr-muted);border-color:transparent;border-radius:var(--mr-radius-btn);box-shadow:inset 0 0 0 1px var(--mr-ring)}
html[data-theme] .mcpe-menu-search-trigger:hover{background:var(--mr-btn-hover);color:var(--mr-contrast)}
html[data-theme] .mcpe-menu-search-trigger kbd{background:var(--mr-bg-2);color:var(--mr-muted);border-color:var(--mr-divider);border-radius:6px}
html[data-theme] .menu-drawer{background:var(--mr-raised);border:1px solid var(--mr-btn);box-shadow:var(--mr-shadow-float)}
html[data-theme] .menu-drawer a{color:var(--mr-contrast);border-color:var(--mr-divider)}
html[data-theme] .mce-resource-menu>div{background:var(--mr-raised);border:1px solid var(--mr-btn);border-radius:var(--mr-radius-card);box-shadow:var(--mr-shadow-float)}
html[data-theme] .mce-resource-menu>div a{color:var(--mr-text)}
html[data-theme] .mce-resource-menu>div a:hover{background:var(--mr-btn);color:var(--mr-contrast)}
/* Brand rules forbid recolouring the logo: on dark, sit it on a light chip */
html[data-theme="dark"] .mcpe-brand-logo{background:#ffffff;border-radius:8px;padding:2px 6px;box-sizing:content-box}

/* Theme toggle */
.mr-theme-toggle{width:40px;height:40px;display:inline-grid;place-items:center;flex-shrink:0;padding:0;border:0;cursor:pointer;background:var(--mr-btn,#f2f2f3);color:var(--mr-contrast,#1a202c);border-radius:var(--mr-radius-btn,12px);box-shadow:inset 0 0 0 1px var(--mr-ring,rgba(0,0,0,.12));transition:background .12s}
.mr-theme-toggle:hover{background:var(--mr-btn-hover,#e3e4e6)}
.mr-theme-toggle svg{width:19px;height:19px}
.mr-theme-toggle .mr-icon-sun{display:none}
html[data-theme="dark"] .mr-theme-toggle .mr-icon-sun{display:block}
html[data-theme="dark"] .mr-theme-toggle .mr-icon-moon{display:none}
@media(max-width:800px){.mr-theme-toggle{width:38px;height:38px}}

/* ---------- Cards & surfaces ---------- */
html[data-theme] :is(.surface,.resource-card,.filter-panel,.guide-card,.empty-state,.category-description,.mce-home-story,.download-release,.site-dialog,.support-tile,.guide-article){
  background-color:var(--mr-raised);border:1px solid var(--mr-btn);box-shadow:var(--mr-shadow-card)}
html[data-theme] .download-release{background-color:var(--mr-bg-2)}
html[data-theme] .resource-card{border-radius:var(--mr-radius-card);transition:border-color .15s,background-color .15s,box-shadow .15s}
html[data-theme] .resource-card:hover{transform:none;border-color:var(--mr-divider);box-shadow:var(--mr-shadow-float)}
html[data-theme] .resource-card:hover img{transform:none}
html[data-theme] .resource-card .resource-preview{background:var(--mr-btn);border-radius:var(--mr-radius-card)}
html[data-theme] .resource-card .resource-body :is(h2,h3),html[data-theme] .resource-card h3 a{color:var(--mr-contrast)}
html[data-theme] .resource-card .card-meta,html[data-theme] .mcpe-card-footer{color:var(--mr-muted)}
html[data-theme] .mcpe-card-footer{border-color:var(--mr-btn)}

/* Pills / tags — Modrinth uses rounded pills with a 1px ring */
html[data-theme] :is(.resource-topic,.version-pill,.type-tag,.mini-label,.resource-topic-more,.topic-more,.mce-tag,.home-subcategories a){
  background:var(--mr-btn);color:var(--mr-muted);border:1px solid var(--mr-divider);border-radius:var(--mr-pill)}
html[data-theme] :is(.resource-topic,.home-subcategories a):hover{color:var(--mr-contrast);border-color:var(--mr-muted)}
html[data-theme] .version-pill{background:var(--mr-brand-hl);color:var(--mr-brand);border-color:transparent}
html[data-theme] .home-subcategories a.home-subcategory-all{background:var(--mr-brand-hl);color:var(--mr-brand);border-color:transparent}
html[data-theme] .resource-topic-popover{background:var(--mr-raised);border:1px solid var(--mr-btn);border-radius:var(--mr-radius-card);box-shadow:var(--mr-shadow-float)}

/* Card topic pills: neutral like Modrinth tags (beats .resource-card.mcpe-card-v2 rules) */
html[data-theme] .resource-card.mcpe-card-v2 .resource-topic,html[data-theme] .resource-card .resource-topic,html[data-theme] .topic-popover-links a.resource-topic,html[data-theme] .resource-card .resource-topic-more{
  background:var(--mr-btn);color:var(--mr-muted);border:1px solid var(--mr-divider);border-radius:var(--mr-pill)}
html[data-theme] .resource-card.mcpe-card-v2 a.resource-topic:hover,html[data-theme] .resource-card a.resource-topic:hover,html[data-theme] .topic-popover-links a.resource-topic:hover{background:var(--mr-btn-hover);color:var(--mr-contrast)}
/* same pill height as every other tag (28px); 13px text because card columns are narrow */
html[data-theme] .resource-card.mcpe-card-v2 .resource-topic,html[data-theme] .resource-card.mcpe-card-v2 .resource-topic-more{min-height:28px;height:28px;padding:4px 10px;font-size:13px;font-weight:400;line-height:18px}
html[data-theme] .resource-card.mcpe-card-v2 .resource-topic-more{min-width:28px;padding:4px 8px;font-weight:600}
html[data-theme] .resource-card .resource-topic-more[aria-expanded="true"]{background:var(--mr-brand-hl-strong);color:var(--mr-brand);border-color:transparent}

/* ---------- Buttons ---------- */
html[data-theme] .button{background:var(--mr-brand);color:var(--mr-on-brand);border-radius:var(--mr-radius-btn);font-weight:600;box-shadow:0 0 0 1px color-mix(in srgb,var(--mr-brand) 30%,transparent),0 2px 4px rgba(0,0,0,.04)}
html[data-theme] .button:hover{background:var(--mr-brand);color:var(--mr-on-brand);filter:brightness(1.1)}
html[data-theme] .button.secondary{background:var(--mr-btn);color:var(--mr-contrast);box-shadow:inset 0 0 0 1px var(--mr-ring),0 1px 1px rgba(0,0,0,.12)}
html[data-theme] .button.secondary:hover{background:var(--mr-btn-hover);color:var(--mr-contrast);filter:none}
html[data-theme] :is(.hero-search button,.listing-search button,.mcpe-hero-search button,.mcpe-menu-search-form button){background:var(--mr-brand);color:var(--mr-on-brand);border-radius:10px}

/* Tabs / chips: selected = brand highlight, like Modrinth's discover tabs */
html[data-theme] :is(.filter-tabs,.topic-chips) button{background:var(--mr-btn);color:var(--mr-text);border-radius:var(--mr-radius-btn);font-weight:600;box-shadow:inset 0 0 0 1px var(--mr-ring)}
html[data-theme] :is(.filter-tabs,.topic-chips) button:hover{background:var(--mr-btn-hover);color:var(--mr-contrast)}
html[data-theme] :is(.filter-tabs,.topic-chips) button.on,html[data-theme] .choice-pills button.on{background:var(--mr-brand-hl-strong);color:var(--mr-brand);box-shadow:none}
html[data-theme] .choice-pills button{background:var(--mr-btn);color:var(--mr-text);border-radius:var(--mr-radius-btn);font-weight:600;box-shadow:inset 0 0 0 1px var(--mr-ring)}
html[data-theme] .active-filters button{background:var(--mr-brand-hl);color:var(--mr-brand);border-radius:var(--mr-pill)}

/* Pagination: round buttons */
html[data-theme] .pagination :is(button,a,span){background:var(--mr-btn);color:var(--mr-text);border-radius:var(--mr-pill);font-weight:600;box-shadow:inset 0 0 0 1px var(--mr-ring)}
html[data-theme] .pagination :is(button.current,.current,[aria-current]){background:var(--mr-brand-hl-strong);color:var(--mr-brand);box-shadow:none}

/* ---------- Inputs ---------- */
html[data-theme] :is(.field select,.field textarea,.sort-label select,.mcpe-home-minecraft select,.mcpe-latest-toolbar select){background-color:var(--mr-btn);color:var(--mr-contrast);border-radius:var(--mr-radius-btn);box-shadow:inset 0 0 0 1px var(--mr-ring)}
html[data-theme] :is(.listing-search,.hero-search,.mcpe-hero-search,.mcpe-menu-search-form){background:var(--mr-btn);border-radius:var(--mr-radius-btn);box-shadow:inset 0 0 0 1px var(--mr-ring)}
html[data-theme] :is(.listing-search,.hero-search,.mcpe-hero-search,.mcpe-menu-search-form) input{color:var(--mr-contrast);background:transparent}
html[data-theme] :is(input,textarea)::placeholder{color:var(--mr-muted);opacity:1}
html[data-theme] .check-row{color:var(--mr-text)}
html[data-theme] .check-row input{accent-color:var(--mr-brand)}

/* ---------- Home ---------- */
html[data-theme] .mcpe-hero-grid{background:var(--mr-hero-bg);border:1px solid var(--mr-btn);box-shadow:var(--mr-shadow-card)}
html[data-theme] .mcpe-hero-tile{border-radius:var(--mr-radius-card)}
html[data-theme] .section-head h2{color:var(--mr-contrast)}
html[data-theme] .section-head p,html[data-theme] .module-label{color:var(--mr-muted)}
html[data-theme] .section-head>a{color:var(--mr-brand);font-weight:600}
html[data-theme] .game-release-card{border-radius:var(--mr-radius-card);box-shadow:var(--mr-shadow-card)}

/* ---------- Resource / article detail — measured from modrinth.com project pages ---------- */
/* Header: 24px/600 title, 16px summary, divider under the header */
html[data-theme] body.detail-page .project-top{border-bottom:1px solid var(--mr-divider);padding-bottom:16px}
html[data-theme] body.detail-page .project-top .subtitle{font-size:16px;line-height:1.5;font-weight:400;color:var(--mr-text)}
html[data-theme] body.detail-page .project-top .byline{font-size:16px;line-height:1.5;color:var(--mr-muted)}
html[data-theme] body.detail-page .project-top .byline a{color:var(--mr-contrast);font-weight:600}
html[data-theme] body.detail-page .project-top .byline a:hover{text-decoration:underline;color:var(--mr-contrast)}
html[data-theme] body.detail-page .project-top>div:first-child img,html[data-theme] body.detail-page .project-top>img{border-radius:var(--mr-radius-card)}

/* Tags & chips: 14px pill, white (light) / #34363c (dark), 1px grey ring, grey text */
html[data-theme] body.detail-page :is(.chip,.chip.green,.byline .chip,.compatibility .chip,.mcpe-supported-chips .chip,.chips .chip),
html[data-theme] body.detail-page .resource-header-topics a,
html[data-theme] .mcpe-supported-versions .mcpe-supported-more{
  background:var(--mr-btn);color:var(--mr-muted);border:1px solid var(--mr-divider);border-radius:var(--mr-pill);
  font-size:14px;line-height:1.15;font-weight:400;padding:4px 9px}
html[data-theme] body.detail-page .resource-header-topics a:hover{background:var(--mr-btn-hover);color:var(--mr-contrast);border-color:var(--mr-muted)}

/* Tabs: pill nav on a raised card, selected tab is a solid brand pill */
html[data-theme] body.detail-page .tabs{background:var(--mr-raised);border:1px solid var(--mr-btn);border-radius:var(--mr-pill);padding:4px;box-shadow:var(--mr-shadow-card)}
html[data-theme] body.detail-page .tabs button{border-radius:var(--mr-pill);font-size:14px;font-weight:700;color:var(--mr-contrast);background:transparent;box-shadow:none}
html[data-theme] body.detail-page .tabs button:hover{background:var(--mr-btn-hover)}
html[data-theme] body.detail-page .tabs button.active{background:var(--mr-brand);color:var(--mr-on-brand)}
/* mobile: one-line pills that scroll sideways (Modrinth behaviour) instead of wrapping labels */
@media(max-width:800px){
  html[data-theme] body.detail-page:not(#mr-tabs) .tabs{overflow-x:auto;scrollbar-width:none;gap:2px}
  html[data-theme] body.detail-page:not(#mr-tabs) .tabs::-webkit-scrollbar{display:none}
  html[data-theme] body.detail-page:not(#mr-tabs) .tabs button{flex:1 0 auto;min-height:36px;padding:0 14px;white-space:nowrap;font-size:14px;line-height:20px}
}

/* Cards & sidebar */
html[data-theme] body.detail-page .card{background:var(--mr-raised);border:1px solid var(--mr-btn);border-radius:var(--mr-radius-card);box-shadow:none}
html[data-theme] body.detail-page .facts>div{border-bottom:0}
html[data-theme] body.detail-page :is(.facts dt,.compat-row>span){font-size:14px;color:var(--mr-muted)}
html[data-theme] body.detail-page .facts dd{font-size:16px;line-height:1.5;color:var(--mr-text);font-weight:400}
html[data-theme] body.detail-page .facts a,html[data-theme] body.detail-page .card .author a,html[data-theme] body.detail-page .support-link{color:var(--mr-contrast);font-weight:600}
html[data-theme] body.detail-page .facts a:hover,html[data-theme] body.detail-page .support-link:hover{text-decoration:underline}

/* Article body (resources, News, Guide, Minecraft): 16px/24px, links in Modrinth blue */
html[data-theme] .body-copy,html[data-theme] .body-copy :is(p,li,.answer){font-size:16px;line-height:1.5;font-weight:400;color:var(--mr-body)}
html[data-theme] .body-copy p{margin-bottom:16px}
html[data-theme] .body-copy :is(h2,h3,h4){color:var(--mr-contrast);font-weight:700;letter-spacing:0}
html[data-theme] .body-copy :is(strong,b){color:var(--mr-contrast);font-weight:600}
html[data-theme] .body-copy ul>li:before{background:currentColor;opacity:.7}
html[data-theme] .body-copy ol>li::before{background:var(--mr-brand);color:var(--mr-on-brand);opacity:1}
html[data-theme] .body-copy a:not(.button):not(.btn):not([class*="button"]):not([class*="mcpe-community"]){color:var(--mr-link);font-weight:inherit;text-decoration:none}
html[data-theme] .body-copy a:not(.button):not(.btn):not([class*="button"]):not([class*="mcpe-community"]):hover{color:var(--mr-link);text-decoration:underline}
html[data-theme] .body-copy :is(hr){border:0;border-top:1px solid var(--mr-divider)}
html[data-theme] .body-copy :is(code){background:var(--mr-btn);border-radius:6px;padding:1px 5px}

/* Primary .btn (sticky download bar, file list) uses the brand green like .button */
html[data-theme] .btn:not(.secondary){background:var(--mr-brand);color:var(--mr-on-brand);border-radius:var(--mr-radius-btn);font-weight:600}
html[data-theme] .btn:not(.secondary):hover{background:var(--mr-brand-hover);color:var(--mr-on-brand)}
html[data-theme] .btn.secondary{background:var(--mr-btn);color:var(--mr-contrast);border-radius:var(--mr-radius-btn);box-shadow:inset 0 0 0 1px var(--mr-ring)}
html[data-theme] .mcpe-version-more,html[data-theme] .mcpe-inline-game-versions .mcpe-version-more{background:var(--mr-btn);color:var(--mr-muted);border:1px solid var(--mr-divider);border-radius:var(--mr-pill)}

/* ---------- Home "Mới cập nhật" toolbar — Modrinth segmented tabs + "Sort by" style select ---------- */
html[data-theme] .mcpe-latest-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:12px;margin:0 0 16px;padding:0;border-bottom:0}
html[data-theme] .mcpe-latest-toolbar .filter-tabs{display:inline-flex;flex:0 1 auto;min-width:0;width:auto;margin:0;gap:2px;padding:4px;
  background:var(--mr-raised);border:1px solid var(--mr-btn);border-radius:var(--mr-pill);box-shadow:var(--mr-shadow-card);overflow-x:auto;scrollbar-width:none}
html[data-theme] .mcpe-latest-toolbar .filter-tabs::-webkit-scrollbar{display:none}
html[data-theme] .mcpe-latest-toolbar .filter-tabs button{flex:none;min-height:32px;height:32px;padding:0 14px;border:0;border-radius:var(--mr-pill);
  background:transparent;color:var(--mr-contrast);font-size:14px;font-weight:700;line-height:32px;white-space:nowrap;box-shadow:none;transition:background .12s,color .12s}
html[data-theme] .mcpe-latest-toolbar .filter-tabs button:hover{background:rgba(0,0,0,.05)}
html[data-theme] .mcpe-latest-toolbar .filter-tabs button.on{background:var(--mr-brand);color:var(--mr-on-brand);border:0}
/* the label + select read as one button: "Versions: Tất cả ⌄" */
html[data-theme] .mcpe-latest-toolbar .mcpe-home-minecraft{flex:none;display:inline-flex;align-items:center;gap:0;height:42px;padding:0 0 0 14px;
  background:var(--mr-btn);border-radius:var(--mr-radius-btn);box-shadow:inset 0 0 0 1px var(--mr-ring),var(--mr-shadow-card);color:var(--mr-muted);font-size:14px;font-weight:600;cursor:pointer}
html[data-theme] .mcpe-latest-toolbar .mcpe-home-minecraft>span::after{content:":"}
html[data-theme] .mcpe-latest-toolbar .mcpe-home-minecraft select{appearance:none;-webkit-appearance:none;height:100%;min-height:0;max-width:170px;margin:0;padding:0 34px 0 6px;border:0;border-radius:var(--mr-radius-btn);
  background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23484d54' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center/16px;box-shadow:none;color:var(--mr-contrast);font-size:14px;font-weight:700;cursor:pointer}
html[data-theme] .mcpe-latest-toolbar .mcpe-home-minecraft:hover{background:var(--mr-btn-hover)}
html[data-theme] .mcpe-latest-toolbar .mcpe-home-minecraft:focus-within{box-shadow:inset 0 0 0 1px var(--mr-brand),0 0 0 3px var(--mr-brand-hl)}
html[data-theme] .mcpe-latest-toolbar .mcpe-home-minecraft select:focus-visible{outline:none}
@media(max-width:800px){
  html[data-theme] .mcpe-latest-toolbar{gap:8px;margin-bottom:14px}
  html[data-theme] .mcpe-latest-toolbar .filter-tabs{flex:1 1 auto}
  html[data-theme] .mcpe-latest-toolbar .filter-tabs button{padding:0 12px;font-size:13px}
  html[data-theme] .mcpe-latest-toolbar .mcpe-home-minecraft{padding-left:0}
  html[data-theme] .mcpe-latest-toolbar .mcpe-home-minecraft>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  html[data-theme] .mcpe-latest-toolbar .mcpe-home-minecraft select{max-width:118px;padding-left:12px;font-size:13px}
}

/* ---------- Search dialog — Modrinth modal ---------- */
html[data-theme] .mcpe-menu-search{background:var(--mr-raised);color:var(--mr-text);border:1px solid var(--mr-btn);border-radius:20px;box-shadow:0 20px 50px rgba(0,0,0,.2),var(--mr-shadow-float)}
html[data-theme] .mcpe-menu-search::backdrop{background:rgba(0,0,0,.45);backdrop-filter:blur(3px)}
html[data-theme] .mcpe-search-eyebrow{color:var(--mr-muted);font-size:12px;font-weight:600;letter-spacing:.06em}
html[data-theme] .mcpe-search-top h2{font-size:20px;line-height:1.3;font-weight:700;letter-spacing:0;color:var(--mr-contrast)}
html[data-theme] .mcpe-search-close{width:36px;height:36px;background:var(--mr-btn);color:var(--mr-contrast);border:0;border-radius:var(--mr-pill);box-shadow:inset 0 0 0 1px var(--mr-ring)}
html[data-theme] .mcpe-search-close:hover{background:var(--mr-btn-hover)}
html[data-theme] .mcpe-menu-search-form{background:var(--mr-btn);border:0;border-radius:var(--mr-radius-btn);box-shadow:inset 0 0 0 1px var(--mr-ring)}
html[data-theme] .mcpe-menu-search-form:focus-within{box-shadow:inset 0 0 0 1px var(--mr-brand),0 0 0 3px var(--mr-brand-hl)}
html[data-theme] .mcpe-menu-search-form>svg{color:var(--mr-muted)}
html[data-theme] .mcpe-menu-search-form input{font-size:16px;font-weight:500;color:var(--mr-contrast)}
html[data-theme] .mcpe-menu-search-form button{background:var(--mr-brand);color:var(--mr-on-brand);border-radius:10px}
html[data-theme] .mcpe-menu-search-form button:hover{background:var(--mr-brand-hover)}
html[data-theme] .mcpe-search-label{color:var(--mr-muted);font-size:13px;font-weight:600}
html[data-theme] .mcpe-search-keywords button{background:var(--mr-btn);color:var(--mr-text);border:1px solid var(--mr-divider);border-radius:var(--mr-pill);font-size:14px;font-weight:500;box-shadow:none}
html[data-theme] .mcpe-search-keywords button:hover{color:var(--mr-contrast);border-color:var(--mr-muted);background:var(--mr-btn)}
html[data-theme] .mcpe-search-keywords button span{color:var(--mr-muted)}
html[data-theme] .mcpe-search-categories a{background:var(--mr-btn);color:var(--mr-contrast);border:0;border-radius:var(--mr-radius-btn);font-size:15px;font-weight:600;box-shadow:inset 0 0 0 1px var(--mr-ring),0 1px 1px rgba(0,0,0,.05)}
html[data-theme] .mcpe-search-categories a:hover{background:var(--mr-btn-hover);color:var(--mr-contrast)}
html[data-theme] .mcpe-search-categories a span{color:var(--mr-muted)}
html[data-theme] .mcpe-search-result{color:var(--mr-text);border-radius:var(--mr-radius-btn)}
html[data-theme] .mcpe-search-result:hover,html[data-theme] .mcpe-search-result:focus-visible{background:var(--mr-btn);box-shadow:inset 0 0 0 1px var(--mr-ring)}
html[data-theme] .mcpe-search-result img{border-radius:10px;background:var(--mr-btn)}
html[data-theme] .mcpe-search-result strong{color:var(--mr-contrast);font-size:15px;font-weight:600}
html[data-theme] .mcpe-search-result small{color:var(--mr-muted);font-size:13px}
html[data-theme] .mcpe-search-all{color:var(--mr-brand-hover);font-weight:600}
html[data-theme] .mcpe-search-message{color:var(--mr-muted)}
html[data-theme] .mcpe-search-footer{background:transparent;border-top:1px solid var(--mr-divider);color:var(--mr-muted);font-size:13px}
html[data-theme] .mcpe-search-footer kbd{background:var(--mr-btn);border:1px solid var(--mr-divider);border-radius:6px;color:var(--mr-text);box-shadow:0 1px 0 var(--mr-divider)}

/* ---------- Header — Modrinth: transparent bar, 16px/600 button-like menu items with icons ---------- */
@media(min-width:801px){html[data-theme] .site-header .header-inner{height:72px}}
html[data-theme] body .site-header .site-nav{gap:4px}
html[data-theme] body .site-header .site-nav>a,
html[data-theme] body .site-header .site-nav .mce-resource-menu>summary{
  display:inline-flex;align-items:center;gap:6px;min-height:36px;height:36px;padding:0 10px;border-radius:var(--mr-radius-btn);
  font-size:16px;font-weight:600;line-height:20px;color:var(--mr-text);background:transparent;transition:background .12s,color .12s}
html[data-theme] body .site-header .site-nav>a:hover,
html[data-theme] body .site-header .site-nav .mce-resource-menu>summary:hover,
html[data-theme] body .site-header .site-nav .mce-resource-menu[open]>summary{background:rgba(0,0,0,.06);color:var(--mr-contrast)}
/* current section = solid brand pill with white text, like Modrinth's "Discover content" */
html[data-theme] body .site-header .site-nav>a[aria-current],
html[data-theme] body .site-header .site-nav .mce-resource-menu.is-current>summary{background:var(--mr-brand);color:var(--mr-on-brand);box-shadow:0 0 0 1px color-mix(in srgb,var(--mr-brand) 30%,transparent),0 2px 4px rgba(0,0,0,.06)}
html[data-theme] body .site-header .site-nav>a[aria-current]:hover,
html[data-theme] body .site-header .site-nav .mce-resource-menu.is-current>summary:hover{background:var(--mr-brand-hover);color:var(--mr-on-brand)}
/* align the header with the page content like Modrinth (detail pages use a 1120px wrap) */
@media(min-width:801px){html[data-theme] body.detail-page .site-header .header-inner{width:min(1120px,calc(100% - 48px))}}
html[data-theme] body .site-header .site-nav>a::before,
html[data-theme] body .site-header .site-nav .mce-resource-menu>summary::before{content:"";width:18px;height:18px;flex:none;background:currentColor;-webkit-mask:var(--mr-nav-icon) center/contain no-repeat;mask:var(--mr-nav-icon) center/contain no-repeat}
html[data-theme] body .site-header .site-nav>a.nav-download:not([data-menu-icon]),html[data-theme] body .site-header .site-nav [data-menu-icon="download"]{--mr-nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12'/%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3Cpath d='M5 21h14'/%3E%3C/svg%3E")}
html[data-theme] body .site-header .site-nav .mce-resource-menu>summary:not([data-menu-icon]),html[data-theme] body .site-header .site-nav [data-menu-icon="resources"]{--mr-nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 8 12 3 3 8v8l9 5 9-5Z'/%3E%3Cpath d='m3 8 9 5 9-5'/%3E%3Cpath d='M12 13v8'/%3E%3C/svg%3E")}
html[data-theme] body .site-header .site-nav>a[href*="/news"]:not([data-menu-icon]),html[data-theme] body .site-header .site-nav [data-menu-icon="news"]{--mr-nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h13v14a2 2 0 0 0 2 2H6a2 2 0 0 1-2-2Z'/%3E%3Cpath d='M17 9h3v10a2 2 0 0 1-2 2'/%3E%3Cpath d='M8 9h5M8 13h5M8 17h3'/%3E%3C/svg%3E")}
html[data-theme] body .site-header .site-nav>a[href*="/guide"]:not([data-menu-icon]),html[data-theme] body .site-header .site-nav [data-menu-icon="guide"]{--mr-nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19.5V5a2 2 0 0 1 2-2h14v16H6.5A2.5 2.5 0 0 0 4 21.5Z'/%3E%3Cpath d='M8 7h8'/%3E%3C/svg%3E")}
html[data-theme] body .site-header .site-nav>a:not([data-menu-icon]):not(.nav-download):not([href*="/news"]):not([href*="/guide"])::before,html[data-theme] body .site-header .site-nav [data-menu-icon=""]::before{display:none}
html[data-theme] body .site-header .site-nav .mce-resource-menu>summary>span{font-size:14px;opacity:.7}
@media(max-width:1100px){html[data-theme] body .site-header .site-nav>a,html[data-theme] body .site-header .site-nav .mce-resource-menu>summary{font-size:14px;padding:0 8px}
  html[data-theme] body .site-header .site-nav>a::before,html[data-theme] body .site-header .site-nav .mce-resource-menu>summary::before{display:none}}
/* Resources dropdown */
html[data-theme] body .site-header .mce-resource-menu>div{top:42px;padding:6px;background:var(--mr-btn);border:1px solid var(--mr-divider);border-radius:var(--mr-radius-card);box-shadow:var(--mr-shadow-float)}
html[data-theme] body .site-header .mce-resource-menu>div>a{padding:8px 12px;border-radius:10px;font-size:15px;font-weight:500;color:var(--mr-text);text-transform:capitalize}
html[data-theme] body .site-header .mce-resource-menu>div>a:hover{background:rgba(0,0,0,.05);color:var(--mr-contrast)}
/* Right side: search as a secondary button */
html[data-theme] .header-actions .mcpe-menu-search-trigger{min-height:36px;height:36px;padding:0 12px;gap:6px;background:var(--mr-btn);color:var(--mr-text);border:0;border-radius:var(--mr-radius-btn);font-size:15px;font-weight:600;box-shadow:inset 0 0 0 1px var(--mr-ring),0 1px 1px rgba(0,0,0,.06)}
html[data-theme] .header-actions .mcpe-menu-search-trigger:hover{background:var(--mr-btn-hover);color:var(--mr-contrast)}
html[data-theme] .header-actions .mcpe-menu-search-trigger kbd{margin-left:6px;background:var(--mr-bg-2);border:1px solid var(--mr-divider);color:var(--mr-muted);border-radius:6px}
@media(max-width:800px){html[data-theme] .header-actions{align-items:center}html[data-theme] .header-actions :is(.mcpe-menu-search-trigger,.mobile-menu){width:44px;height:44px;min-width:44px;min-height:44px;padding:0;flex:0 0 44px}}
html[data-theme] .menu-drawer a[aria-current]{color:var(--mr-brand-hover);font-weight:600}

/* ---------- Footer — Modrinth: full-width brand-tint band, bold column titles, plain links ---------- */
html[data-theme] .site-footer.mcpe-custom-footer{position:relative;isolation:isolate;padding-top:40px;padding-bottom:28px;border-top:0;color:var(--mr-text);background:transparent}
html[data-theme] .site-footer.mcpe-custom-footer::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);
  background:linear-gradient(270deg,rgba(68,182,138,.175),rgba(36,225,91,.12));border-top:1px solid rgba(32,64,32,.15)}
html[data-theme] .mcpe-custom-footer .footer-identity p{margin:16px 0 0;font-size:15px;line-height:1.6;color:var(--mr-text)}
@media(min-width:801px){html[data-theme] .mcpe-custom-footer .footer-identity{padding-top:17px}}
@media(max-width:800px){html[data-theme] .mcpe-custom-footer .footer-identity p{margin-top:14px}}
html[data-theme] .mcpe-custom-footer .footer-links-title{font-size:16px;font-weight:700;line-height:1.5;color:var(--mr-contrast)}
html[data-theme] .mcpe-custom-footer .footer-navigation{font-size:16px}
html[data-theme] .mcpe-custom-footer .footer-navigation a,html[data-theme] .footer-nav a{min-height:32px;font-size:16px;font-weight:400;color:var(--mr-text)}
html[data-theme] .mcpe-custom-footer .footer-navigation a:hover,html[data-theme] .footer-nav a:hover{color:var(--mr-contrast);text-decoration:underline}
html[data-theme] .mcpe-custom-footer .footer-social-icon{width:36px;height:36px;background:transparent;border:0;box-shadow:none;border-radius:var(--mr-radius-btn);color:var(--mr-text)}
html[data-theme] .mcpe-custom-footer .footer-social-icon:hover{background:rgba(0,0,0,.06);color:var(--mr-contrast);transform:none;box-shadow:none}
html[data-theme] .mcpe-custom-footer .footer-social-icon svg{width:22px;height:22px}
html[data-theme] .mcpe-custom-footer .footer-bottom{border-top:1px solid rgba(32,64,32,.15);color:var(--mr-muted);font-size:12px;font-weight:500;letter-spacing:.03em;text-transform:uppercase}

/* Search fields: one focus ring on the field, not on the inner input */
html[data-theme] :is(.listing-search,.hero-search,.mcpe-hero-search,.mcpe-menu-search-form) input:focus-visible{outline:none}
html[data-theme] :is(.listing-search,.hero-search,.mcpe-hero-search,.mcpe-menu-search-form):focus-within{box-shadow:inset 0 0 0 1px var(--mr-brand),0 0 0 3px var(--mr-brand-hl)}

/* ---------- Home sub-topic chips under each category block: same 14px tag pill as cards ---------- */
html[data-theme] .home-category-section>.home-subcategories,html[data-theme] .home-subcategories{gap:6px;margin-top:16px}
html[data-theme] .home-subcategories a{min-height:28px;padding:4px 11px;border:1px solid var(--mr-divider);border-radius:var(--mr-pill);background:var(--mr-btn);color:var(--mr-muted);font-size:14px;font-weight:400;line-height:18px;text-transform:none}
html[data-theme] .home-subcategories a:hover{background:var(--mr-btn-hover);color:var(--mr-contrast);border-color:var(--mr-muted)}
html[data-theme] .home-subcategories a.home-subcategory-all{background:var(--mr-brand);color:var(--mr-on-brand);border-color:var(--mr-brand);font-weight:600}
html[data-theme] .home-subcategories a.home-subcategory-all:hover{background:var(--mr-brand-hover);border-color:var(--mr-brand-hover);color:var(--mr-on-brand)}
@media(max-width:800px){html[data-theme] .home-subcategories a{font-size:13px;padding:3px 10px;min-height:26px}}

/* ---------- Articles: Download Minecraft, Guide, News — same system as the resource detail page ---------- */
/* breadcrumb */
html[data-theme] body:not(#mr-articles) :is(.mce-blog-breadcrumb,.mce-game-breadcrumb){font-size:14px;color:var(--mr-muted)}
html[data-theme] body:not(#mr-articles) :is(.mce-blog-breadcrumb,.mce-game-breadcrumb) a{color:var(--mr-muted)}
html[data-theme] body:not(#mr-articles) :is(.mce-blog-breadcrumb,.mce-game-breadcrumb) a:hover{color:var(--mr-contrast);text-decoration:underline}
/* header block: summary 16px, meta 14px grey, divider underneath (like .project-top) */
html[data-theme] body:not(#mr-articles) :is(.mce-blog-header,.mce-game-article>header){border-bottom:1px solid var(--mr-divider);padding-bottom:16px;color:var(--mr-text)}
html[data-theme] body:not(#mr-articles) .mce-blog-category{display:inline-flex;align-items:center;padding:4px 11px;border:1px solid var(--mr-divider);border-radius:var(--mr-pill);background:var(--mr-btn);color:var(--mr-muted);font-size:14px;font-weight:600;line-height:18px;text-transform:none;letter-spacing:0}
html[data-theme] body:not(#mr-articles) .mce-blog-category:hover{color:var(--mr-contrast);border-color:var(--mr-muted)}
html[data-theme] body:not(#mr-articles) :is(.mce-blog-excerpt,.mce-game-lead){font-size:16px;line-height:1.5;color:var(--mr-text)}
html[data-theme] body:not(#mr-articles) :is(.mce-blog-meta,.mce-game-byline){font-size:14px;color:var(--mr-muted)}
html[data-theme] body:not(#mr-articles) .mce-blog-meta strong{color:var(--mr-contrast);font-weight:600}
html[data-theme] body:not(#mr-articles) .mce-blog-meta img{width:32px;height:32px;flex:0 0 32px;aspect-ratio:1;object-fit:cover;border-radius:50%}
html[data-theme] body:not(#mr-articles) .mce-game-badge{padding:2px 10px;border:1px solid var(--mr-divider);border-radius:var(--mr-pill);background:var(--mr-btn);color:var(--mr-muted);font-size:13px;font-weight:600}
/* share buttons = secondary buttons */
html[data-theme] body:not(#mr-articles) .mcpe-share-button{background:var(--mr-btn);color:var(--mr-contrast);border:0;border-radius:var(--mr-radius-btn);font-size:14px;font-weight:600;box-shadow:inset 0 0 0 1px var(--mr-ring),0 1px 1px rgba(0,0,0,.05)}
html[data-theme] body:not(#mr-articles) .mcpe-share-button:hover{background:var(--mr-btn-hover);color:var(--mr-contrast)}
/* media */
html[data-theme] body:not(#mr-articles) :is(.mce-blog-cover img,.mce-game-hero){border-radius:var(--mr-radius-card)}
/* table of contents = card */
html[data-theme] body:not(#mr-articles) .mce-blog-toc{background:var(--mr-raised);border:1px solid var(--mr-btn);border-radius:var(--mr-radius-card);box-shadow:none}
html[data-theme] body:not(#mr-articles) .mce-blog-toc summary{font-size:16px;font-weight:600;color:var(--mr-contrast)}
html[data-theme] body:not(#mr-articles) .mce-blog-toc nav a{font-size:15px;color:var(--mr-text)}
html[data-theme] body:not(#mr-articles) .mce-blog-toc nav a:hover{color:var(--mr-link);text-decoration:underline}
/* article body = card, like the resource description */
html[data-theme] body:not(#mr-articles) :is(.mce-blog-content,.mce-game-content){background:var(--mr-raised);border:1px solid var(--mr-btn);border-radius:var(--mr-radius-card);padding:24px}
@media(max-width:800px){html[data-theme] body:not(#mr-articles) :is(.mce-blog-content,.mce-game-content){padding:18px 16px}}
/* Minecraft version facts = sidebar-style card */
html[data-theme] body:not(#mr-articles) .mce-game-version-info{background:var(--mr-raised);border:1px solid var(--mr-btn);border-radius:var(--mr-radius-card);padding:16px 20px}
html[data-theme] body:not(#mr-articles) .mce-game-version-info .mce-info-label{font-size:14px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--mr-muted)}
html[data-theme] body:not(#mr-articles) .mce-game-version-info dt{font-size:14px;color:var(--mr-muted)}
html[data-theme] body:not(#mr-articles) .mce-game-version-info dd{font-size:16px;font-weight:600;color:var(--mr-contrast)}
/* primary action buttons */
html[data-theme] body:not(#mr-articles) .mce-game-button{background:var(--mr-brand);color:var(--mr-on-brand);border-radius:var(--mr-radius-btn);font-weight:600;box-shadow:0 0 0 1px color-mix(in srgb,var(--mr-brand) 30%,transparent),0 2px 4px rgba(0,0,0,.04)}
html[data-theme] body:not(#mr-articles) .mce-game-button:hover{background:var(--mr-brand-hover);color:var(--mr-on-brand)}
/* download summary = card; architectures = tag pills */
html[data-theme] body:not(#mr-articles) .mce-game-download-summary{background:var(--mr-raised);border:1px solid var(--mr-btn);border-radius:var(--mr-radius-card);box-shadow:none}
html[data-theme] body:not(#mr-articles) .mce-game-download-summary-meta{font-size:14px;color:var(--mr-muted)}
html[data-theme] body:not(#mr-articles) .mce-game-download-summary-meta strong{color:var(--mr-contrast);font-weight:600}
html[data-theme] body:not(#mr-articles) .mce-game-download-summary p{font-size:16px;color:var(--mr-text)}
html[data-theme] body:not(#mr-articles) .mce-game-download-architectures span{padding:4px 10px;border:1px solid var(--mr-divider);border-radius:var(--mr-pill);background:var(--mr-btn);color:var(--mr-muted);font-size:14px;font-weight:400}
html[data-theme] body:not(#mr-articles) .mce-store-button{background:var(--mr-btn);border-radius:var(--mr-radius-btn);box-shadow:inset 0 0 0 1px var(--mr-ring);color:var(--mr-contrast)}
html[data-theme] body:not(#mr-articles) .mce-store-button:hover{background:var(--mr-btn-hover)}
html[data-theme] body:not(#mr-articles) .mce-store-button small{color:var(--mr-muted)}
/* end-of-article category row */
html[data-theme] body:not(#mr-articles) .mce-blog-end{background:var(--mr-raised);border:1px solid var(--mr-btn);border-radius:var(--mr-radius-card);color:var(--mr-muted);font-size:14px}
html[data-theme] body:not(#mr-articles) .mce-blog-end a{padding:3px 10px;border:1px solid var(--mr-divider);border-radius:var(--mr-pill);background:var(--mr-btn);color:var(--mr-contrast);font-size:14px;font-weight:600}
html[data-theme] body:not(#mr-articles) .mce-blog-end a:hover{border-color:var(--mr-muted)}
/* related list header link */
html[data-theme] body:not(#mr-articles) .mce-official-changelog{background:var(--mr-btn);color:var(--mr-contrast);border:0;border-radius:var(--mr-radius-btn);font-weight:600;box-shadow:inset 0 0 0 1px var(--mr-ring),0 1px 1px rgba(0,0,0,.05)}
html[data-theme] body:not(#mr-articles) .mce-official-changelog:hover{background:var(--mr-btn-hover);color:var(--mr-contrast)}
html[data-theme] body:not(#mr-articles) :is(.mce-blog-content,.mce-game-content,.body-copy.card)>:first-child{margin-top:0}
html[data-theme] body:not(#mr-articles) .mce-related-head a{color:var(--mr-brand-hover);font-weight:600;font-size:15px}
/* community banner (all detail/article pages): Modrinth brand-gradient promo card */
html[data-theme] body:not(#mr-articles) .mcpe-community{background:linear-gradient(0deg,rgba(68,182,138,.175),rgba(58,250,112,.125)),var(--mr-raised);border:1px solid rgba(32,64,32,.15);border-radius:var(--mr-radius-card);box-shadow:none;color:var(--mr-text)}
html[data-theme] body:not(#mr-articles) .mcpe-community-eyebrow{background:var(--mr-brand-hl);color:var(--mr-brand-hover);border-radius:var(--mr-pill);font-weight:600}
html[data-theme] body:not(#mr-articles) .mcpe-community-copy p{color:var(--mr-text)}
html[data-theme] body:not(#mr-articles) .mcpe-community-link{background:var(--mr-btn);border:0;border-radius:var(--mr-radius-btn);box-shadow:inset 0 0 0 1px var(--mr-ring),0 1px 1px rgba(0,0,0,.05);color:var(--mr-contrast)}
html[data-theme] body:not(#mr-articles) .mcpe-community-link:hover{background:var(--mr-btn-hover);color:var(--mr-contrast)}

/* remaining white panels -> the shared card colour */
html[data-theme] body:not(#mr-cards) :is(.home-section.minecraft-download,.mcpe-download-guides,.creator-profile){background-color:var(--mr-raised);border:1px solid var(--mr-btn);border-radius:var(--mr-radius-card);box-shadow:none}

/* ---------- Vertical rhythm: 16px between blocks in every article / resource column ---------- */
html[data-theme] body:not(#mr-rhythm) :is(.mce-blog-article,.mce-game-article,.mce-blog-reading,.columns>main.primary)>*{margin-top:0;margin-bottom:16px}
html[data-theme] body:not(#mr-rhythm) :is(.mce-blog-article,.mce-game-article,.mce-blog-reading,.columns>main.primary)>:last-child{margin-bottom:0}
html[data-theme] body:not(#mr-rhythm) .mce-blog-article>.mce-blog-header,html[data-theme] body:not(#mr-rhythm) .mce-game-article>header{margin-bottom:16px}
html[data-theme] body.detail-page{--resource-space:16px;--resource-space-small:12px}
/* "Xem thêm" / related posts: same width as the article column, 24px below it */
html[data-theme] body:not(#mr-rhythm) :is(.mce-game-more,.mce-related-section){width:min(760px,100%);max-width:760px;margin:24px auto 0}
/* footer sits 40px under the last block */
html[data-theme] body:not(#mr-rhythm) main.container{padding-bottom:0}
html[data-theme] body:not(#mr-rhythm) main>:last-child{margin-bottom:0}
html[data-theme] .pagination:empty{display:none}
html[data-theme] .site-footer.mcpe-custom-footer{margin-top:40px}
@media(max-width:800px){
  html[data-theme] body:not(#mr-rhythm) :is(.mce-blog-article,.mce-game-article,.mce-blog-reading,.columns>main.primary)>*{margin-bottom:20px}
  html[data-theme] body:not(#mr-rhythm) :is(.mce-blog-article,.mce-game-article,.mce-blog-reading,.columns>main.primary)>:last-child{margin-bottom:0}
  html[data-theme] body.detail-page{--resource-space:20px}
  html[data-theme] body:not(#mr-rhythm) :is(.mce-game-more,.mce-related-section){margin-top:20px}
  html[data-theme] .site-footer.mcpe-custom-footer{margin-top:32px}
}

/* ---------- Platform / policy pages — Modrinth legal layout: left sidebar + content card ---------- */
html[data-theme] body:not(#mr-legal) .mcpe-legal-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;align-items:start}
html[data-theme] body:not(#mr-legal) .mcpe-legal-sidebar{position:sticky;top:16px;min-width:0}
html[data-theme] body:not(#mr-legal) .mcpe-legal-nav{display:flex;flex-direction:column;gap:2px;padding:12px;background:var(--mr-raised);border:1px solid var(--mr-btn);border-radius:var(--mr-radius-card)}
html[data-theme] body:not(#mr-legal) .mcpe-legal-group{margin:10px 12px 4px;font-size:12px;font-weight:700;line-height:1.4;letter-spacing:.06em;text-transform:uppercase;color:var(--mr-muted)}
html[data-theme] body:not(#mr-legal) .mcpe-legal-group:first-child{margin-top:4px}
html[data-theme] body:not(#mr-legal) .mcpe-legal-nav a{display:flex;align-items:center;gap:10px;min-height:40px;padding:8px 14px;border-radius:var(--mr-radius-btn);font-size:16px;font-weight:600;line-height:20px;color:var(--mr-text);text-decoration:none;transition:background .12s,color .12s}
html[data-theme] body:not(#mr-legal) .mcpe-legal-nav a:hover{background:rgba(0,0,0,.05);color:var(--mr-contrast)}
html[data-theme] body:not(#mr-legal) .mcpe-legal-nav a[aria-current]{background:var(--mr-brand);color:var(--mr-on-brand)}
html[data-theme] body:not(#mr-legal) .mcpe-legal-nav svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* content card: heading + body read as one Modrinth markdown card */
html[data-theme] body:not(#mr-legal) .mcpe-legal-card{min-width:0;padding:24px 28px;background:var(--mr-raised);border:1px solid var(--mr-btn);border-radius:var(--mr-radius-card)}
html[data-theme] body:not(#mr-legal) .mcpe-legal-card>.page-heading{max-width:none;margin:0 0 20px;padding:0 0 12px;border-bottom:1px solid var(--mr-divider)}
html[data-theme] body:not(#mr-legal) .mcpe-legal-card>.page-heading .overline{display:none}
html[data-theme] body:not(#mr-legal) .mcpe-legal-card>.page-heading h1{margin:0}
html[data-theme] body:not(#mr-legal) .mcpe-legal-card>.page-heading p{margin:6px 0 0;font-size:16px;line-height:1.5;color:var(--mr-muted)}
html[data-theme] body:not(#mr-legal) .mcpe-legal-card>:is(.surface,article){margin:0;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}
html[data-theme] body:not(#mr-legal) .mcpe-legal-card :is(.prose,.surface) h2{margin:28px 0 12px;padding-bottom:6px;border-bottom:1px solid var(--mr-divider)}
html[data-theme] body:not(#mr-legal) .mcpe-legal-card :is(.prose,.surface)>h2:first-child{margin-top:0}
html[data-theme] body:not(#mr-legal) .mcpe-legal-card :is(.prose,.surface) :is(p,li){font-size:16px;line-height:1.6;color:var(--mr-body)}
html[data-theme] body:not(#mr-legal) .mcpe-legal-card :is(.prose,.surface) p{margin:0 0 14px}
html[data-theme] body:not(#mr-legal) .mcpe-legal-card :is(.prose,.surface) a:not(.button){font-size:inherit;color:var(--mr-link)}
html[data-theme] body:not(#mr-legal) .mcpe-legal-card :is(.prose,.surface) a:not(.button):hover{text-decoration:underline}
html[data-theme] body:not(#mr-legal) .mcpe-legal-card code{background:var(--mr-btn);border:1px solid var(--mr-divider);border-radius:6px;padding:1px 5px;font-size:14px}
html[data-theme] body:not(#mr-legal) .mcpe-legal-card .sitemap-links a{color:var(--mr-text);font-size:16px;border-color:var(--mr-divider)}
html[data-theme] body:not(#mr-legal) .mcpe-legal-card .sitemap-links a:hover{color:var(--mr-link)}
@media(max-width:900px){
  html[data-theme] body:not(#mr-legal) .mcpe-legal-layout{grid-template-columns:minmax(0,1fr);gap:12px}
  html[data-theme] body:not(#mr-legal) .mcpe-legal-sidebar{position:static}
  html[data-theme] body:not(#mr-legal) .mcpe-legal-nav{flex-direction:row;gap:4px;padding:6px;overflow-x:auto;scrollbar-width:none;border-radius:var(--mr-pill)}
  html[data-theme] body:not(#mr-legal) .mcpe-legal-nav::-webkit-scrollbar{display:none}
  html[data-theme] body:not(#mr-legal) .mcpe-legal-group{display:none}
  html[data-theme] body:not(#mr-legal) .mcpe-legal-nav a{flex:none;min-height:34px;padding:6px 12px;border-radius:var(--mr-pill);font-size:14px;white-space:nowrap}
  html[data-theme] body:not(#mr-legal) .mcpe-legal-nav svg{width:16px;height:16px}
  html[data-theme] body:not(#mr-legal) .mcpe-legal-card{padding:18px 16px}
}

/* rating sits at the end of the article body card, separated by a divider */
html[data-theme] body:not(#mr-articles) .body-copy .mcpe-article-end-rating{margin:24px 0 0;padding:16px 0 0;border-top:1px solid var(--mr-divider);text-align:center}
html[data-theme] body:not(#mr-articles) .body-copy .mcpe-article-end-rating .mcpe-rating-widget{margin:0 auto;border:0;padding:0;background:transparent}
/* official stores: one card, three equal secondary buttons */
html[data-theme] body:not(#mr-articles) .mce-game-page .mce-store-downloads,html[data-theme] body:not(#mr-articles) .mce-store-downloads{margin-top:0;padding:16px;background:var(--mr-raised);border:1px solid var(--mr-btn);border-radius:var(--mr-radius-card);box-shadow:none}
html[data-theme] body:not(#mr-articles) .mce-game-page .mce-store-grid,html[data-theme] body:not(#mr-articles) .mce-store-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
html[data-theme] body:not(#mr-articles) .mce-game-page .mce-store-button,html[data-theme] body:not(#mr-articles) .mce-store-button{min-height:60px;padding:10px 14px;gap:12px;border-radius:var(--mr-radius-btn);background:var(--mr-btn);color:var(--mr-contrast);box-shadow:inset 0 0 0 1px var(--mr-ring),0 1px 1px rgba(0,0,0,.05);filter:none;transform:none}
html[data-theme] body:not(#mr-articles) .mce-game-page .mce-store-button:hover,html[data-theme] body:not(#mr-articles) .mce-store-button:hover{background:var(--mr-btn-hover);color:var(--mr-contrast)}
html[data-theme] body:not(#mr-articles) .mce-game-page .mce-store-button svg,html[data-theme] body:not(#mr-articles) .mce-store-button svg{width:26px;height:28px}
html[data-theme] body:not(#mr-articles) .mce-game-page .mce-store-button strong,html[data-theme] body:not(#mr-articles) .mce-store-button strong{font-size:15px;font-weight:600;line-height:1.3}
html[data-theme] body:not(#mr-articles) .mce-game-page .mce-store-button small,html[data-theme] body:not(#mr-articles) .mce-store-button small{margin-top:2px;font-size:13px;color:var(--mr-muted)}
html[data-theme] body:not(#mr-articles) .mce-official-changelog{min-height:48px}
@media(max-width:700px){html[data-theme] body:not(#mr-articles) .mce-game-page .mce-store-grid,html[data-theme] body:not(#mr-articles) .mce-store-grid{grid-template-columns:minmax(0,1fr)}html[data-theme] body:not(#mr-articles) .mce-game-page .mce-store-downloads,html[data-theme] body:not(#mr-articles) .mce-store-downloads{padding:12px}}

/* ---------- Resource sidebar — 1:1 with modrinth.com project sidebar (measured):
   column 300px · cards 12px apart, 16px padding, 1px white border, r16, #f8f8f8
   title 18/600 h21 → 12px → content · groups/rows 12px apart
   compat: label 16/400 lh24 → 8px → chips (h24, 14px, pad 4×8, gap 4)
   links/support 16/600 lh19.2, icon 16 + 8 gap · creator: 32px avatar + 8 gap, name 16/500 lh19.2, role 14/400 lh20
   details/facts: 16/400 lh20 rows, links #1f68c0 ---------- */
@media(min-width:1001px){html[data-theme] body.detail-page:not(#mr-side) .columns{grid-template-columns:minmax(0,1fr) 300px}}
html[data-theme] body.detail-page:not(#mr-side) .columns>.side{gap:12px}
html[data-theme] body.detail-page:not(#mr-side) .columns>.side>.card,html[data-theme] body.detail-page:not(#mr-side) .card#support,html[data-theme] body.detail-page:not(#mr-side) .card.info,html[data-theme] body.detail-page:not(#mr-side) .card.compatibility{padding:16px;border:1px solid var(--mr-btn);border-radius:var(--mr-radius-card);background:var(--mr-raised);box-shadow:none}
/* margins: none inside the sidebar (it uses gap 12px); the cards copied into the content column on mobile (#overview) or moved there (#support) follow the 12/16px column rhythm */
html[data-theme] body.detail-page:not(#mr-side) .columns>.side>.card{margin:0}
html[data-theme] body.detail-page:not(#mr-side) #overview>.card{margin:0}
html[data-theme] body.detail-page:not(#mr-side) #overview>.card+.card{margin-top:12px}
html[data-theme] body.detail-page:not(#mr-side) .columns .card>.section-title,html[data-theme] body.detail-page:not(#mr-side) .card :is(.info,.compatibility)>.section-title{margin:0 0 12px;font-size:18px;font-weight:600;line-height:21px;letter-spacing:0}
/* info → Modrinth "Details" rhythm */
html[data-theme] body.detail-page:not(#mr-side) .card .facts{display:flex;flex-direction:column;gap:12px;margin:0}
html[data-theme] body.detail-page:not(#mr-side) .card .facts>div,html[data-theme] body.detail-page:not(#mr-side) .card .facts>div:first-child,html[data-theme] body.detail-page:not(#mr-side) .card .facts>div:last-child{padding:0;border:0;min-height:0}
html[data-theme] body.detail-page:not(#mr-side) .card .facts :is(dt,dd){font-size:16px;font-weight:400;line-height:24px}
html[data-theme] body.detail-page:not(#mr-side) .card .facts dt{color:var(--mr-muted)}
html[data-theme] body.detail-page:not(#mr-side) .card .facts dd{color:var(--mr-body);font-weight:400}
html[data-theme] body.detail-page:not(#mr-side) .card .facts a{color:var(--mr-link);font-weight:400}
html[data-theme] body.detail-page:not(#mr-side) .card .facts a:hover{color:var(--mr-link);text-decoration:underline}
/* author & support → Modrinth "Creators" + "Links" */
html[data-theme] body.detail-page:not(#mr-side) .card .author{display:flex;align-items:center;gap:8px;margin:0 0 12px}
html[data-theme] body.detail-page:not(#mr-side) .card .author :is(img,.mcpe-avatar-initial){display:flex;align-items:center;justify-content:center;flex:0 0 32px;width:32px;height:32px;min-width:32px;max-width:32px;aspect-ratio:1;border-radius:50%;object-fit:cover;object-position:center;font-size:16px;line-height:1}
html[data-theme] body.detail-page:not(#mr-side) .card .author>div{display:flex;flex-direction:column;min-width:0}
html[data-theme] body.detail-page:not(#mr-side) .card .author b{display:block;font-size:16px;font-weight:700;line-height:19.2px;color:var(--mr-text)}
html[data-theme] body.detail-page:not(#mr-side) .card .author b a{display:inline;font-weight:700;color:var(--mr-text)}
html[data-theme] body.detail-page:not(#mr-side) .card .author b :is(.mcpe-article-authors-mobile,.mcpe-article-authors-full){font-size:16px;line-height:19.2px;color:var(--mr-text)}
html[data-theme] body.detail-page:not(#mr-side) .card .author .mcpe-article-coauthors{height:19px;min-width:22px;padding:0 6px;font-size:12px}
html[data-theme] body.detail-page:not(#mr-side) .card .author b a:hover{text-decoration:underline}
html[data-theme] body.detail-page:not(#mr-side) .card .author>div>span,html[data-theme] body.detail-page:not(#mr-side) .card .author>div>span a{display:block;margin:0;font-size:14px;font-weight:400;line-height:20px;color:var(--mr-muted)}
html[data-theme] body.detail-page:not(#mr-side) .card .support-link{display:flex;align-items:center;gap:8px;min-height:0;padding:0;margin:0;font-size:16px;font-weight:400;line-height:19.2px;color:var(--mr-text)}
html[data-theme] body.detail-page:not(#mr-side) .card .support-link.text-btn{font-size:14px;line-height:20px}
html[data-theme] body.detail-page:not(#mr-side) .card .support-link+.support-link{margin-top:12px}
html[data-theme] body.detail-page:not(#mr-side) .card .support-link{align-items:flex-start}
html[data-theme] body.detail-page:not(#mr-side) .card .support-link svg{width:16px;height:16px;flex:none;margin-top:1.6px}
html[data-theme] body.detail-page:not(#mr-side) .card .support-link:hover{color:var(--mr-contrast);text-decoration:underline}
/* compatibility → Modrinth "Compatibility" */
html[data-theme] body.detail-page:not(#mr-side) .card.compatibility .compat-row,html[data-theme] body.detail-page:not(#mr-side) .card.compatibility .compat-row:first-of-type{display:flex;flex-direction:column;gap:8px;margin:0}
html[data-theme] body.detail-page:not(#mr-side) .card.compatibility .compat-row+.compat-row{margin-top:12px}
html[data-theme] body.detail-page:not(#mr-side) .card.compatibility .compat-row>span{display:block;margin:0;font-size:16px;font-weight:400;line-height:24px;color:var(--mr-text)}
html[data-theme] body.detail-page:not(#mr-side) .card.compatibility :is(.chips,.mcpe-supported-chips,.mcpe-supported-versions>summary,.mcpe-supported-remainder){display:flex;flex-wrap:wrap;gap:4px;margin:0}
html[data-theme] body.detail-page:not(#mr-side) .card.compatibility :is(.chip,.chip.green,.mcpe-supported-more){display:inline-flex;align-items:center;height:24px;min-height:24px;margin:0;padding:4px 8px;border:1px solid var(--mr-divider);border-radius:var(--mr-pill);background:var(--mr-btn);color:var(--mr-muted);font-size:14px;font-weight:400;line-height:14px;box-sizing:border-box}
html[data-theme] body.detail-page:not(#mr-side) .card.compatibility a.chip:hover{color:var(--mr-contrast);border-color:var(--mr-muted)}

/* ---------- Several authors: first author + "+N" (opens the co-author list) on every screen size ---------- */
html[data-theme] body:not(#mr-authors) .mcpe-article-authors-full{display:none}
html[data-theme] body:not(#mr-authors) .mcpe-article-authors-mobile{display:inline-flex;align-items:center;gap:6px;max-width:100%;vertical-align:middle}
html[data-theme] body:not(#mr-authors) .mcpe-article-coauthors{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:22px;padding:0 7px;border:1px solid var(--mr-divider);border-radius:var(--mr-pill);background:var(--mr-btn);color:var(--mr-muted);font-size:13px;font-weight:600;line-height:1;cursor:pointer}
html[data-theme] body:not(#mr-authors) .mcpe-article-coauthors:hover,html[data-theme] body:not(#mr-authors) .mcpe-article-coauthors[aria-expanded="true"]{color:var(--mr-contrast);border-color:var(--mr-muted)}

/* ---------- Type scale (Modrinth): 16px body & primary actions · 14px secondary/meta/controls · 12–13px tiny badges only ---------- */
html[data-theme] body:not(#mr-type){font-size:16px}
/* 16px */
html[data-theme] body:not(#mr-type) :is(.button,.btn,.mce-game-button,.inline-download-action,.compact-file-row .button){font-size:16px;font-weight:600}
html[data-theme] body:not(#mr-type) :is(.mcpe-hero-heading p,.compact-file-description h3,.mce-blog-toc nav a,.mce-official-changelog strong){font-size:16px}
/* 14px */
html[data-theme] body:not(#mr-type) :is(.result-toolbar>span,.result-toolbar>#resultCount,.gallery-caption,.gallery-caption span,.breadcrumb,.breadcrumb a,.breadcrumb span,.breadcrumbs,.breadcrumbs a,.breadcrumbs span,.breadcrumbs b,
  .mce-archive-breadcrumb,.mce-archive-breadcrumb a,.mce-archive-breadcrumb span,.section-head>a,.mcpe-view-all,.mce-related-head a,.surface>a:not(.button),
  .choice-pills button,.compact-file-meta,.compact-file-size,.editorial-meta,.editorial-meta span,.creator-role,.creator-count,
  .topic-chips button,.result-toolbar .button,.open-filters,.sort-label,.sort-label select,.pagination button,.pagination a,.pagination span,
  .mcpe-rating-result span,.inline-download-count,.inline-download-meta,.inline-download-meta *,.inline-download-links a,.mcpe-changelog-more,.mcpe-changelog-more span,
  .download-identity-meta span,h2>small,.mce-store-button small,.mcpe-card-compat,.mcpe-card-rating,.mcpe-card-rating-average,.mcpe-card-author-name){font-size:14px}
html[data-theme] body:not(#mr-type) :is(.section-head>a,.mcpe-view-all,.mce-related-head a){font-weight:600}
html[data-theme] body:not(#mr-type) :is(.field>label,.filter-panel legend,.check-row,.check-row span,.filter-tip,.version-banner p,.version-banner a,.inline-download-subtitle,.download-list-heading p){font-size:14px}
html[data-theme] body:not(#mr-type) .active-filters button{font-size:13px}
html[data-theme] body:not(#mr-type) aside .surface ol li :is(strong,span){font-size:14px}
html[data-theme] body:not(#mr-type) aside .surface ol li strong{font-size:15px;font-weight:600}
html[data-theme] body:not(#mr-type) .inline-download-label{font-size:12px;font-weight:700;letter-spacing:.06em}
html[data-theme] body:not(#mr-type) .mcpe-community-link>strong{font-size:15px;font-weight:600}
/* 13px badges / counters */
html[data-theme] body:not(#mr-type) :is(.mcpe-version-more,.mcpe-card-coauthors,.editorial-type,.mcpe-community-link>span,.mce-game-badge){font-size:13px}
/* 12px uppercase eyebrows & image badges */
html[data-theme] body:not(#mr-type) :is(.release-channel,.release-language){font-size:12px;font-weight:600}
html[data-theme] body:not(#mr-type) :is(.mcpe-community-eyebrow,.module-label,.overline,.mcpe-search-eyebrow){font-size:12px;font-weight:700;letter-spacing:.06em}
/* tags: 14px everywhere, keep 28px pill height */
html[data-theme] body:not(#mr-type) :is(.resource-card.mcpe-card-v2 .resource-topic,.resource-card.mcpe-card-v2 .resource-topic-more,.home-subcategories a){font-size:14px}
html[data-theme] body:not(#mr-type) .mcpe-latest-toolbar .filter-tabs button{font-size:14px}
@media(max-width:800px){
  html[data-theme] body:not(#mr-type) .mcpe-latest-toolbar .filter-tabs button,html[data-theme] body:not(#mr-type) :is(.resource-card.mcpe-card-v2 .resource-topic,.resource-card.mcpe-card-v2 .resource-topic-more,.home-subcategories a){font-size:13px}
  html[data-theme] body:not(#mr-type) :is(.button,.btn,.mce-game-button,.inline-download-action){font-size:15px}
}

/* ---------- Heading scale — one system for the whole site (Inter, Modrinth-like) ----------
   H1 page title 28/700 · H2 section 22/700 · card/sidebar title 18/600 · H3 in content 18/600 · H4 16/600
   Specificity booster body:not(#mr-headings) so these win over every class-based theme rule.
   Mobile (<=800px): 24 · 20 · 17 · 17 · 16. Home hero keeps its display size. */
html[data-theme] body:not(#mr-headings) h1:not(.mcpe-hero-heading h1){font-size:28px;font-weight:700;line-height:1.25;letter-spacing:-.01em;color:var(--mr-contrast)}
html[data-theme] body:not(#mr-headings) .mcpe-hero-heading h1{font-weight:700;letter-spacing:-.02em}
/* card / sidebar / panel titles */
html[data-theme] body:not(#mr-headings) :is(.section-title,.card h2,.surface h2,.filter-heading h2,.mcpe-article-references h3,.mcpe-rating-heading h2){
  font-size:18px;font-weight:600;line-height:1.35;letter-spacing:0;color:var(--mr-contrast)}
/* section headings (listed after card titles so .card.body-copy h2 / .prose h2 resolve here) */
html[data-theme] body:not(#mr-headings) :is(.section-head h2,.mce-related-head h2,.mce-game-downloads h2,.download-list-heading h2,.creator-list-title h2,.mcpe-community-copy h2,.body-copy h2,.prose h2){
  font-size:22px;font-weight:700;line-height:1.3;letter-spacing:-.01em;color:var(--mr-contrast)}
html[data-theme] body:not(#mr-headings) :is(.body-copy,.prose) h3{font-size:18px;font-weight:600;line-height:1.4;letter-spacing:0;color:var(--mr-contrast)}
html[data-theme] body:not(#mr-headings) :is(.body-copy,.prose) h4{font-size:16px;font-weight:600;line-height:1.4;letter-spacing:0;color:var(--mr-contrast)}
/* item names on cards and image tiles: same family, same weight */
html[data-theme] body:not(#mr-headings) :is(.resource-card h3,.editorial-card h3,.compact-file-description h3){font-weight:600;letter-spacing:0;color:var(--mr-contrast)}
html[data-theme] body:not(#mr-headings) :is(.release-title,.mce-home-story h3,.mce-related-item h3,.version-banner h2,.guide-card h3){font-weight:700;letter-spacing:0}
@media(max-width:800px){
  html[data-theme] body:not(#mr-headings) h1:not(.mcpe-hero-heading h1){font-size:24px}
  html[data-theme] body:not(#mr-headings) :is(.section-title,.card h2,.surface h2,.filter-heading h2,.mcpe-article-references h3,.mcpe-rating-heading h2){font-size:17px}
  html[data-theme] body:not(#mr-headings) :is(.section-head h2,.mce-related-head h2,.mce-game-downloads h2,.download-list-heading h2,.creator-list-title h2,.mcpe-community-copy h2,.body-copy h2,.prose h2){font-size:20px}
  html[data-theme] body:not(#mr-headings) :is(.body-copy,.prose) h3{font-size:17px}
}

/* ---------- Misc ---------- */
html[data-theme] .breadcrumbs,html[data-theme] .breadcrumbs a{color:var(--mr-muted)}
html[data-theme] .breadcrumbs b{color:var(--mr-contrast)}
html[data-theme] .toast{background:var(--mr-btn);color:var(--mr-contrast);border:1px solid var(--mr-divider);box-shadow:var(--mr-shadow-float)}
html[data-theme] .site-dialog::backdrop{background:rgba(0,0,0,.55)}
@media(prefers-reduced-motion:reduce){html[data-theme] *{transition:none!important}}

/* Mobile panels: comfortable separation, including the duplicated overview cards. */
@media(max-width:800px){html[data-theme] body.detail-page:not(#mr-side) #overview>.card+.card{margin-top:20px}}