/* AAA is the master. Shared public UI and adapters for the legacy sport templates. */
.aaa-home-hero-mobile {display:none}
body #aaa-footer .to-pagetop a,body footer.kr-footer .to-pagetop a {white-space:nowrap}
body #main .directory-tabs,body #main.site-directory .site-tabs,body #aaa-contents main.ks-catalog .ks-tabs {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:16px 0;padding:0}
body #main .directory-tabs a,body #main.site-directory .site-tabs a,body #aaa-contents main.ks-catalog .ks-tabs a {display:flex;align-items:center;justify-content:center;gap:6px;box-sizing:border-box;min-width:0;max-width:none;min-height:44px;margin:0;padding:8px 6px;font-size:13px;line-height:1.4;text-align:center;text-decoration:none}
body #main.site-directory .site-tabs a span,body #aaa-contents main.ks-catalog .ks-tabs a b {display:inline;margin:0;padding:0;font-size:inherit;font-weight:400;line-height:inherit}
@media(max-width:719px) {
    body #aaa-contents.aaa-page-columns:has(>main.ks-catalog) {width:auto;margin-left:15px;margin-right:15px}
    body #aaa-contents.aaa-page-columns>main.ks-catalog {width:100%;margin-left:0;margin-right:0;padding-left:0;padding-right:0}
    body.data-directory #aaa-contents #main,body #aaa-contents #main.site-directory {box-sizing:border-box;width:auto;max-width:none;margin-left:15px;margin-right:15px;padding-left:0;padding-right:0}
}
/* List menus share a left text edge; navigation tabs use centered labels. */
body #aaa-contents #side #side-menu ul li {padding:0;font-size:13px;line-height:1.5}
body #aaa-contents #side #side-menu ul li a {display:flex;align-items:center;box-sizing:border-box;min-height:44px;padding:10px 2px;text-align:left;font-size:13px;line-height:1.5}
@media(max-width:719px) {
    /* The directory link already has bottom padding; do not add desktop block spacing. */
    body #aaa-contents #side > #side-top20,body #aaa-contents #side > #side-sites {margin-bottom:0}
    body #aaa-contents #side > #side-top20 + #side-menu,body #aaa-contents #side > #side-sites + #side-menu {margin-top:0}
}
body #aaa-footer .footer-menu,body footer.kr-footer .aaa-original-footer-menu {font-size:12px;line-height:1.5;text-align:left}
body #aaa-footer .footer-menu a,body footer.kr-footer .aaa-original-footer-menu a {text-align:left;line-height:1.5}
@media(min-width:720px) {
    body #aaa-footer .footer-menu dl {display:grid;grid-template-columns:166px minmax(0,1fr);gap:16px 29px}
    body footer.kr-footer .aaa-original-footer-menu>div {display:grid;grid-template-columns:166px minmax(0,1fr);gap:29px;margin:0 0 16px}
    body #aaa-footer .footer-menu dl dt,body footer.kr-footer .aaa-original-footer-menu strong {box-sizing:border-box;align-self:start;width:166px;height:auto;min-height:32px;margin:0;padding:7px 12px;text-align:left;border-radius:0;font-size:12px;line-height:1.5}
    body #aaa-footer .footer-menu dl dt:after {display:none}
    body #aaa-footer .footer-menu dl dd {margin:0;padding:0 0 8px;line-height:1.5}
    body #aaa-footer .footer-menu dl dd ul,body footer.kr-footer .aaa-original-footer-menu p {display:flex;flex-wrap:wrap;gap:4px 22px;margin:0;padding:0}
    body #aaa-footer .footer-menu dl dd ul li {float:none;margin:0;padding:0}
    body #aaa-footer .footer-menu dl dd a,body footer.kr-footer .aaa-original-footer-menu p a {display:flex;align-items:center;box-sizing:border-box;min-height:30px;padding:6px 0 6px 12px;background:url('/img/common/arrow-footer_link.png') no-repeat 0 50%;font-size:12px;line-height:1.5;text-align:left}
}
@media(max-width:719px) {
    body footer.kr-footer {padding-left:0;padding-right:0}
    body #aaa-footer .footer-menu dl,body footer.kr-footer .aaa-original-footer-menu {width:100%;max-width:none;margin:0;padding:0}
    body #aaa-footer .footer-menu dl dt,body footer.kr-footer .aaa-original-footer-menu strong {display:block;box-sizing:border-box;width:100%;min-height:32px;height:auto;margin:0;padding:7px 15px;border-radius:0;text-align:left;font-size:12px;line-height:1.5}
    body #aaa-footer .footer-menu dl dt:after {display:none}
    body #aaa-footer .footer-menu dl dd,body footer.kr-footer .aaa-original-footer-menu>div {display:block;margin:0;padding:0;border:0;line-height:1.5}
    body #aaa-footer .footer-menu dl dd ul,body footer.kr-footer .aaa-original-footer-menu p {display:block;margin:0;padding:0}
    body #aaa-footer .footer-menu dl dd ul li {float:none;margin:0;padding:0;border:0}
    body #aaa-footer .footer-menu dl dd a,body footer.kr-footer .aaa-original-footer-menu p a {display:flex;align-items:center;box-sizing:border-box;min-height:44px;margin:0;padding:12px 15px 12px 25px;border:0;border-bottom:1px solid #0002;background:url('/img/sp/common/arrow-footer_link.png') no-repeat 15px 50% / 5px auto;font-size:12px;line-height:1.5;text-align:left;text-decoration:none}
    body footer.kr-footer .aaa-original-footer-note {margin:24px 15px 15px}
}
@media(max-width:719px) {
    body #aaa-contents #main #billboard #b1 {height:auto;min-height:0}
    /* Keep the original desktop art and exactly one accessible H1. */
    body #aaa-contents #main #billboard #b1>.aaa-home-hero-desktop {position:relative;width:100%;height:0;min-height:0;aspect-ratio:auto;margin:0;padding:0;background:none;border:0;overflow:visible}
    body #aaa-contents #main #billboard #b1>.aaa-home-hero-desktop>:not(h1) {display:none}
    body #aaa-contents #main #billboard #b1>.aaa-home-hero-desktop>h1 {position:absolute;width:1px;height:1px;margin:0;padding:0;left:0;top:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
    body #main #billboard .aaa-home-hero-mobile {--hero-bg:#26cddd;--hero-ink:#083f62;--hero-paper:#fff000;display:block;color:#fff;background:var(--hero-bg);font-family:inherit;line-height:1.4;text-align:center}
    body #main #billboard .aaa-home-hero-mobile[data-sport=kyotei] {--hero-bg:#017482;--hero-ink:#00545e;--hero-paper:#d9eeea}
    body #main #billboard .aaa-home-hero-mobile[data-sport=keirin] {--hero-bg:#922d35;--hero-ink:#75232b;--hero-paper:#f7dda3}
    body #main #billboard .aaa-home-hero-mobile * {box-sizing:border-box}
    body #main #billboard .aaa-home-hero-mobile__strap {position:static;width:auto;height:auto;margin:0;padding:7px 8px;background:var(--hero-paper);color:var(--hero-ink);font-size:clamp(11px,3vw,17px);font-weight:700;line-height:1.4;text-align:center;text-indent:0}
    body #main #billboard .aaa-home-hero-mobile__body {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:center;max-width:480px;margin:auto;padding:14px 15px}
    body #main #billboard .aaa-home-hero-mobile__brand p {position:static;width:auto;height:auto;margin:0 0 5px;padding:0;background:none;font-size:clamp(10px,2.8vw,14px);font-weight:400;line-height:1.4;text-indent:0;white-space:nowrap}
    body #main #billboard .aaa-home-hero-mobile__logo {display:block;width:94%;max-width:180px;aspect-ratio:450/196;margin:0 auto;background:url('/img/common/aaa-logo-mark.svg?v=20261014') no-repeat center / contain}
    body #main #billboard .aaa-home-hero-mobile__name {display:block;margin-top:3px;font-size:clamp(13px,3.7vw,18px);font-weight:600;line-height:1.3;letter-spacing:.08em}
    body #main #billboard .aaa-home-hero-mobile__summary dl {position:static;width:auto;margin:0;padding:0}
    body #main #billboard .aaa-home-hero-mobile__summary dt {height:auto;margin:0 0 4px;padding:0;font-size:clamp(10px,2.8vw,14px);font-weight:700;line-height:1.4;text-indent:0;text-align:center}
    body #main #billboard .aaa-home-hero-mobile__summary dd {display:flex;align-items:flex-end;justify-content:center;gap:4px;margin:0;padding:0;letter-spacing:0}
    body #main #billboard .aaa-home-hero-mobile__digits {display:flex;gap:3px;min-width:0}
    body #main #billboard .aaa-home-hero-mobile__digits b {display:flex;align-items:center;justify-content:center;min-width:0;width:clamp(23px,6.5vw,34px);height:clamp(36px,10vw,48px);background:#fffaf2;color:var(--hero-ink);font-family:Arial,sans-serif;font-size:clamp(29px,8vw,40px);font-weight:700;line-height:1}
    body #main #billboard .aaa-home-hero-mobile__summary small {position:static;font-size:10px;line-height:1.4;white-space:nowrap}
    body #main #billboard .aaa-home-hero-mobile__summary a {display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:44px;margin:8px 0 0;padding:5px 3px;border:1px solid #ffffff99;border-radius:4px;background:var(--hero-paper);color:var(--hero-ink);font-size:clamp(10px,2.6vw,14px);font-weight:700;line-height:1.4;text-decoration:none;text-align:center}
    body #main #billboard .aaa-home-hero-mobile__summary a:hover {text-decoration:underline}
    body #main #billboard .aaa-home-hero-mobile__summary a:focus-visible {outline:2px solid #fff;outline-offset:2px}
}
#main #billboard .aaa-home-ticker {
    display:flex;align-items:center;position:relative;box-sizing:border-box;
    height:40px;min-height:0;padding:0;margin:0;overflow:hidden;
    background:#333 url('/img/home/billboard-ticker.png') no-repeat left center;
    color:#fff;font-size:15px;font-weight:bold;line-height:1.4;
}
#main #billboard .aaa-home-ticker__viewport {
    flex:1;min-width:0;overflow:hidden;white-space:nowrap;margin:0 15px 0 65px;
}
#main #billboard .aaa-home-ticker__track {
    display:inline-block;box-sizing:content-box;padding-left:100%;
    animation:aaa-home-ticker-scroll 30s linear infinite;will-change:transform;
}
@media(hover:hover) and (pointer:fine){
 #main #billboard .aaa-home-ticker__viewport:hover .aaa-home-ticker__track {animation-play-state:paused}
}
@keyframes aaa-home-ticker-scroll {from{transform:translateX(0)}to{transform:translateX(-100%)}}
body.kr-editorial #main #billboard .aaa-home-ticker {background-color:#51282a;background-blend-mode:screen}

/* Narrow tablet widths must scale the legacy horse art with its content. */
@media(min-width:720px) and (max-width:750px) {
    body #aaa-contents #main #billboard #b1 {height:auto;min-height:0}
    body #aaa-contents #main #billboard #b1>.aaa-home-hero-desktop {height:auto;aspect-ratio:696/298;background-size:100% 100%}
    body:not(.aaa-original):not(.kr-editorial) #main #billboard #b1 .visual dl {left:56.752874%;top:43.959732%}
    body:not(.aaa-original):not(.kr-editorial) #main #billboard #b1 .visual dl.aaa-count-four {width:31.321839%}
    body:not(.aaa-original):not(.kr-editorial) #main #billboard #b1 .visual dl.aaa-count-four dd {height:41.284404cqw;gap:1.376147cqw}
    body:not(.aaa-original):not(.kr-editorial) #main #billboard #b1 .visual dl.aaa-count-four dd b {font-size:29.357798cqw}
    body:not(.aaa-original):not(.kr-editorial) #main #billboard #b1 .visual .more {left:56.752874%;top:78.187919%;width:40.229885%;height:18.120805%}
    body:not(.aaa-original):not(.kr-editorial) #main #billboard #b1 .visual .more a {width:100%;height:100%;background-size:100% 200%}
    body #aaa-contents #main #review>h2 {height:auto;aspect-ratio:700/92}
}

/* All editions use the horse edition's single 700px column at tablet widths. */
@media(min-width:720px) and (max-width:1059.98px) {
    body.kr-editorial #aaa-contents.aaa-page-columns {
        display:block;box-sizing:border-box;width:calc(100% - 32px);max-width:700px;
        margin-left:auto;margin-right:auto;gap:0;
    }
    body #aaa-contents #side {float:none;width:100%;margin-top:35px;padding-top:40px}
    body.kr-editorial #aaa-contents.aaa-page-columns>#side {width:100%;margin-top:35px;padding-top:40px}
    body.kr-editorial #main #billboard #change-board {width:100%;max-width:none;height:49px;margin:0}
    body.kr-editorial #main #billboard #change-board ul {display:flex;gap:10px;padding:0 24px}
    body.kr-editorial #main #billboard #change-board ul:after {display:none}
    body.kr-editorial #main #billboard #change-board ul li {flex:0 0 210px;height:49px;position:relative}
    body.kr-editorial #main #billboard #change-board ul li a {width:210px;height:49px;aspect-ratio:auto;background-image:url('/img/home/billboard-tabs.png');background-size:auto}
    body.kr-editorial #main #billboard #change-board ul li.cb1 a {background-position:0 10px}
    body.kr-editorial #main #billboard #change-board ul li.cb2 a {background-position:-210px 10px}
    body.kr-editorial #main #billboard #change-board ul li.cb3 a {background-position:-420px 10px}
    body.kr-editorial #main #billboard #change-board ul li.cb1 a:hover,
    body.kr-editorial #main #billboard.b1 #change-board ul li.cb1 a {background-position:0 -40px}
    body.kr-editorial #main #billboard #change-board ul li.cb2 a:hover,
    body.kr-editorial #main #billboard.b2 #change-board ul li.cb2 a {background-position:-210px -40px}
    body.kr-editorial #main #billboard #change-board ul li.cb3 a:hover,
    body.kr-editorial #main #billboard.b3 #change-board ul li.cb3 a {background-position:-420px -40px}
    body.kr-editorial #aaa-contents #main #billboard #change-board ul li a[aria-selected=true] {height:60px;position:absolute;z-index:2}
    body.kr-editorial #aaa-contents #side .aaa-home-site-list>:nth-child(n+11) {display:none}
}
@media(min-width:720px) and (max-width:750px) {
    body.kr-editorial #main #billboard #change-board ul {justify-content:space-between;gap:6px;padding:0 12px}
}
/* Use the existing AAA page-top artwork and the same action in the cycle footer. */
footer.kr-footer .to-pagetop {width:1000px;max-width:100%;margin:0 auto 30px;text-align:right}
footer.kr-footer .to-pagetop a {display:inline-block;width:116px;height:48px;text-indent:-10000px;overflow:hidden;background:url('/img/common/pagetop.png') no-repeat}
footer.kr-footer .to-pagetop a:hover {background-position:0 100%}
footer.kr-footer .to-pagetop a:focus-visible {outline:2px solid var(--aaa-ui-accent);outline-offset:3px}

@media(max-width:719px) {
    body #aaa-contents #main #billboard {margin-bottom:10px}
    #main #billboard .aaa-home-ticker {height:32px;font-size:12px;background-image:url('/img/sp/home/billboard-ticker_bg.png');background-repeat:repeat;background-size:2px}
    #main #billboard .aaa-home-ticker:before {content:"";position:absolute;left:9px;top:11px;width:14px;height:10px;background:url('/img/sp/home/billboard-ticker_horn.png') no-repeat center / 14px auto}
    #main #billboard .aaa-home-ticker__viewport {margin:0 5px 0 29px}
    body.kr-editorial #aaa-contents.aaa-page-columns:has(#change-board) {width:100%;max-width:none;margin-left:0;margin-right:0}
    body.kr-editorial #main #billboard #b1.aaa-billboard {border:0}
    /* Phone banner: the adopted lettering gets its own readable area. */
    body #aaa-contents #main #review>h2 {--review-paper:#f9fc0e;box-sizing:border-box;width:auto;height:66px;min-height:0;aspect-ratio:auto;margin:0 15px 12px;border:0;border-radius:0;background:none;overflow:visible}
    body.kyotei-theme #aaa-contents #main #review>h2 {--review-paper:#b2f7e5}
    body.kr-editorial #aaa-contents #main #review>h2 {--review-paper:#f9fc0e}
    body #aaa-contents #main #review>h2::before {content:"";left:0;right:0;top:8px;width:auto;height:46px;border:1.5px solid #252525;border-radius:7px;background:var(--review-paper);z-index:0}
    body #aaa-contents #main #review>h2::after {content:"";position:absolute;left:6px;right:auto;top:0;width:188px;height:66px;background:url('/img/home/review-lettering.png?v=20260920-logo-b') no-repeat -20px -20px / 218px auto;z-index:2}
    body #aaa-contents #main #review>h2>.aaa-review-motion-shell {left:6px;top:0;width:188px;height:66px;z-index:2}
    body #aaa-contents #main #review>h2>.aaa-review-motion-shell>svg {width:218px;left:-20px;top:-20px}
    body #aaa-contents #main #review>h2[data-review-animated]::after {display:none}
    body #aaa-contents #main #review>h2 .aaa-review-cloud-shell {display:block;z-index:1}
    body #aaa-contents #main #review>h2 .aaa-review-cloud-base,
    body #aaa-contents #main #review>h2 .aaa-review-cloud-mobile-base,
    body #aaa-contents #main #review>h2 .aaa-review-cloud-shell::before {display:none}
    /* Keep the original clouds clear of the lettering and lift them above the phone strip. */
    body #aaa-contents #main #review>h2 .aaa-review-cloud-art {top:-4px;right:-12px;width:min(192px,calc(100% - 175px));height:auto;aspect-ratio:70 / 23}
    body #aaa-contents #side {box-sizing:border-box;padding:40px 15px 0}
    body.kr-editorial #aaa-contents.aaa-page-columns>#side {margin-top:0;padding:40px 15px 0}
    footer.kr-footer .to-pagetop {margin:2px auto 30px;text-align:center}
    footer.kr-footer .to-pagetop a {width:82px;height:31px;background:url('/img/sp/common/pagetop.png') no-repeat left top / 82px auto}
}
@media(max-width:359px) {
    body #aaa-contents #main #review>h2 {height:98px}
    body #aaa-contents #main #review>h2::before {height:78px}
    body #aaa-contents #main #review>h2 .aaa-review-cloud-art {top:49px;right:-8px;width:190px;height:auto}
}
@media(max-width:719px) and (prefers-reduced-motion:reduce) {
    body #aaa-contents #main #review>h2[data-review-animated]::after {display:block}
    body #aaa-contents #main #review>h2[data-review-animated]::before {background-image:none}
}
@media(prefers-reduced-motion:reduce) {
    #main #billboard .aaa-home-ticker:not([data-ticker-motion="running"]) {height:auto;min-height:40px;padding:8px 0}
    #main #billboard .aaa-home-ticker:not([data-ticker-motion="running"]) .aaa-home-ticker__viewport {white-space:normal}
    #main #billboard .aaa-home-ticker:not([data-ticker-motion="running"]) .aaa-home-ticker__track {padding-left:0;animation:none;will-change:auto}
}
#main #billboard .aaa-home-ticker[data-ticker-motion="static"] {height:auto;min-height:40px;padding:8px 0}
#main #billboard .aaa-home-ticker[data-ticker-motion="static"] .aaa-home-ticker__viewport {white-space:normal}
#main #billboard .aaa-home-ticker[data-ticker-motion="static"] .aaa-home-ticker__track {padding-left:0;animation:none;will-change:auto}
#main #billboard .aaa-home-ticker.has-ticker-control .aaa-home-ticker__viewport {margin-right:46px}
#main #billboard .aaa-home-ticker__toggle {position:absolute;right:2px;top:0;bottom:0;display:flex;align-items:center;justify-content:center;width:40px;padding:0;border:0;background:transparent;color:#fff;cursor:pointer;touch-action:manipulation}
#main #billboard .aaa-home-ticker__toggle svg {display:block;width:18px;height:18px;fill:currentColor}
#main #billboard .aaa-home-ticker__toggle:focus-visible {outline:2px solid #fff;outline-offset:-4px}

/* A quiet, reachable page-top action while reading on a phone. */
body>.aaa-scroll-top {display:none}
@media(max-width:719px) {
    body>.aaa-scroll-top {
        display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;
        position:fixed;right:calc(12px + env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));
        z-index:900;box-sizing:border-box;width:48px;height:48px;margin:0;padding:4px;
        border:1px solid #ffffff80;border-radius:6px;background:rgba(35,45,52,.68);color:#fff;
        font-family:inherit;font-size:11px;font-weight:700;line-height:1;text-align:center;cursor:pointer;
        box-shadow:0 1px 4px #0002;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(6px);
        transition:opacity .18s,transform .18s,visibility .18s;touch-action:manipulation;
    }
    body>.aaa-scroll-top.is-visible {opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
    body>.aaa-scroll-top svg {display:block;width:23px;height:23px;flex:none}
    body>.aaa-scroll-top:focus-visible {outline:2px solid #fff;outline-offset:-4px;background:#33424c}
    body>.aaa-scroll-top:active {background:#33424c}
}
@media(max-width:719px) and (prefers-reduced-motion:reduce) {
    body>.aaa-scroll-top {transition:none;transform:none}
}

/* Keep the original desktop sprite geometry with resolution-independent artwork. */
@media(min-width:720px) {
    body #aaa-contents #main #billboard #change-board ul li a {
        background-image:url('/img/home/billboard-tabs.svg?v=20261018');
    }
}
/* Phone tabs use type and vector marks instead of the desktop sprite. */
#change-board .aaa-home-tab-content {display:none}
@media(max-width:719px) {
    body #aaa-contents #main #billboard #change-board {width:100%;max-width:480px;height:52px;margin:0 auto}
    body #aaa-contents #main #billboard #change-board ul {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;box-sizing:border-box;height:52px;padding:0 12px}
    body #aaa-contents #main #billboard #change-board ul:after {display:none}
    body #aaa-contents #main #billboard #change-board ul li {float:none;position:relative;min-width:0;width:auto;height:52px;margin:0}
    body #aaa-contents #main #billboard #change-board ul li a {
        display:flex;align-items:center;justify-content:center;position:relative;box-sizing:border-box;
        width:100%;height:48px;min-height:48px;margin-top:4px;aspect-ratio:auto;padding:2px 3px 4px 13px;
        border:0;border-radius:0;clip-path:none;isolation:isolate;
        overflow:visible;text-indent:0;text-decoration:none;text-align:center;white-space:nowrap;
        color:#fff;background:none;filter:none;
    }
    /* The original artwork has a rectangular face in front of a triangular side. */
    body #aaa-contents #main #billboard #change-board ul li a:before {
        content:"";position:absolute;inset:0 auto 0 0;width:10px;z-index:0;pointer-events:none;
        background:linear-gradient(90deg,#46544d,#87918b);clip-path:polygon(100% 0,100% 100%,0 100%);
    }
    body #aaa-contents #main #billboard #change-board ul li a:after {
        content:"";position:absolute;inset:0 0 0 10px;z-index:0;pointer-events:none;
        background:linear-gradient(180deg,#ffffff0d,transparent 35%,#0000000a),var(--aaa-tab-color);
        box-shadow:inset 1px 0 #ffffff38,inset 0 1px #ffffff40,inset 0 -3px #00000030;filter:drop-shadow(0 1px 1px #0003);
    }
    body #aaa-contents #main #billboard #change-board .cb1 {--aaa-tab-color:#18864a}
    body #aaa-contents #main #billboard #change-board .cb2 {--aaa-tab-color:#207aaf}
    body #aaa-contents #main #billboard #change-board .cb3 {--aaa-tab-color:#ca293c}
    body #aaa-contents #main #billboard #change-board .aaa-home-tab-content {display:flex;align-items:center;justify-content:center;gap:5px;width:100%;min-width:0;z-index:1}
    body #aaa-contents #main #billboard #change-board .aaa-home-tab-title {font-size:13px;font-weight:700;line-height:1.3;letter-spacing:0}
    body #aaa-contents #main #billboard #change-board .aaa-home-tab-title>span {display:block}
    body #aaa-contents #main #billboard #change-board .aaa-home-tab-logo {display:block;flex:none;width:32px;height:20px;object-fit:contain}
    body #aaa-contents #main #billboard #change-board .aaa-home-tab-coin {display:flex;flex:none;align-items:center;justify-content:center;box-sizing:border-box;width:24px;height:24px;border:1.5px solid currentColor;border-radius:50%;font-size:12px;font-weight:700;line-height:1}
    body #aaa-contents #main #billboard #change-board ul li a[aria-selected=true] {height:52px;margin-top:0}
    body #aaa-contents #main #billboard #change-board ul li a[aria-selected=true] .aaa-home-tab-content:after {content:"";position:absolute;bottom:4px;left:calc(50% - 5px);width:20px;height:2px;background:#fff}
    body #aaa-contents #main #billboard #change-board ul li a:focus-visible {outline:0;box-shadow:none}
    body #aaa-contents #main #billboard #change-board ul li a:focus-visible:after {outline:2px solid #fff;outline-offset:-4px;box-shadow:inset 0 0 0 6px #253a48}
}
@media(max-width:359px) {
    body #aaa-contents #main #billboard #change-board ul {gap:4px;padding:0 8px}
    body #aaa-contents #main #billboard #change-board .aaa-home-tab-content {gap:3px}
    body #aaa-contents #main #billboard #change-board .aaa-home-tab-title {font-size:12px}
    body #aaa-contents #main #billboard #change-board .aaa-home-tab-logo {width:28px}
    body #aaa-contents #main #billboard #change-board .aaa-home-tab-coin {width:22px;height:22px;font-size:11px}
}

/* Results and footer share neutral surfaces and the existing sport accent. */
body #aaa-contents #side #side-result.block {background:#fff;color:#333}
body #aaa-contents #side #side-result.block ul li {background:none;border:0;border-bottom:1px dotted #ccc;margin:0;padding:14px 0}
body #aaa-contents #side #side-result.block .name a,
body #aaa-contents #side #side-result.block .more a,
body #aaa-contents #side #side-result.block .detail dd.refund {color:var(--aaa-ui-accent)}
body #aaa-contents #side #side-result.block .race {color:#555}
body #aaa-contents #side #side-result.block .detail dt[class],
body #aaa-contents #side #side-result.block .detail dd.date,
body #aaa-contents #side #side-result.block :is(.published-results-note,.aaa-side-caption,.side-data-note) {color:#666}
body #aaa-footer,body footer.kr-footer {padding:24px 0 20px;background:#f5f5f5;border-top:1px solid #ddd;color:#333}
body #aaa-footer .footer-menu,body footer.kr-footer .aaa-original-footer-menu {background:transparent;color:#333}
body #aaa-footer .footer-menu dl dt,body footer.kr-footer .aaa-original-footer-menu strong {background:var(--aaa-ui-accent);color:#fff}
body #aaa-footer .footer-menu dl dd,body footer.kr-footer .aaa-original-footer-menu p {border-color:#ddd}
body #aaa-footer .footer-menu dl dd a,body footer.kr-footer .aaa-original-footer-menu p a {color:var(--aaa-ui-accent);border-bottom-color:#ddd}
body #aaa-footer :is(.footer-note,.copy),body footer.kr-footer :is(.aaa-original-footer-note,.aaa-original-copyright) {background:transparent;color:#555}
@media(max-width:719px) {
    body #aaa-contents #side #side-result.block ul li {padding:12px 15px}
}
/* Render the existing AAA mark without the white rectangle of the old bitmap. */
body #aaa-footer .to-pagetop,body footer.kr-footer .to-pagetop {box-sizing:border-box;width:1000px;max-width:calc(100% - 30px);margin:0 auto 24px;text-align:right}
body #aaa-footer .to-pagetop a,body footer.kr-footer .to-pagetop a {display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;box-sizing:border-box;width:auto;height:auto;min-height:52px;margin:0;padding:8px 12px;position:static;overflow:visible;text-indent:0;background:none;border:0;color:var(--aaa-ui-accent);font-size:12px;line-height:1.5;text-decoration:none}
body #aaa-footer .to-pagetop a:before,body footer.kr-footer .to-pagetop a:before {content:"";display:block;width:54px;height:30px;background:currentColor;-webkit-mask:url('/img/common/aaa-logo-small.svg?v=20261014') no-repeat center / contain;mask:url('/img/common/aaa-logo-small.svg?v=20261014') no-repeat center / contain}
body #aaa-footer .to-pagetop a:hover,body footer.kr-footer .to-pagetop a:hover {text-decoration:underline;text-underline-offset:3px}
body #aaa-footer .to-pagetop a:focus-visible,body footer.kr-footer .to-pagetop a:focus-visible {outline:2px solid var(--aaa-ui-accent);outline-offset:3px}
body #aaa-contents #side #side-result.block a:focus-visible,
body #aaa-footer .footer-menu a:focus-visible,
body footer.kr-footer .aaa-original-footer-menu a:focus-visible {outline:2px solid var(--aaa-ui-accent);outline-offset:2px}
@media(max-width:719px) {
    body #aaa-footer .to-pagetop,body footer.kr-footer .to-pagetop {text-align:center;margin-bottom:24px}
}

/* Approved 2026-10-18: mobile A2 and desktop selected-tab C. */
.aaa-ui-icon{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}
body #aaa-header .aaa-nav-mobile,body #aaa-header .aaa-guide-link>.aaa-ui-icon,body #aaa-header .aaa-guide-mobile{display:none}
@media(max-width:719px){
body #aaa-header .aaa-header-main{height:131px}
body #aaa-header .aaa-header-menu{height:48px}
body #aaa-header .aaa-header-menu .aaa-nav-desktop{display:none}
body #aaa-header .aaa-header-menu .aaa-nav-mobile{display:flex;align-items:center;justify-content:center;gap:4px}
body #aaa-header .aaa-header-menu ul{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0;padding:3px 10px 1px;height:48px;box-sizing:border-box;border:0}
body #aaa-header .aaa-header-menu ul li{display:block!important;float:none;width:auto!important;min-width:0;margin:0;padding:0;border:0!important;height:44px!important;background:none!important}
body #aaa-header .aaa-header-menu ul a{box-sizing:border-box;position:relative;display:flex!important;justify-content:center;align-items:center;gap:5px;width:100%;height:44px!important;min-height:44px;padding:0 3px!important;margin:0;border:0;background:none!important;line-height:1.2;text-indent:0!important;overflow:visible;text-decoration:none;color:#fff;font-size:12px!important;font-weight:700;border-radius:0}
body #aaa-header .aaa-header-menu ul a::before,#aaa-header .aaa-header-menu ul a::after{display:none!important}
body #aaa-header .aaa-header-menu ul .aaa-nav-label{display:block!important;position:static;font-size:12px;white-space:nowrap;line-height:1.35;color:inherit;text-align:left}
body #aaa-header .aaa-header-menu ul .aaa-nav-art{position:relative;display:block;width:39px;height:35px;flex:none;color:inherit;isolation:isolate}
body #aaa-header .aaa-nav-art .main{position:absolute;left:3px;top:3px;width:28px;height:28px;z-index:2}
body #aaa-header .aaa-nav-art .echo{position:absolute;left:13px;top:11px;width:23px;height:23px;opacity:.65;z-index:0}
body #aaa-header .aaa-nav-art .seal{position:absolute;right:0;bottom:0;width:15px;height:15px;padding:1px;background:var(--header-color);border-radius:50%;z-index:3;stroke-width:2.3}
body #aaa-header .aaa-nav-art .sheet{position:absolute;left:7px;top:0;width:25px;height:31px;border:1px solid currentColor;transform:rotate(8deg);opacity:.55;z-index:0}
body #aaa-header .aaa-nav-art .paper-main{transform:rotate(-6deg)}
body #aaa-header .aaa-nav-art .aaa-ui-icon.directory{left:2px;top:0;width:35px;height:35px;stroke-width:1.65}
body #aaa-header .aaa-nav-art .directory-lens{fill:var(--header-color)}
body #aaa-header .aaa-header-menu ul{gap:0;padding-left:5px;padding-right:5px}
body #aaa-header .aaa-header-menu ul li+li{border-left:1px solid #ffffff55!important}
body #aaa-header .aaa-header-menu ul a{gap:4px}
body #aaa-header .aaa-nav-art .main{fill:var(--header-color)}
body #aaa-header .aaa-nav-art .main.target{fill:none}
body #aaa-header .aaa-nav-art .sheet{background:var(--header-color)}
body #aaa-header .aaa-sister-sites__contents a.aaa-guide-link{display:flex;align-items:center;justify-content:center;gap:4px;line-height:1.25;min-height:40px;padding:3px 4px;box-sizing:border-box}
body #aaa-header .aaa-sister-sites__contents a.aaa-guide-link .aaa-ui-icon{width:15px;height:15px;stroke-width:1.7}
body #aaa-header .aaa-sister-sites__contents a.aaa-guide-link span{display:inline;text-align:left;font-size:11px;white-space:nowrap}
body #aaa-header .aaa-sister-sites__contents a.aaa-guide-link:nth-child(n){text-decoration:underline;text-underline-offset:3px}

body #aaa-header .aaa-guide-link>.aaa-ui-icon{display:block;color:var(--header-color)}
body #aaa-header .aaa-sister-sites__contents a.aaa-guide-link>.aaa-guide-desktop{display:none}
body #aaa-header .aaa-guide-link>.aaa-guide-mobile{display:inline}
}

@media(max-width:399px){
body #aaa-header .aaa-header-menu ul a{padding:0 1px!important}
body #aaa-header .aaa-header-menu .aaa-nav-mobile{gap:3px}
body #aaa-header .aaa-header-menu ul .aaa-nav-label{font-size:11px}
body #aaa-header .aaa-header-menu ul .aaa-nav-art{transform:scale(.9);transform-origin:left center;margin-right:-4px}
}
@media(max-width:339px){
body #aaa-header .aaa-header-menu ul a{padding:0!important}
body #aaa-header .aaa-header-menu .aaa-nav-mobile{gap:1px}
body #aaa-header .aaa-header-menu ul .aaa-nav-label{font-size:10.5px}
body #aaa-header .aaa-header-menu ul .aaa-nav-art{transform:scale(.7);margin-right:-12px}
}

body #aaa-header .aaa-nav-art .aaa-ui-icon{position:absolute;fill:none;stroke-width:1.9}
@media(max-width:719px){
body #aaa-header .aaa-nav-art .main{fill:var(--header-color)}
body #aaa-header .aaa-nav-art .main.target{fill:none}
body #aaa-header .aaa-nav-art .seal{stroke-width:2.3}
body #aaa-header .aaa-header-menu .aaa-header-newly .aaa-nav-art{display:block}
body #aaa-header .aaa-header-menu .aaa-header-newly .aaa-nav-label{display:block}
body #main #billboard .aaa-hero-stage{position:relative;isolation:isolate}
.aaa-hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .65s ease,visibility .65s;pointer-events:none}
.aaa-hero-slide.is-active{opacity:1;visibility:visible;pointer-events:auto}
.aaa-hero-logo{position:relative}
body #main #billboard .aaa-hero-news{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;color:inherit;padding:0 2px}
body #main #billboard .aaa-hero-kicker{display:flex;align-items:center;gap:4px;font-size:10px;font-weight:700;margin:0 0 3px;line-height:1.2;white-space:nowrap}
.aaa-hero-kicker .aaa-ui-icon{width:14px;height:14px}
body #main #billboard .aaa-hero-news h2{font-size:17px;line-height:1.4;font-weight:700;margin:0;padding:0;border:0;background:none;color:inherit}
body #main #billboard .aaa-hero-news h2.aaa-hero-topic{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:1.4}
body #main #billboard .aaa-hero-news p{font-size:11px;white-space:normal;line-height:1.6;margin:2px 0}
body #main #billboard .aaa-hero-news a{font-size:11px;color:inherit;text-decoration:underline;text-underline-offset:3px;display:flex;align-items:center;gap:3px;padding:1px 0;line-height:1.5}
.aaa-hero-news a .aaa-ui-icon{width:12px;height:12px}
}
@media(max-width:359px){
body #aaa-header .aaa-header-menu .aaa-nav-label{font-size:11px}
body #aaa-header .aaa-header-menu .aaa-nav-art{width:32px;transform:scale(.9);transform-origin:center}
body #aaa-header .aaa-header-menu .aaa-nav-mobile{gap:1px}
body #aaa-header .aaa-sister-sites__contents a.aaa-guide-link{gap:2px;padding:3px 1px}
body #aaa-header .aaa-sister-sites__contents a.aaa-guide-link span{font-size:10px}
body #aaa-header .aaa-sister-sites__contents a.aaa-guide-link .aaa-ui-icon{width:13px;height:13px}
body #main #billboard .aaa-hero-news h2{font-size:12px}
body #main #billboard .aaa-hero-news h2.aaa-hero-topic{font-size:12px}
body #main #billboard .aaa-hero-news p{font-size:10px}
body #main #billboard .aaa-hero-kicker{font-size:9px;gap:2px}
}
.aaa-tab-effect{display:none;pointer-events:none;text-indent:0;box-sizing:border-box}
@media(min-width:720px){
#main #billboard #change-board a[aria-selected=true]>.aaa-tab-effect{display:block;position:absolute;left:10px;top:32px;width:200px;height:28px;overflow:hidden;isolation:isolate}
}
.aaa-tab-effect svg{display:block;width:200px;height:28px;overflow:visible}
.aaa-tab-ray{transform:translateX(-75px);animation:aaa-tab-ray 7s ease-in-out infinite;animation-play-state:paused}
.aaa-tab-effect.is-running .aaa-tab-ray{animation-play-state:running}
@keyframes aaa-tab-ray{0%,18%{transform:translateX(-75px);opacity:0}30%{opacity:1}67%{transform:translateX(230px);opacity:1}76%,100%{transform:translateX(230px);opacity:0}}
@media(prefers-reduced-motion:reduce){.aaa-hero-slide{transition:none}.aaa-tab-ray{animation:none;opacity:0}}

@media(max-width:359px){body #aaa-header .aaa-sister-sites__contents .aaa-sister-sites__guide-links{grid-template-columns:.8fr 1.1fr 1.1fr}}

/* PC uses the mobile hero's real news and timing; original art and geometry stay intact. */
.aaa-hero-desktop-stage{display:none}
@media(min-width:720px){
body #main #billboard .aaa-hero-desktop-stage{display:block;position:absolute;inset:0;isolation:isolate;color:#fff;pointer-events:none}
body #main #billboard .aaa-hero-desktop-stage>.aaa-hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .65s ease,visibility .65s;pointer-events:none}
body #main #billboard .aaa-hero-desktop-stage>.aaa-hero-slide.is-active{opacity:1;visibility:visible}
body #main #billboard .aaa-hero-desktop-stage>.aaa-hero-news{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:10% 52% 3% 5.5%;text-align:left;color:#fff}
body #main #billboard .aaa-hero-desktop-stage>.aaa-hero-news::before{content:"";position:absolute;inset:0;z-index:-1;background:#35d7e6;clip-path:inset(22% 48% 2% 3%)}
body #main #billboard .aaa-hero-desktop-stage[data-sport=kyotei]>.aaa-hero-news::before{background:#017483}
body #main #billboard .aaa-hero-desktop-stage[data-sport=keirin]>.aaa-hero-news::before{background:linear-gradient(120deg,#902631 5%,#c0443d 70%,#cf5944)}
body #main #billboard .aaa-hero-desktop-stage .aaa-hero-kicker{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;margin:0 0 9px;line-height:1.4;white-space:nowrap}
body #main #billboard .aaa-hero-desktop-stage .aaa-hero-kicker .aaa-ui-icon{width:18px;height:18px}
body #main #billboard .aaa-hero-desktop-stage h2{font-size:27px;line-height:1.4;font-weight:700;margin:0;padding:0;border:0;background:none;color:inherit}
body #main #billboard .aaa-hero-desktop-stage h2.aaa-hero-topic{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;font-size:20px;line-height:1.45}
body #main #billboard #b1 .aaa-hero-desktop-stage p{display:block;position:static;width:auto;height:auto;background:none;text-indent:0;font-size:13px;line-height:1.6;margin:5px 0 0;color:inherit}
body #main #billboard .aaa-hero-desktop-stage a{display:flex;align-items:center;gap:4px;min-height:36px;margin-top:6px;font-size:14px;line-height:1.5;color:inherit;text-decoration:underline;text-underline-offset:3px}
body #main #billboard .aaa-hero-desktop-stage>.is-active a{pointer-events:auto}
body #main #billboard .aaa-hero-desktop-stage a .aaa-ui-icon{width:16px;height:16px}
body #main #billboard .aaa-hero-desktop-stage a:focus-visible{outline:2px solid #fff;outline-offset:3px}
}
@media(min-width:720px) and (prefers-reduced-motion:reduce){
body #main #billboard .aaa-hero-desktop-stage>.aaa-hero-slide{transition:none}
}

/* Approved A: reuse the mobile illustrations in the existing desktop/tablet slots. */
@media(min-width:720px){
body #aaa-header .aaa-header-menu a::after{display:none}
body #aaa-header .aaa-header-menu .aaa-nav-mobile{display:block;position:absolute;top:2px;left:50%;transform:translateX(-50%);width:39px;height:35px;color:inherit}
body #aaa-header .aaa-header-menu .aaa-nav-mobile>.aaa-nav-label{display:none}
body #aaa-header .aaa-header-menu .aaa-nav-art{display:block;position:relative;width:39px;height:35px;isolation:isolate;color:inherit}
body #aaa-header .aaa-nav-art .main{left:3px;top:3px;width:28px;height:28px;z-index:2;fill:var(--header-color)}
body #aaa-header .aaa-nav-art .main.target{fill:none}
body #aaa-header .aaa-nav-art .echo{left:13px;top:11px;width:23px;height:23px;opacity:.65;z-index:0}
body #aaa-header .aaa-nav-art .seal{right:0;bottom:0;width:15px;height:15px;padding:1px;background:var(--header-color);border-radius:50%;z-index:3;stroke-width:2.3}
body #aaa-header .aaa-nav-art .sheet{position:absolute;left:7px;top:0;width:25px;height:31px;border:1px solid currentColor;transform:rotate(8deg);opacity:.55;z-index:0;background:var(--header-color)}
body #aaa-header .aaa-nav-art .paper-main{transform:rotate(-6deg)}
body #aaa-header .aaa-nav-art .aaa-ui-icon.directory{left:2px;top:0;width:35px;height:35px;stroke-width:1.65}
body #aaa-header .aaa-nav-art .directory-lens{fill:var(--header-color)}
}

/* Mobile TOP catalog: keep real site previews visible without desktop row heights. */
@media(max-width:719px){
body #aaa-contents #main #each-ranking.catalog-sites .ranking ol li{display:grid;grid-template-columns:80px minmax(0,1fr);column-gap:12px;row-gap:3px;align-content:start;min-height:0;height:auto;padding:12px 15px;box-sizing:border-box}
body #aaa-contents #main #each-ranking.catalog-sites .ranking ol li figure{display:block;position:static;float:none;grid-column:1;grid-row:1 / span 2;width:80px;margin:0}
body #aaa-contents #main #each-ranking.catalog-sites .ranking ol li figure a{display:block}
body #aaa-contents #main #each-ranking.catalog-sites .ranking ol li figure img{display:block;width:80px;height:43px;max-width:100%;object-fit:contain;object-position:top}
body #aaa-contents #main #each-ranking.catalog-sites .ranking ol li .name{grid-column:2;grid-row:1;min-width:0;margin:0;overflow-wrap:anywhere}
body #aaa-contents #main #each-ranking.catalog-sites .ranking ol li .catalog-meta{grid-column:2;grid-row:2;min-width:0;margin:0;overflow-wrap:anywhere}
body #aaa-contents #main #each-ranking.catalog-sites .ranking ol li .sup{grid-column:1 / -1;grid-row:3;min-width:0}
}