/* Optional JRPGFR urban interface layer. The reading typography stays unchanged. */
body.home #masthead .yuki-navbar-shell,body.blog #masthead .yuki-navbar-shell{
    border-radius:14px!important;border-color:rgba(255,255,255,.18)!important;
    box-shadow:5px 5px 0 rgba(0,0,0,.5)!important;
}
body.home #masthead #primary-menu>li>a,body.blog #masthead #primary-menu>li>a{
    font-weight:900;letter-spacing:.025em;
}
body.home #masthead .social-navbar-links a,body.blog #masthead .social-navbar-links a,
body.home #masthead .yuki-navbar-actions>button,body.blog #masthead .yuki-navbar-actions>button,
body.home #masthead .yuki-navbar-actions>a,body.blog #masthead .yuki-navbar-actions>a{
    border-radius:7px;border-color:rgba(255,255,255,.2);box-shadow:2px 2px 0 #0008;
}
body.home .yuki-home-view-switch>div,body.blog .yuki-home-view-switch>div{
    border-radius:10px;border:1px solid #ffffff2b;background:#151518;box-shadow:3px 3px 0 #0008;
}
body.home .yuki-home-view-switch a,body.blog .yuki-home-view-switch a{
    border-radius:6px;font-weight:900;letter-spacing:.07em;
}
body.home .yuki-home-view-switch a[aria-current],body.blog .yuki-home-view-switch a[aria-current]{
    background:#ff3e3e;box-shadow:inset -3px -3px 0 #0003;color:#fff;
}
body.home .yuki-weekly-trigger,body.blog .yuki-weekly-trigger{
    border-radius:9px;border-color:#ffffff30;background:#19191d;box-shadow:3px 3px 0 #0008;font-weight:900;
}
body.home #page>div>div.mb-20>section>div:first-child h2:not(article h2),
body.blog #page>div>div.mb-20>section>div:first-child h2:not(article h2){
    font-style:italic;font-weight:900;letter-spacing:.025em;line-height:1.15;
    text-shadow:2px 2px 0 #0008;
}
body.home #page>div>div.mb-20>section>div:first-child,
body.blog #page>div>div.mb-20>section>div:first-child{
    border-bottom:1px solid #ffffff12;padding-bottom:18px;
    background-image:repeating-linear-gradient(125deg,transparent 0 6px,rgba(255,255,255,.035) 6px 8px);
    background-size:48px 14px;background-position:right bottom;background-repeat:no-repeat;
}
body.home #page>div>div.mb-20 article,body.blog #page>div>div.mb-20 article{
    border-radius:12px;border:1px solid #ffffff24;box-shadow:4px 4px 0 #0006;
}
body.home #page>div>div.mb-20 article:hover,body.blog #page>div>div.mb-20 article:hover{
    border-color:#ff3e3e80;transform:translateY(-2px);box-shadow:4px 6px 0 #0008;
}
body.home .yuki-test-row-image,body.blog .yuki-test-row-image{border-radius:7px}
body.home .yuki-test-row-score,body.blog .yuki-test-row-score{
    border-radius:4px;border:1px solid rgba(var(--test-score-rgb,245,245,245),.4);
    box-shadow:2px 2px 0 #0005;font-style:italic;
}
@media(prefers-reduced-motion:reduce){
    body.home #page>div>div.mb-20 article,body.blog #page>div>div.mb-20 article{transition:none!important}
    body.home #page>div>div.mb-20 article:hover,body.blog #page>div>div.mb-20 article:hover{transform:none}
}

/* Pass 2 — editorial panels and tactile controls. */
body:is(.home,.blog) #page>div>div.mb-20{counter-reset:urban-section}
body:is(.home,.blog) #page>div>div.mb-20>section{counter-increment:urban-section}
body:is(.home,.blog) #page>div>div.mb-20>section>div:first-child h2:not(article h2){
    position:relative;display:flex;align-items:center;gap:12px;font-size:clamp(1.05rem,2vw,1.65rem);letter-spacing:-.025em;
}
body:is(.home,.blog) #page>div>div.mb-20>section>div:first-child h2:not(article h2)::before{
    content:counter(urban-section,decimal-leading-zero);flex:none;display:inline-block;
    padding:6px 8px;background:#ff3e3e;color:#fff;font-size:.7rem;letter-spacing:.02em;
    clip-path:polygon(0 0,100% 0,100% 75%,75% 100%,0 100%);
}
body:is(.home,.blog) #page>div>div.mb-20>section>div:first-child>div>div:first-child{display:none}
body:is(.home,.blog) #page>div>div.mb-20>section>div:first-child{
    padding:16px 12px;border-top:1px solid #ffffff16;border-bottom:2px solid #ffffff1c;
    background-color:#ffffff03;background-size:72px 20px;
}
body:is(.home,.blog) #page>div>div.mb-20>section>div:first-child>a{
    border-radius:5px;border:1px solid #ffffff30;background:#202024;box-shadow:3px 3px 0 #0009;font-weight:900;
}
body:is(.home,.blog) .yuki-home-view-switch a[aria-current]{transform:skewX(-6deg);border-radius:3px}
body:is(.home,.blog) .yuki-weekly-trigger:active,
body:is(.home,.blog) #page>div>div.mb-20>section>div:first-child>a:active{
    transform:translate(2px,2px);box-shadow:1px 1px 0 #0009;
}
/* The weekly drawer is also available on the feed. */
#yuki-weekly header{
    border-bottom:3px solid #ff3e3e;background:#19191d;
    background-image:repeating-linear-gradient(125deg,transparent 0 8px,#ffffff06 8px 10px);
}
#yuki-weekly h2{font-style:italic;letter-spacing:-.025em;font-size:24px}
#yuki-weekly [data-weekly-close]{border:1px solid #ffffff30;border-radius:5px;background:#111113}
#yuki-weekly li a{align-items:center;gap:14px}
#yuki-weekly li a>i{
    display:flex;align-items:center;justify-content:center;width:34px;height:34px;margin:0;
    border:1px solid #ff3e3e45;border-radius:3px 9px 3px 3px;background:#ff3e3e12;font-size:14px;
}
#yuki-weekly small{font-weight:700;letter-spacing:.04em;text-transform:uppercase}
@media(max-width:600px){
    body:is(.home,.blog) #page>div>div.mb-20>section>div:first-child{gap:8px;padding-inline:0}
    body:is(.home,.blog) #page>div>div.mb-20>section>div:first-child h2:not(article h2){gap:7px}
    body:is(.home,.blog) #page>div>div.mb-20>section>div:first-child>a{padding:10px;font-size:9px;flex-shrink:0}
}