@font-face{font-family:BodyJP;src:url('assets/NotoSansJP-VF.woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:MinchoJP;src:url('assets/NotoSerifJP-VF.woff2');font-weight:100 900;font-display:swap}
.board{container-type:inline-size}
.switch{display:flex;gap:6px}.switch button{font:inherit;padding:7px 12px;border:1px solid #9bbdc0;border-radius:20px;background:transparent;color:white;cursor:pointer}.switch button[aria-pressed=true]{background:#fff;color:#17454b}
.text-patch{position:absolute;pointer-events:none;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 1%,#000 99%,transparent)}
.patch-inner{position:absolute;inset:0;overflow:hidden;mask-image:linear-gradient(180deg,transparent,#000 7%,#000 93%,transparent)}
.patch-paper{position:absolute;max-width:none!important;display:block}
.live-copy{position:absolute;margin:0;line-height:1.55;color:#303030;font-family:BodyJP,sans-serif;font-weight:400;font-feature-settings:'palt';white-space:nowrap;transform-origin:left top;letter-spacing:.09em;z-index:2;user-select:text}
.live-copy.serif{font-family:MinchoJP,serif;font-weight:500;letter-spacing:.08em}
.reference .live-copy,.reference .text-patch{display:none}
.live-copy::selection{background:#b5dfe5;color:#123b43}
[data-panel=b2]::after{content:'';position:absolute;pointer-events:none;left:37.83%;top:71.5%;width:25.64%;height:15.8%;border-inline:1px dotted #788b90}
.reference [data-panel=b2]::after{display:none}
.spec-paper{background:linear-gradient(180deg,#e7eff0,#eff2f2);mask-image:linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent)}.spec-paper .patch-inner{display:none}
@media print{.live-copy,.text-patch{print-color-adjust:exact}}

/* R18: retain the accepted bitmap; reframe its three scenes on small screens. */
.trouble-board{background:#fafafa;scroll-margin-top:20px}
.trouble-mobile{display:none}
@media(max-width:600px){
 .trouble-board .trouble-desktop{display:none}
 .trouble-mobile{display:block;padding:20px 16px 28px;line-height:1.8}
 .trouble-heading,.trouble-scene{position:relative;overflow:hidden}
 .trouble-heading{aspect-ratio:1536/270;margin:0 -10px 20px}
 .trouble-heading img{position:absolute;display:block;width:100%;height:auto;max-width:none;top:0;left:0}
 .trouble-scene{aspect-ratio:480/520;max-width:410px;margin:0 auto 22px}
 .trouble-scene img{position:absolute;display:block;width:320%;height:auto;max-width:none;top:-51.92308%}
 .scene-one img{left:-3.333333%}
 .scene-two img{left:-110%}
 .scene-three img{left:-216.666667%}
 .trouble-explanation{border-top:1px solid #d4e2e4;padding-top:18px;font-family:MinchoJP,serif;font-size:16px;font-weight:500;line-height:1.95;color:#203941}
 .trouble-explanation p{margin:0 0 12px}
 .trouble-explanation p:last-child{margin-bottom:0}
}

/* R18: compact two-line size answer within its existing FAQ row. */
[data-panel='d1'] .live-copy:nth-of-type(4), [data-panel='d1'] .live-copy:nth-of-type(5) {line-height:1.15}