/* 8802 review04: flowing editorial cuts, no independently scrolling copy boxes. */
#app .case-copy--dual,#app .case-copy--rules{background:none;border:0;padding:0;max-height:none!important;overflow:visible!important;height:auto!important}
#app .case-copy--dual{left:0;top:0;width:100%;z-index:11;pointer-events:none}
#app .case-copy--dual>.case-copy-index{display:none!important}
#app .case-copy--dual>article{position:absolute!important;left:17%!important;top:calc(-145 * var(--s))!important;width:66%!important;max-width:none!important;display:grid;grid-template-columns:36% 1fr;column-gap:calc(36 * var(--s));padding:0!important;margin:0!important;border:0;pointer-events:auto}
#app .case-copy--dual>article+article{top:var(--order-copy-top,calc(1160 * var(--s)))!important;color:#1a1a1a}
#app .case-copy--dual>article h2{font-size:calc(25 * var(--s))!important;margin:0!important;grid-column:1;grid-row:1/5}
#app .case-copy--dual>article p{grid-column:2;font-size:calc(13 * var(--s))!important;margin:0 0 10px!important}
#app .case-copy--dual>article details,#app .case-copy--dual>article button,#app .case-copy--dual>article small{grid-column:2}
html[data-theme=silver] #app .win{overflow:visible!important}
#app .case-copy--rules{left:8%;top:calc(980 * var(--s));width:84%;display:grid;grid-template-columns:1fr 1fr;gap:calc(70 * var(--s));z-index:1}
#app .case-copy--rules>.case-copy-index{grid-column:1/-1}
#app .case-copy--rules>article{padding:0!important;margin:0!important;border:0!important}
#app .case-copy--rules h2{font-size:calc(30 * var(--s))!important;margin:0 0 20px!important}
#app .case-copy--rules p{font-size:calc(14 * var(--s))!important;line-height:1.9!important}
#app .case-copy--dual details[open],#app .case-copy--rules details[open]{max-height:none;overflow:visible}
#app :is(.block-one__title,.wide__title,.screens__title,.deck__title,.bar__title,.pill__title,.dial__title,.side-a__title,.tri__title,.special__title){font-family:var(--lemon-short)!important;font-weight:400!important;letter-spacing:0!important}
#app :is(.spec,.spec__row,.spec__body,.spec__label,.screens__specs,.deck__specs,.bar__specs){font-family:var(--lemon-read)!important}
@media(max-width:700px){#app .case-copy--dual>article{left:4%!important;width:92%!important;column-gap:18px;grid-template-columns:36% 1fr;top:calc(-280 * var(--s))!important}#app .case-copy--dual>article h2{font-size:16px!important}#app .case-copy--dual>article p{font-size:11px!important}#app .case-copy--rules{left:5%;width:90%;gap:20px;top:calc(1030 * var(--s))}#app .case-copy--rules h2{font-size:18px!important}#app .case-copy--rules p{font-size:11px!important}}
/* Keep intentionally off-canvas geometry inside the viewport, not page width. */
html,body{overflow-x:clip!important}
#app .case-copy--dual>article:first-of-type{top:var(--dual-lead-top,calc(-390 * var(--s)))!important}
#app .case-copy--rules{top:var(--rules-copy-top,calc(1280 * var(--s)))!important}
/* The disc gives copy its own clear head and foot; devices keep their size. */
html[data-theme=silver] #app .win{height:calc(1800 * var(--s))}
html[data-theme=silver] #app .win .native-pair{top:calc(380 * var(--s))}
html[data-theme=silver] #app .win .win__disc{top:calc(900 * var(--s))}
html[data-theme=silver] #app .win .win__face{left:calc(-900 * var(--s));top:calc(-900 * var(--s));width:calc(1800 * var(--s));height:calc(1800 * var(--s))}
#app .case-copy--dual>article :is(h2,p,small,summary,button){color:#f5f5f1!important}
#app .case-copy--dual>article p{color:#f5f5f1cc!important}
#app :is(p,a,button,label){font-family:var(--lemon-read)!important}
#app :is(.tag,.side,.specs,.specs__row,.specs__text,.specs__key,.native-extra,.footer__line){font-family:var(--lemon-read)!important}
#app .case-copy--dual>article,#app .case-copy--rules>article{transform:scale(var(--copy-scale,1))!important;transform-origin:center top;will-change:transform}
@media(prefers-reduced-motion:reduce){#app .case-copy--dual>article,#app .case-copy--rules>article{transform:none!important;will-change:auto}}
#app .case-copy--dual>article+article :is(h2,p,small,summary,button){color:#1a1a1a!important}
#app .case-copy--dual>article+article p{color:#1a1a1acc!important}
/* The ring may surround the text, but cannot erase the reading area. */
#app>.case-copy--rules{z-index:3}