/* Three-site editorial system. Keep this file aligned across erp / fun / learn. */
:root {
    --editorial-accent: #087f8c;
    --editorial-line: rgba(43, 72, 113, .012);
    --editorial-surface: #fff;
    --editorial-canvas: #f6faf9;
    --editorial-tint: #edf6f3;
    --editorial-footer: #eaf2ef;
    --bs-border-color: #f5f7fa;
    --bs-border-color-translucent: rgba(43, 72, 113, .012);
    --editorial-muted: #647184;
    --editorial-ink: #263449;
}
[data-bs-theme="dark"] {
    --editorial-accent: #7bdcc8;
    --editorial-line: rgba(178, 203, 238, .018);
    --editorial-surface: #1c222b;
    --editorial-canvas: #171c23;
    --editorial-tint: #1e302f;
    --editorial-footer: #131a23;
    --bs-border-color: #202832;
    --bs-border-color-translucent: rgba(178, 203, 238, .018);
    --editorial-muted: #9aa8ba;
    --editorial-ink: #e1e7ef;
}
html .bd-navbar {
    padding: .5rem 0;
    background: var(--editorial-surface) !important;
    border-bottom: 1px solid var(--editorial-line) !important;
    box-shadow: none;
    min-height: 64px;
}
html .bd-navbar::after { display: none; }
html .bd-navbar .navbar-brand {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    margin-right: 1.8rem;
    padding-block: .2rem;
    font-size: 1.125rem;
    font-weight: 650;
    letter-spacing: -.035em;
    color: var(--editorial-ink);
}
html .bd-navbar .logo_svg { width: 31px; height: 31px; }
html .bd-navbar .navbar-nav { gap: .15rem; }
html .bd-navbar .navbar-nav > .nav-item > .nav-link {
    position: relative;
    padding: .6rem .65rem;
    font-size: .8125rem;
    line-height: 1.5;
    font-weight: 500;
    color: var(--editorial-muted);
    border-radius: 6px;
    transition: color .15s ease, background-color .15s ease;
}
html .bd-navbar .navbar-nav > .nav-item > .nav-link:hover,
html .bd-navbar .navbar-nav > .nav-item > .nav-link.show {
    color: var(--editorial-ink);
    background: color-mix(in srgb, var(--editorial-muted) 8%, transparent);
}
html .bd-navbar .navbar-nav > .nav-item > .nav-link.active,
html .bd-navbar .navbar-nav > .nav-item > .nav-link[aria-current="page"] {
    color: var(--editorial-accent);
    background: color-mix(in srgb, var(--editorial-accent) 7%, transparent);
}
html .bd-navbar .dropdown-menu {
    padding: .45rem;
    border: 1px solid var(--editorial-line);
    border-radius: 10px;
    background: var(--editorial-surface);
    box-shadow: 0 12px 36px rgba(0, 0, 0, .12);
    --bs-dropdown-link-hover-bg: color-mix(in srgb, var(--editorial-accent) 8%, transparent);
}
html .bd-navbar .dropdown-item { font-size: .8125rem; padding: .45rem .65rem; }
html .bd-navbar .dropdown-header { margin: 0; padding: .45rem .3rem .3rem; font-size: .6875rem; font-weight: 500; color: var(--editorial-muted); letter-spacing: .02em; }
html .bd-navbar .head-right-bar { height: 34px; gap: .15rem; }
html .bd-navbar #top-nav-search-btn,
html .bd-navbar .nav-right-btn,
html .bd-navbar .user-login-btn,
html .bd-navbar .header-theme-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 34px;
    padding: 0 .7rem !important;
    border: 1px solid transparent;
    border-radius: 4px;
    color: var(--editorial-muted);
    background: transparent;
    font-size: .75rem;
    box-shadow: none;
}
html .bd-navbar #top-nav-search-btn {
    gap: .4rem;
    background: color-mix(in srgb, var(--editorial-muted) 7%, transparent);
}
html .bd-navbar .header-theme-btn { width: 34px; }
html .bd-navbar .header-theme-btn::after { display: none; }
html .bd-navbar .header-theme-btn > .theme-icon-active { margin: 0 !important; }
html .bd-navbar #top-nav-search-btn:hover,
html .bd-navbar .nav-right-btn:hover,
html .bd-navbar .user-login-btn:hover,
html .bd-navbar .header-theme-btn:hover {
    color: var(--editorial-ink);
    background: color-mix(in srgb, var(--editorial-muted) 12%, transparent);
}
html .bd-navbar .user-me-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    padding: 2px;
    margin-left: .35rem !important;
    border: 0;
    border-radius: 50%;
    background: var(--editorial-surface);
    transition: border-color .15s ease, box-shadow .15s ease;
}
html .bd-navbar .user-me-avatar.hide { display: none; }
html .bd-navbar .user-me-avatar img {
    display: block;
    width: 28px;
    height: 28px;
    object-fit: cover;
    border-radius: 50%;
    background: color-mix(in srgb, var(--editorial-muted) 10%, transparent);
}
html .bd-navbar .user-me-avatar:hover {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--editorial-accent) 9%, transparent);
}
html .bd-navbar .user-me-avatar img:hover { opacity: 1; box-shadow: none; }
html .bd-navbar :is(a, button):focus-visible {
    outline: 2px solid var(--editorial-accent);
    outline-offset: 3px;
}
/* Apply the canvas only to news surfaces, not tools, profiles or account pages. */
html body:has(main.home-news, main.news-stream-shell, main.editorial-list-page) { background: var(--editorial-canvas); }
html :is(main.home-news, main.news-stream-shell) {
    padding-top: 2rem;
    color: var(--editorial-ink);
}
html .home-news-heading,
html .portal-heading {
    position: relative;
    padding: .2rem 0 1.25rem;
    gap: 1rem 2rem;
    margin: 0;
}
html .home-news-heading h1,
html .portal-heading h1,
html .news-hot-heading h1 {
    font-size: clamp(1.35rem, 1.8vw, 1.7rem);
    line-height: 1.4;
    font-weight: 650;
    letter-spacing: -.035em;
    margin: 0 0 .4rem;
    color: var(--editorial-ink);
}
html .home-news-heading p,
html .news-hot-heading p { font-size: .8125rem; line-height: 1.65; color: var(--editorial-muted); }
html .home-news-search,
html .portal-search {
    display: flex;
    align-items: center;
    width: 304px;
    max-width: 100%;
    gap: 0;
    padding: 3px;
    border: 1px solid var(--editorial-line);
    border-radius: 6px;
    background: var(--editorial-tint);
    transition: border-color .15s ease, box-shadow .15s ease;
}
html .home-news-search:focus-within,
html .portal-search:focus-within {
    border-color: var(--editorial-accent);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--editorial-accent) 12%, transparent);
}
html .home-news-search input,
html .portal-search input {
    flex: 1;
    width: 0;
    min-width: 0;
    height: 32px;
    border: 0;
    border-radius: 6px;
    padding: .4rem .7rem;
    background: transparent;
    color: var(--editorial-ink);
    font-size: .75rem;
    box-shadow: none;
    outline: none;
}
html .home-news-search input::placeholder { color: var(--editorial-muted); opacity: .85; }
html .home-news-search button,
html .portal-search button {
    flex-shrink: 0;
    height: 30px;
    padding: .3rem .7rem;
    border: 0;
    border-radius: 6px;
    color: var(--editorial-muted);
    background: transparent;
    font-size: .72rem;
}
html .home-news-search button:hover,
html .portal-search button:hover { color: var(--editorial-accent); background: color-mix(in srgb, var(--editorial-accent) 9%, transparent); }
html .home-news-navigation {
    gap: .4rem 1.4rem;
    margin: 0 0 1.35rem;
    padding: .1rem 0 .65rem;
    border-bottom: 1px solid var(--editorial-line);
}
html .home-news-views,
html .home-news-sections { gap: .25rem 1.3rem; }
html .home-news-views > a,
html .home-news-sections > a {
    min-height: 35px;
    font-size: .78rem;
    color: var(--editorial-muted);
    font-weight: 450;
}
html .home-news-views > a[aria-current="page"] { font-weight: 600; color: var(--editorial-ink); }
html .home-news-views > a[aria-current="page"]::after {
    height: 2px;
    left: 0;
    right: 0;
    bottom: -.7rem;
    background: var(--editorial-accent);
}
html .home-news-sections { border-left: 0; padding-left: 1.4rem; }
html .home-news-nav-label { font-size: .65rem; color: var(--editorial-muted); opacity: .75; }
html .home-news-sections > a[aria-current="page"] { color: var(--editorial-accent); font-weight: 600; text-decoration: none; }
html .news-stream-controls { margin-top: .1rem; margin-bottom: 1.4rem; gap: .75rem 1.5rem; }
html .news-stream-controls .home-news-navigation { margin: 0; border: 0; padding-bottom: 0; }
html .news-stream-controls .home-news-views > a[aria-current="page"]::after { bottom: -.25rem; }
html .news-focus-board,
html .portal-focus-board {
    padding: 1.2rem 1.4rem .75rem;
    margin: 0 0 1.6rem;
    border: 1px solid var(--editorial-line);
    border-radius: 8px;
    background: var(--editorial-surface);
    box-shadow: none;
}
html :is(.news-focus-board, .portal-focus-board) > .home-news-toolbar { padding: 0 0 .8rem; }
html :is(.news-focus-board, .portal-focus-board) ol { gap: 0 2.5rem; margin: 0; counter-reset: editorial-rank; }
html .news-focus-board li,
html .portal-focus-board li { border: 0; border-top: 1px solid var(--editorial-line); padding: .85rem 1rem; gap: .85rem; counter-increment: editorial-rank; }
html :is(.news-focus-board, .portal-focus-board) li:first-child {
    padding: 1.1rem 1rem;
    margin: 0 0 .6rem;
    border: 0;
    border-radius: 5px;
    background: var(--editorial-tint);
}
html :is(.news-focus-board, .portal-focus-board) li:nth-child(2),
html :is(.news-focus-board, .portal-focus-board) li:nth-child(3) { border-top: 0; }
html .news-focus-board li::before,
html .portal-focus-board li::before { color: var(--editorial-muted); font-size: .72rem; font-weight: 500; font-variant-numeric: tabular-nums; min-width: 1.25rem; }
html .news-focus-board li::before,
html .portal-focus-board li::before { content: counter(editorial-rank, decimal-leading-zero); }
html :is(.news-focus-board, .portal-focus-board) li:first-child::before { color: var(--editorial-accent); }
html .news-focus-copy > a,
html .portal-focus-copy > a { font-size: .84rem; font-weight: 550; line-height: 1.65; color: var(--editorial-ink); }
html :is(.news-focus-board, .portal-focus-board) li:first-child :is(.news-focus-copy, .portal-focus-copy) > a { font-size: 1rem; line-height: 1.6; }
html :is(.news-focus-copy, .portal-focus-copy) > span { font-size: .64rem; color: var(--editorial-muted); margin-top: .25rem; }
html :is(.news-focus-board, .portal-focus-board) li > strong { display: inline-flex; align-items: center; justify-content: flex-end; gap: .3rem; flex-shrink: 0; white-space: nowrap; font-size: .875rem; font-weight: 550; line-height: 1.3; color: var(--editorial-ink); min-width: 3rem; text-align: right; font-variant-numeric: tabular-nums; }
html :is(.news-focus-board, .portal-focus-board) li > strong > i { font-size: .75rem; color: var(--editorial-accent); opacity: .7; }
html :is(.news-live-dot, .portal-live-dot) { background: var(--editorial-accent); width: 5px; height: 5px; box-shadow: none; margin-right: .5rem; }
html .home-news-toolbar h2,
html .news-stream-title h2,
html .portal-section-head h2 { font-size: .8125rem; font-weight: 600; letter-spacing: .015em; color: var(--editorial-ink); }
html .home-news-toolbar > a,
html .news-stream-title > span { font-size: .72rem; color: var(--editorial-muted); }
html .home-news-grid { padding-top: .1rem; }
html .home-news-feed {
    padding: 1.1rem 1.35rem .15rem;
    border: 1px solid var(--editorial-line);
    border-radius: 8px;
    background: var(--editorial-surface);
}
html .home-news-feed > .news-stream-title { margin-top: 0; }
html .home-news-previews { column-gap: 2.8rem; }
html .home-news-preview { grid-template-columns: 4.8rem minmax(0, 1fr); }
html .home-news-preview-time { padding-top: 1.05rem; }
html .home-news-preview-time > span { font-size: .78rem; font-weight: 500; color: var(--editorial-muted); }
html .home-news-preview-body { padding: 1rem 0 1rem 1.1rem; border-left: 0; }
html .home-news-preview-body::before { top: 1.4rem; width: .3rem; height: .3rem; left: -.17rem; background: var(--editorial-accent); box-shadow: 0 0 0 4px var(--editorial-surface); opacity: .75; }
html .home-news-preview h3 { font-size: .88rem; line-height: 1.65; font-weight: 550; }
html .home-news-preview-body > p { font-size: .78rem; line-height: 1.85; color: var(--editorial-muted); }
html .home-news-preview-meta { font-size: .65rem; color: var(--editorial-muted); }
html .news-event-surface {
    border: 1px solid var(--editorial-line);
    border-radius: 8px;
    padding: 1.2rem 1.4rem 1rem;
    background: var(--editorial-surface);
    box-shadow: none;
}
html .news-event h2 { font-size: 1.05rem; line-height: 1.7; font-weight: 600; }
html :is(.news-hot-card, .news-hot-updates, .news-story-overview) {
    border: 1px solid var(--editorial-line);
    border-radius: 8px;
    box-shadow: none;
    background: var(--editorial-surface);
}
html .news-hot-card { padding: 1.4rem; }
html .news-hot-grid { column-gap: 3rem; }
html .news-story-nav { border: 0; }
html .news-event-coverage ul { border: 0; border-radius: 0; background: transparent; }
html .news-event-summary { font-size: .875rem; line-height: 1.95; }
html .news-event-meta,
html .news-event-footer { border: 0; color: var(--editorial-muted); }
html .news-event-meta { font-size: .72rem; }
html .news-section-label { color: var(--editorial-accent); background: transparent; border-radius: 0; padding-inline: 0; }
html .home-news-panel { border: 1px solid var(--editorial-line); border-radius: 8px; padding: 1rem 1.2rem; background: var(--editorial-surface); }
/* Lower-page modules share the same faint edge; backgrounds carry the hierarchy. */
html :is(.home-news, .editorial-list-page) .mx-section,
html .editorial-list-page > section:has(> .mx-section-head) {
    padding: 1.1rem 1.35rem;
    margin-top: 1.25rem;
    border: 1px solid var(--editorial-line);
    border-radius: 8px;
    background: var(--editorial-surface);
}
html .editorial-list-page { padding-bottom: 2rem; }
html .editorial-list-page .card {
    border: 1px solid var(--editorial-line);
    border-radius: 8px;
    background: var(--editorial-surface);
    box-shadow: none !important;
}
html .editorial-list-page .card-body { padding: 1.1rem 1.35rem; }
html :is(.home-news, .editorial-list-page) .mx-section-head,
html .editorial-list-page .card-title {
    align-items: center;
    gap: .75rem;
    padding-bottom: .7rem !important;
    margin-bottom: .5rem;
    border-bottom: 1px solid var(--editorial-line) !important;
}
html :is(.home-news, .editorial-list-page) .mx-section-title,
html .editorial-list-page :is(.card-title, .card-title h3) {
    margin: 0;
    padding-left: 0;
    color: var(--editorial-ink);
    font-size: .875rem;
    line-height: 1.5;
    font-weight: 600;
}
html :is(.home-news, .editorial-list-page) .mx-section-title::before { display: none; }
html :is(.home-news, .editorial-list-page) .mx-section-more { font-size: .72rem; color: var(--editorial-muted); }
html :is(.home-news, .editorial-list-page) :is(.home-featured-title, .mx-media-title, .mx-qa-title, .mx-rank-link, .mx-list-link),
html .editorial-list-page .list-group-item {
    font-size: .875rem;
    line-height: 1.6;
    font-weight: 550;
    color: var(--editorial-ink);
}
html :is(.home-news, .editorial-list-page) :is(.home-featured-excerpt, .mx-media-excerpt, .mx-qa-answer) {
    font-size: .76rem;
    line-height: 1.7;
    color: var(--editorial-muted);
}
html :is(.home-news, .editorial-list-page) .mx-meta-row { font-size: .68rem; }
html .editorial-list-page .list-group-item { background: transparent; border-color: var(--editorial-line); padding-block: .7rem; }
html :is(.home-news, .editorial-list-page) .mx-qa {
    padding: .8rem 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}
html :is(.home-news, .editorial-list-page) .mx-qa:hover { background: transparent; }
html :is(.home-news, .editorial-list-page) .mx-qa:hover .mx-qa-title { color: var(--editorial-accent); }
html .editorial-list-page .breadcrumb { font-size: .7rem; }
html :is(.mx-card, .mx-qa) {
    border-color: var(--editorial-line);
    border-radius: 7px;
    background: var(--editorial-surface);
    box-shadow: none;
}
html .mx-qa { background: var(--editorial-tint); }
html :is(.mx-card, .mx-qa):hover {
    transform: none;
    border-color: var(--editorial-line);
    background: color-mix(in srgb, var(--editorial-accent) 5%, var(--editorial-surface));
    box-shadow: none;
}
html .mx-qa-badge {
    color: var(--editorial-accent);
    background: color-mix(in srgb, var(--editorial-accent) 10%, var(--editorial-surface));
    border-radius: 5px;
}
html .bd-footer {
    --footer-bg: var(--editorial-footer);
    --footer-border: var(--editorial-line);
    background: var(--editorial-footer);
    border-top: 1px solid var(--editorial-line);
}
html .footer-bottom {
    background: color-mix(in srgb, var(--editorial-muted) 3%, var(--editorial-footer));
    border-top-color: var(--editorial-line);
}
html .footer-main { padding-top: 2.5rem; padding-bottom: 2rem; }
html .footer-brand { gap: .45rem; font-size: 1.05rem; font-weight: 600; letter-spacing: -.025em; }
html .footer-brand > span { font-size: 1.05rem !important; }
html .footer-brand .logo_svg { width: 28px; height: 28px; }
html .footer-heading { margin-bottom: .9rem; font-size: .75rem; font-weight: 600; letter-spacing: .025em; text-transform: none; }
html .footer-links li { margin-bottom: .5rem; }
html .footer-links a { font-size: .75rem; line-height: 1.7; color: var(--editorial-muted); transition: color .15s ease; }
html .footer-links a:hover { color: var(--editorial-accent); padding-left: 0; }
html .footer-slogan { margin-top: .5rem; max-width: 30ch; font-size: .75rem; line-height: 1.9; color: var(--editorial-muted); }
html .footer-main .text-body-secondary { color: var(--editorial-muted) !important; font-size: .72rem; }
html .footer-bottom { padding: 1rem 0; }
html :is(.copyright, .legal-links a) { font-size: .6875rem; line-height: 1.8; color: var(--editorial-muted); }
html .bd-footer a:focus-visible { outline: 2px solid var(--editorial-accent); outline-offset: 3px; }
/* Image and video creation share the site's blue identity, including dark mode. */
html .ac-shell.ac-shell {
    --ac-ink: var(--editorial-ink);
    --ac-muted: var(--editorial-muted);
    --ac-line: var(--editorial-line);
    --ac-green: var(--editorial-accent);
    --ac-lime: var(--editorial-tint);
    --ac-paper: var(--editorial-canvas);
    border-radius: 8px;
}
html body:has(main.ac-shell) { background: var(--editorial-canvas); }
html .ac-shell.ac-shell:not(.ac-detail-shell) { background: transparent; border-radius: 0; padding: 2rem; }
html .ac-shell.ac-shell .ac-hero { background: transparent; border: 0; border-radius: 0; }
html .ac-shell.ac-shell .ac-login-dialog { background: var(--editorial-surface); border-color: var(--editorial-line); }
html .ac-shell.ac-shell .ac-filters { padding: 1.1rem 1.25rem; border-radius: 8px; }
html .ac-shell.ac-shell .ac-search { background: var(--editorial-canvas); border-radius: 5px; border-color: transparent; }
html .ac-shell.ac-shell .ac-category-options span { background: transparent; border-color: var(--editorial-line); }
html .ac-shell.ac-shell .ac-category-options input:checked + span { background: var(--editorial-tint); border-color: transparent; color: var(--editorial-accent); }
html .ac-shell.ac-shell .ac-empty { padding: 2.5rem 1.25rem; background: var(--editorial-surface); border: 0; border-radius: 8px; }
html .ac-shell.ac-shell .ac-empty-symbol { color: var(--editorial-accent); opacity: .65; }
html .ac-shell.ac-shell :is(.ac-filter-footer, .ac-card-footer) { border-color: var(--editorial-line); }
html .ac-shell.ac-shell .ac-button { font-size: .75rem; border-radius: 5px; }
html .ac-shell.ac-shell .ac-category-options input:focus-visible + span { outline-color: var(--editorial-accent); }
html .ac-shell.ac-shell :is(.ac-filters, .ac-facet-field, .ac-facet-popover, .ac-option-list>button, .ac-card, .ac-button-light) { background: var(--editorial-surface); color: var(--editorial-ink); }
html .ac-shell.ac-shell :is(.ac-intro, .ac-art-label, .ac-card-tags, .ac-disclaimer, .ac-preserve) { color: var(--editorial-muted); }
html .ac-shell.ac-shell input::placeholder { color: var(--editorial-muted); }
html .ac-shell.ac-shell .ac-button-primary { background: var(--editorial-accent); color: var(--editorial-surface); }
html .ac-shell.ac-shell .ac-button-primary:hover { background: color-mix(in srgb, var(--editorial-accent) 88%, var(--editorial-ink)); color: var(--editorial-surface); }
html .ac-shell.ac-shell .ac-button-light:hover { background: var(--editorial-tint); }
html .ac-shell.ac-shell .ac-option-list>button:is(:hover, [aria-pressed=true]) { background: var(--editorial-tint); border-color: var(--editorial-accent); color: var(--editorial-accent); }
html .ac-shell.ac-shell :is(.ac-card-visual, .ac-cover-missing, .ac-prompt) { background: var(--editorial-tint); color: var(--editorial-muted); }
html .ac-shell.ac-shell .ac-card-open { background: var(--editorial-surface); color: var(--editorial-ink); }
html .ac-shell.ac-shell :is(.ac-pill, .ac-rights-note) { background: var(--editorial-tint); color: var(--editorial-accent); border-color: var(--editorial-line); }
html .ac-shell.ac-shell :is(a,button,input,summary,pre):focus-visible { outline-color: var(--editorial-accent); }
html .ac-shell.ac-shell .ac-hero-art { background: radial-gradient(ellipse at 50% 68%, color-mix(in srgb, var(--editorial-accent) 12%, transparent), transparent 65%); }
html .ac-shell.ac-shell .ac-art-card-back { background: linear-gradient(150deg, #8eb9ed, #426dba); }
html .ac-shell.ac-shell .ac-art-orb { background: radial-gradient(circle at 31% 27%, #e2f0ff, #92baf0 38%, #4278bb 66%, #214984); box-shadow: 0 15px 15px #244c7d20; }
html .ac-shell.ac-shell .ac-art-card-front { background: #dde9f7; color: #42658e; }
html .ac-shell.ac-shell .ac-art-vase,
html .ac-shell.ac-shell .ac-art-vase::before { background: linear-gradient(90deg, #416794, #9bbce5 45%, #537ca9); }
html main img.is-image-fallback { object-fit: contain !important; background: var(--editorial-tint); }
/* Detail pages and AI directory follow docs/design/2026-11-14-editorial-design-standard.md. */
html body:has(main.am-detail-view, main.dir-detail-page, main.shop-view, main.dir-shell) { background: var(--editorial-canvas); }
html :is(main.am-detail-view, main.dir-detail-page, main.shop-view) {
    --bs-body-bg: var(--editorial-surface);
    --bs-body-color: var(--editorial-ink);
    --bs-emphasis-color: var(--editorial-ink);
    --bs-secondary-color: var(--editorial-muted);
    --bs-tertiary-bg: var(--editorial-canvas);
    max-width: 1444px;
    margin-inline: auto;
    padding: .75rem 2rem 2rem;
    color: var(--editorial-ink);
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.8;
}
html :is(.am-detail-view, .dir-detail-page, .shop-view) > .container-xxl { max-width: none; width: 100%; padding-inline: 0; }
html :is(.am-detail-view, .dir-detail-page, .shop-view) .breadcrumb { font-size: .6875rem; color: var(--editorial-muted); overflow-wrap: anywhere; }
html :is(.am-detail-view, .dir-detail-page, .shop-view) .breadcrumb a { color: var(--editorial-muted); text-decoration: none; }
html :is(.am-detail-view, .dir-detail-page, .shop-view) .product-hero {
    max-height: none;
    padding: 1.25rem 1.5rem;
    border: 1px solid var(--editorial-line);
    border-radius: 8px;
    background: var(--editorial-surface);
    color: var(--editorial-ink);
    overflow: visible;
}
html :is(.am-detail-view, .dir-detail-page, .shop-view) .product-hero::after { display: none; }
html :is(.am-detail-view, .dir-detail-page, .shop-view) .hero-content { padding: 0; gap: 1.25rem; color: var(--editorial-ink); }
html :is(.am-detail-view, .dir-detail-page, .shop-view) .hero-content .info { min-width: 0; flex: 1; }
html :is(.am-detail-view, .dir-detail-page, .shop-view) .hero-content .flex-grow-1 { min-width: 0; }
html :is(.am-detail-view, .dir-detail-page, .shop-view) .product-hero h1.cn_name {
    font-size: 1.5rem !important;
    font-weight: 650;
    line-height: 1.4;
    letter-spacing: -.025em;
    color: var(--editorial-ink) !important;
    text-shadow: none;
    overflow-wrap: anywhere;
}
html :is(.am-detail-view, .dir-detail-page, .shop-view) .product-hero :is(.en_name, .tool-hero-summary) { color: var(--editorial-muted) !important; font-size: .75rem; text-shadow: none; overflow-wrap: anywhere; }
html :is(.am-detail-view, .dir-detail-page, .shop-view) .product-hero .brand-logo {
    width: 64px !important; min-width: 64px; max-width: 64px;
    height: 64px !important; min-height: 64px; max-height: 64px;
    flex-shrink: 0;
    border: 1px solid var(--editorial-line);
    border-radius: 8px;
    background: var(--editorial-tint);
    color: var(--editorial-accent);
    box-shadow: none !important;
    object-fit: contain;
}
html :is(.am-detail-view, .dir-detail-page, .shop-view) .product-hero .menu-btn a {
    display: inline-flex; align-items: center; padding: .2rem .5rem; margin-bottom: .25rem;
    background: var(--editorial-canvas); border: 1px solid transparent; border-radius: 4px;
    color: var(--editorial-muted); font-size: .6875rem; text-decoration: none;
}
html :is(.am-detail-view, .dir-detail-page, .shop-view) .product-hero .menu-btn a:hover { background: var(--editorial-tint); color: var(--editorial-accent); }
html :is(.am-detail-view, .dir-detail-page, .shop-view) .btn { font-size: .75rem; border-radius: 5px; box-shadow: none; }
html :is(.am-detail-view, .dir-detail-page, .shop-view) .product-hero :is(.am-hero-action-primary, .dir-official-cta, .btn-primary) {
    background: var(--editorial-accent); border-color: transparent; color: var(--editorial-surface) !important; box-shadow: none; font-size: .75rem;
}
html :is(.am-detail-view, .dir-detail-page, .shop-view) .product-hero :is(.am-hero-action-secondary, .dir-profile-cta, .btn-light) {
    background: var(--editorial-tint); border-color: transparent; color: var(--editorial-accent) !important; box-shadow: none;
}
html :is(.am-detail-view, .dir-detail-page, .shop-view) .product-hero .badge { font-size: .625rem; font-weight: 500; line-height: 1.5; }
html :is(.am-detail-view, .dir-detail-page, .shop-view) .text-bg-light { background: var(--editorial-canvas) !important; color: var(--editorial-muted) !important; }
html :is(.am-detail-view, .dir-detail-page, .shop-view) .page-tabs-wrapper { padding-top: 1rem !important; }
html :is(.am-detail-view, .dir-detail-page, .shop-view) .sticky-tabs {
    gap: .25rem; padding: .35rem .65rem; border: 1px solid var(--editorial-line); border-radius: 6px;
    background: var(--editorial-surface); box-shadow: none; opacity: 1; overflow-x: auto; overflow-y: hidden;
}
html :is(.am-detail-view, .dir-detail-page, .shop-view) .sticky-tabs .nav-item { flex-shrink: 0; }
html :is(.am-detail-view, .dir-detail-page, .shop-view) .sticky-tabs .nav-link { padding: .45rem .7rem; border: 0; border-bottom: 2px solid transparent; border-radius: 0; font-size: .75rem; font-weight: 500; color: var(--editorial-muted); white-space: nowrap; }
html :is(.am-detail-view, .dir-detail-page, .shop-view) .sticky-tabs .nav-link:is(.active, :hover) { background: transparent; border-bottom-color: var(--editorial-accent) !important; color: var(--editorial-accent); }
html :is(.am-detail-view, .dir-detail-page, .shop-view) .tab-content > .tab-pane {
    margin-top: 1rem !important; padding: 1.25rem 1.5rem !important; background: var(--editorial-surface);
    border: 1px solid var(--editorial-line) !important; border-radius: 8px; scroll-margin-top: 80px; min-width: 0; overflow-wrap: anywhere;
}
html :is(.am-detail-view, .dir-detail-page, .shop-view) .tab-pane :is(h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5) { font-size: .875rem; font-weight: 600; line-height: 1.6; color: var(--editorial-ink); }
html :is(.am-detail-view, .dir-detail-page, .shop-view) .tab-pane :is(p, li, .lead, .am-profile-content, .tool-richtext) { font-size: .875rem; line-height: 1.85; }
html :is(.am-detail-view, .dir-detail-page, .shop-view) .tab-pane :is(.small, small, .badge, .disclaimer-box) { font-size: .75rem; }
html :is(.am-detail-view, .dir-detail-page, .shop-view) .tab-pane :is(.card, .comment-box) { box-shadow: none !important; border-color: var(--editorial-line) !important; border-radius: 6px !important; }
html :is(.am-detail-view, .dir-detail-page, .shop-view) .tab-pane .bg-body-tertiary { background: var(--editorial-canvas) !important; }
html :is(.am-detail-view, .dir-detail-page, .shop-view) .tab-pane .card-header { background: var(--editorial-canvas); border-color: var(--editorial-line); }
html :is(.am-detail-view, .dir-detail-page, .shop-view) .tab-pane .text-primary { color: var(--editorial-accent) !important; }
html :is(.am-detail-view, .dir-detail-page, .shop-view) .am-price-grid .fs-4 { font-size: 1.125rem !important; font-weight: 600 !important; font-variant-numeric: tabular-nums; }
html :is(.am-detail-view, .dir-detail-page, .shop-view) .disclaimer-box { background: var(--editorial-canvas); border: 0; color: var(--editorial-muted); transform: none; box-shadow: none; }
html :is(.am-detail-view, .dir-detail-page, .shop-view) .comment-mask { background: color-mix(in srgb, var(--editorial-surface) 95%, transparent); }
html :is(.am-detail-view, .dir-detail-page, .shop-view) .comment-mask h5 { color: var(--editorial-ink); }
html .shop-view .contact-info-section { border-left: 0; }
html .shop-view .contact-item { border-color: var(--editorial-line); padding-block: .65rem; align-items: baseline; }
html .shop-view .contact-label { color: var(--editorial-muted); font-size: .75rem; font-weight: 400; }
html .shop-view .contact-value { color: var(--editorial-ink); font-size: .875rem; }
html .shop-view :is(.contact-position, .payment-prompt-card .payment-desc) { color: var(--editorial-muted); }
html .shop-view .payment-prompt-card { background: var(--editorial-tint); border: 1px solid var(--editorial-line); color: var(--editorial-ink); }
html :is(.am-detail-view, .dir-detail-page, .shop-view) :is(a, button, input, textarea, summary):focus-visible { outline: 2px solid var(--editorial-accent); outline-offset: 3px; }
/* Keep directory identity and browsing behavior; replace the permanent black sidebar. */
html main.dir-shell.dir-shell {
    --dir-bg: var(--editorial-canvas); --dir-surface: var(--editorial-surface); --dir-ink: var(--editorial-ink);
    --dir-muted: var(--editorial-muted); --dir-line: var(--editorial-line); --dir-primary: var(--editorial-accent);
    --dir-primary-dark: var(--editorial-accent); --dir-primary-soft: var(--editorial-tint);
    font-family: inherit;
}
html .dir-home-fluid { background: var(--editorial-canvas); }
html main.dir-shell :is(.dir-home-toolbar, .dir-home-sidebar, .dir-home-section, .dir-hero) { background: var(--editorial-surface); border: 1px solid var(--editorial-line); border-radius: 8px; box-shadow: none; }
html main.dir-shell .dir-home-sidebar { color: var(--editorial-ink); }
html main.dir-shell .dir-home-sidebar > span { color: var(--editorial-muted); letter-spacing: .04em; font-weight: 500; }
html main.dir-shell .dir-home-sidebar a { color: var(--editorial-muted) !important; border-radius: 5px; }
html main.dir-shell .dir-home-sidebar a:is(:hover, :focus-visible, [aria-current]) { background: var(--editorial-tint); color: var(--editorial-accent) !important; transform: none; }
html main.dir-shell .dir-home-sidebar b { background: var(--editorial-canvas); color: var(--editorial-muted); font-size: .6875rem; font-weight: 500; }
html main.dir-shell :is(.dir-home-brand > i, .dir-home-search button, .dir-home-submit, .dir-submit-link) { background: var(--editorial-accent); color: var(--editorial-surface) !important; box-shadow: none; border-radius: 5px; }
html main.dir-shell :is(.dir-home-section-head h2, .dir-group-heading h2, .dir-directory-head h2) { font-size: .875rem; font-weight: 600; }
html main.dir-shell .dir-home-section-head h2::before { width: 3px; height: 12px; background: var(--editorial-accent); }
html main.dir-shell :is(.dir-home-item, .dir-card, .dir-category-chip) { background: var(--editorial-surface); border-color: var(--editorial-line); border-radius: 6px; box-shadow: none; }
html main.dir-shell :is(.dir-home-item, .dir-card, .dir-category-chip):hover { background: var(--editorial-tint); transform: none; box-shadow: none; }
html main.dir-shell .dir-home-item strong { font-size: .8125rem; font-weight: 550; }
html main.dir-shell .dir-hero h1 { color: var(--editorial-ink); font-size: 1.5rem; font-weight: 650; }
html main.dir-shell .dir-hero::after { display: none; }
html main.dir-shell :is(a, button, input, select):focus-visible { outline: 2px solid var(--editorial-accent); outline-offset: 3px; }
@media (max-width: 575.98px) {
    html :is(main.am-detail-view, main.dir-detail-page, main.shop-view) { padding: .5rem .75rem 1.5rem; margin-top: .5rem !important; }
    html :is(.am-detail-view, .dir-detail-page, .shop-view) .product-hero { padding: 1rem .85rem; }
    html :is(.am-detail-view, .dir-detail-page, .shop-view) .product-hero h1.cn_name { font-size: 1.25rem !important; }
    html :is(.am-detail-view, .dir-detail-page, .shop-view) .product-hero .brand-logo { width: 48px !important; min-width: 48px; max-width: 48px; height: 48px !important; min-height: 48px; max-height: 48px; }
    html :is(.am-detail-view, .dir-detail-page, .shop-view) .hero-content { gap: .75rem; }
    html :is(.am-detail-view, .dir-detail-page, .shop-view) .tab-content > .tab-pane { margin-top: .75rem !important; padding: 1rem .85rem !important; }
    html :is(.am-detail-view, .dir-detail-page, .shop-view) .sticky-tabs { padding-inline: .25rem; }
    html .dir-home-fluid { padding-inline: .75rem; }
    html main.dir-shell .dir-home-section { padding: .85rem .7rem; }
}
/* Topic detail: tinted identity, white relationships and coherent content panels. */
html body:has(.editorial-topic-page) { background: var(--editorial-canvas); }
html article.editorial-topic-page { max-width: 1444px; padding: .75rem 2rem 2rem; color: var(--editorial-ink); font-size: .875rem; font-weight: 400; }
html .editorial-topic-page > .container-xxl { max-width: none; }
html .editorial-topic-page .breadcrumb { font-size: .6875rem; color: var(--editorial-muted); }
html .editorial-topic-page .breadcrumb a { color: var(--editorial-muted); text-decoration: none; }
html .editorial-topic-page .topic-overview { margin-top: 1rem; }
html .editorial-topic-page .topic-heading { padding: 1.25rem 1.5rem; background: var(--editorial-tint); border: 1px solid var(--editorial-line); border-radius: 8px; }
html .editorial-topic-page .topic-name { margin: 0; color: var(--editorial-ink) !important; font-size: 1.5rem; font-weight: 650; line-height: 1.4; letter-spacing: -.025em; }
html .editorial-topic-page .topic-description { max-width: 75ch; margin: .5rem 0 0; color: var(--editorial-muted); font-size: .8125rem; line-height: 1.8; }
html .editorial-topic-page .topic-relations { display: flex; flex-wrap: wrap; gap: 1.5rem; margin-top: .75rem; padding: 1.1rem 1.5rem; background: var(--editorial-surface); border: 1px solid var(--editorial-line); border-radius: 8px; }
html .editorial-topic-page .topic-relations:not(:has(> .topic-relations-group)) { display: none; }
html .editorial-topic-page .topic-relations-group { flex: 1 1 18rem; min-width: 0; }
html .editorial-topic-page .topic-relations h2 { margin: 0 0 .4rem; font-size: .875rem; font-weight: 600; color: var(--editorial-ink) !important; }
html .editorial-topic-page .topic-relations p { margin: 0 0 .65rem; color: var(--editorial-muted); font-size: .75rem; }
html .editorial-topic-page .mx-tag { padding: .3rem .65rem; border: 0; border-radius: 5px; background: var(--editorial-tint); color: var(--editorial-accent); font-size: .75rem; }
html .editorial-topic-page :is(.mx-section, .comment-container) { margin-top: 1rem !important; padding: 1.25rem 1.5rem !important; background: var(--editorial-surface); border: 1px solid var(--editorial-line); border-radius: 8px; box-shadow: none; }
html .editorial-topic-page :is(.mx-section-title, .comment-container h3) { font-size: .875rem; font-weight: 600; }
html .editorial-topic-page .mx-section-more { font-size: .75rem; color: var(--editorial-muted); }
html .editorial-topic-page .mx-section :is(h3, .mx-list-link) { font-size: .875rem; font-weight: 550; line-height: 1.6; }
html .editorial-topic-page .mx-section article p { font-size: .8125rem; line-height: 1.8; }
html .editorial-topic-page .mx-section article p.small { font-size: .6875rem; color: var(--editorial-muted); }
html .editorial-topic-page .comment-mask { background: color-mix(in srgb, var(--editorial-surface) 95%, transparent); }
html .editorial-topic-page .comment-mask h5 { color: var(--editorial-ink); font-size: .875rem; }
html .editorial-topic-page :is(a, button, input, textarea):focus-visible { outline: 2px solid var(--editorial-accent); outline-offset: 3px; }
@media (max-width: 575.98px) {
    html article.editorial-topic-page { padding: .5rem .75rem 1.5rem; }
    html .editorial-topic-page .topic-name { font-size: 1.25rem; }
    html .editorial-topic-page :is(.topic-heading, .topic-relations, .mx-section, .comment-container) { padding: 1rem .85rem !important; }
}
/* One comment component inside each page's own reading column. */
html .comment-container {
    width: 100%; max-width: none; margin-inline: 0; min-width: 0;
    color: var(--editorial-ink); font-size: .875rem; font-weight: 400;
    --bs-body-color: var(--editorial-ink); --bs-emphasis-color: var(--editorial-ink);
    --bs-secondary-color: var(--editorial-muted); --bs-body-bg: var(--editorial-surface);
}
html .comment-container > .row { margin-inline: 0; --bs-gutter-x: 0; }
html .comment-container > .row > div { width: 100%; max-width: none; padding-inline: 0; }
html .comment-container :is(h2, h3, h5) { font-size: .875rem; font-weight: 600; color: var(--editorial-ink); }
html .comment-container .comment-box {
    padding: 1rem !important; border: 1px solid var(--editorial-line) !important; border-radius: 6px !important;
    background: var(--editorial-surface); color: var(--editorial-ink); box-shadow: none !important;
}
html .comment-container .comment-box:has(> textarea, > .mb-3 > textarea) { background: var(--editorial-canvas) !important; }
html .comment-container :is(input, textarea).form-control { font-size: .8125rem; line-height: 1.7; background: var(--editorial-surface); color: var(--editorial-ink); border: 1px solid var(--editorial-line); border-radius: 5px; }
html .comment-container textarea.form-control { min-height: 108px; resize: vertical; }
html .comment-container :is(input, textarea)::placeholder { color: var(--editorial-muted); opacity: 1; }
html .comment-container :is(input, textarea).form-control:is(:focus, :focus-visible) { border-color: var(--editorial-accent); box-shadow: none; outline: none; }
html .comment-container :is(.btn, .comment-reply-btn, .comment-loadmore) { font-size: .75rem; border-radius: 5px; }
html .comment-container .btn-primary { background: var(--editorial-accent); color: var(--editorial-surface); border-color: transparent; }
html .comment-container .comment-avatar { width: 32px !important; height: 32px !important; flex-shrink: 0; border-radius: 50%; object-fit: cover; }
html .comment-container .comment-box > .d-flex:first-child { flex-wrap: wrap; gap: .35rem .75rem; }
html .comment-container .info { flex-wrap: wrap; min-width: 0; }
html .comment-container .info h6 { font-size: .8125rem; font-weight: 600 !important; color: var(--editorial-ink); }
html .comment-container .info a { font-size: .6875rem; color: var(--editorial-accent); }
html .comment-container .comment-time { font-size: .6875rem; color: var(--editorial-muted); white-space: nowrap; }
html .comment-container .message { margin: .5rem 0 .75rem; font-size: .875rem; line-height: 1.8; color: var(--editorial-ink); word-break: normal; overflow-wrap: anywhere; }
html .comment-container .message :is(p, li) { font-size: .875rem; line-height: 1.8; }
html .comment-container .reply-list { margin-left: 1rem !important; padding: .25rem .75rem; background: var(--editorial-canvas); border-radius: 5px; }
html .comment-container .reply-list .comment-box { background: transparent !important; border: 0 !important; border-bottom: 1px solid var(--editorial-line) !important; }
html .comment-container .comment-reply { margin-left: 0; padding-left: 0; border: 0; }
html .comment-container :is(.comment-reply-btn, .comment-loadmore, .comment-empty) { color: var(--editorial-muted); }
html .comment-container :is(.comment-reply-btn, .comment-loadmore):hover { background: var(--editorial-tint); color: var(--editorial-accent); }
html .comment-container .comment-mask { background: color-mix(in srgb, var(--editorial-surface) 95%, transparent); border-radius: 6px; }
html .comment-container .comment-mask h5 { color: var(--editorial-ink); }
html .comment-container :is(a, button, input, textarea):focus-visible { outline: 2px solid var(--editorial-accent); outline-offset: 3px; }
@media (max-width: 575.98px) {
    html .comment-container .comment-box { padding: .75rem !important; }
    html .comment-container .reply-list { margin-left: .5rem !important; padding-inline: .5rem; }
}
html .portal-breadcrumb,
html .news-breadcrumb { font-size: .7rem; color: var(--editorial-muted); margin-bottom: 1rem; }
html .portal-filter {
    gap: .6rem;
    padding: .7rem 0 1rem;
    margin: 0 0 .6rem;
    color: var(--editorial-muted);
    font-size: .72rem;
}
html .portal-filter input,
html .portal-filter button {
    min-height: 32px;
    padding: .3rem .65rem;
    border: 1px solid transparent;
    border-radius: 6px;
    background: color-mix(in srgb, var(--editorial-muted) 7%, var(--editorial-surface));
    color: var(--editorial-ink);
    font-size: .72rem;
}
html .portal-filter input:focus-visible { outline: 2px solid var(--editorial-accent); outline-offset: 2px; }
html .portal-filter button:hover { color: var(--editorial-accent); border-color: var(--editorial-accent); }
@media (max-width: 1199.98px) and (min-width: 992px) {
    html .bd-navbar .navbar-brand { margin-right: 1rem; }
    html .bd-navbar .navbar-nav > .nav-item > .nav-link { padding-inline: .45rem; font-size: .78rem; }
}
@media (max-width: 991.98px) {
    html .bd-navbar .navbar-collapse { padding: .8rem 0 .4rem; }
    html .bd-navbar .navbar-nav { gap: .15rem; }
    html .bd-navbar .navbar-toggler { padding: .35rem; margin-right: 0; border-radius: 6px; }
    html .bd-navbar .navbar-toggler:focus-visible { outline: 2px solid var(--editorial-accent); outline-offset: 3px; }
    html .bd-navbar .head-right-bar { margin-top: .5rem; }
    html .home-news-navigation { gap: .3rem 1rem; }
}
@media (max-width: 575.98px) {
    html :is(main.home-news, main.news-stream-shell) { padding: .85rem .75rem 1.5rem; }
    html body:has(main.home-news, main.news-stream-shell) .bd-navbar > nav.container-xxl { padding-inline: .75rem; }
    html .bd-navbar .navbar-brand { font-size: 1.05rem; }
    html .home-news-heading { gap: .65rem; padding-bottom: .7rem; }
    html .home-news-heading h1 { font-size: 1.35rem; }
    html .home-news-heading p { font-size: .75rem; }
    html .home-news-search { width: 100%; }
    html .home-news-sections { border: 0; padding-left: 0; gap: .2rem 1.1rem; }
    html .home-news-views { gap: 1.35rem; }
    html .home-news-views > a[aria-current="page"]::after { bottom: 0; }
    html .news-focus-board,
    html .portal-focus-board { padding: .8rem .7rem .4rem; margin-bottom: .85rem; }
    html :is(.news-focus-board, .portal-focus-board) li { padding: .65rem .5rem; gap: .55rem; }
    html :is(.news-focus-board, .portal-focus-board) li:first-child { padding: .7rem .5rem; }
    html :is(.news-focus-board, .portal-focus-board) li:nth-child(3) { border-top: 0; }
    html .home-news-navigation { margin-bottom: .85rem; gap: .2rem .6rem; }
    html .home-news-feed { padding: .8rem .7rem .1rem; }
    html .home-news-preview { grid-template-columns: minmax(0, 1fr); padding: .75rem 0; }
    html .home-news-preview-time { display: flex; align-items: baseline; gap: .5rem; padding: 0; }
    html .home-news-preview-time > span { font-size: .69rem; }
    html .home-news-preview-time > small { margin: 0; font-size: .6rem; }
    html .home-news-preview-body { padding: .3rem 0 0; }
    html .home-news-preview-body::before { display: none; }
    html .home-news-preview h3 { margin-bottom: .3rem; font-size: .875rem; line-height: 1.55; }
    html .home-news-preview h3 a { white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
    html .home-news-preview-body > p { line-height: 1.65; margin-bottom: .3rem; }
    html .home-news-preview-meta { gap: .2rem .5rem; }
    html .home-news-more { padding: .75rem 0; }
    html .news-event { padding-left: 0; }
    html .news-event::before { display: none; }
    html .news-timeline-time { position: static; width: auto; display: flex; align-items: baseline; gap: .5rem; margin: .5rem 0; }
    html .news-timeline-time small { margin: 0; }
    html .news-event-surface { padding: .85rem .7rem; }
    html .news-event-summary { line-height: 1.8; }
    html .editorial-list-page.container-xxl,
    html .editorial-list-page > section.container-xxl { padding-inline: .75rem; }
    html :is(.home-news, .editorial-list-page) .mx-section,
    html .editorial-list-page > section:has(> .mx-section-head),
    html .editorial-list-page .card-body { padding: .8rem .7rem; margin-top: .85rem; }
    html .editorial-list-page .card-body { margin-top: 0; }
    html :is(.home-news, .editorial-list-page) .mx-section-title { font-size: .8125rem; }
    html :is(.home-news, .editorial-list-page) .mx-qa { gap: .55rem; padding-block: .6rem; }
    html :is(.home-news, .editorial-list-page) .mx-qa-badge { width: 1.4rem; height: 1.4rem; flex-basis: 1.4rem; line-height: 1.4rem; font-size: .72rem; }
    html .footer-main { padding: 1.5rem .75rem 1rem; }
    html .footer-heading { margin-top: .5rem; margin-bottom: .65rem; }
    html .footer-slogan { max-width: 100%; }
    html .footer-bottom { padding-block: .8rem; }
    html .ac-shell.ac-shell:not(.ac-detail-shell) { padding: 1rem .75rem; }
    html .ac-shell.ac-shell .ac-filters { padding: .85rem .7rem; }
    html .ac-shell.ac-shell .ac-hero h1 { font-size: 1.5rem; }
    html .ac-shell.ac-shell .ac-media-tabs { gap: 1.25rem; }
}
@media (prefers-reduced-motion: reduce) {
    html .bd-navbar .nav-link,
    html .home-news-search,
    html .portal-search { transition: none; }
}