/* Case-only control hierarchy. FadeContent owns the outer content layers. */
.r1-case{--p4-ink:#f1edf1;--p4-muted:#c4bcc8;--p4-accent:#d7c2e4;--p4-ease:cubic-bezier(.16,1,.3,1)}
.r1-case :is(.r1-product-link,.p4-copy,.p4-image-open,.case-pagination .button,.case-pagination .text-link,.r1-toc a,.c0-tabs button,.site-header a,.site-footer a):focus-visible{outline:2px solid var(--p4-accent);outline-offset:4px}
.r1-case .r1-product-link{transition:color .2s var(--p4-ease),border-color .2s var(--p4-ease),background-color .2s var(--p4-ease)}
.r1-case .r1-product-link span{display:inline-block;transition:transform .2s var(--p4-ease)}
.r1-case .r1-product-link:hover{color:var(--p4-accent);border-color:var(--p4-accent);background:#ffffff0b}
.r1-case .r1-product-link:hover span{transform:translate(3px,-3px)}
.r1-case .r1-product-link:active{background:#d7c2e419}
.r1-case .r1-product-link:active,.r1-case .c0-tabs button:active,.r1-case .p4-copy:active,.r1-case .p4-image-open:active{transition-duration:.12s}
.r1-case .r1-product-link:active span{transform:translate(1px,-1px)}
.r1-case .r1-toc a{position:relative;color:var(--p4-muted);transition:color .18s ease}
.r1-case .r1-toc a::after{content:"";position:absolute;bottom:2px;left:0;right:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .2s var(--p4-ease)}
.r1-case .r1-toc a:is(:hover,:focus-visible,[aria-current="location"]){color:var(--p4-ink);text-decoration:none}
.r1-case .r1-toc a:is(:hover,:focus-visible,[aria-current="location"])::after{transform:scaleX(1)}
.r1-case .r1-toc a[aria-current="location"]{font-weight:600}
.r1-case .c0-tabs button{position:relative;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}
.r1-case .c0-tabs button::after{content:"";position:absolute;left:16px;right:16px;bottom:7px;height:2px;background:currentColor;opacity:0;transform:scaleX(.35);transition:opacity .18s ease,transform .2s var(--p4-ease)}
.r1-case .c0-tabs button:is(:hover,:focus-visible)::after{opacity:.5;transform:scaleX(1)}
.r1-case .c0-tabs button[aria-selected="true"]::after{opacity:1;transform:scaleX(1)}
.r1-case .c0-tabs button:active{box-shadow:inset 0 3px 8px #0002}
.r1-case .case-pagination .button{display:inline-flex;align-items:center;min-height:48px;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}
.r1-case .case-pagination .button:hover{box-shadow:inset 0 -2px currentColor}
.r1-case .case-pagination .p4-next-arrow{display:inline-block;margin-left:10px;transition:transform .2s var(--p4-ease)}
.r1-case .case-pagination .button:hover .p4-next-arrow{transform:translate(3px,-3px)}
.r1-case .case-pagination .button:active{box-shadow:inset 0 2px 8px #0004}
.r1-case .case-pagination .text-link,.r1-case .site-footer a,.r1-case .site-header a{transition:color .18s ease,text-decoration-color .18s ease}
.r1-case .case-pagination .text-link:hover,.r1-case .site-footer a:hover,.r1-case .site-header a:hover{color:var(--p4-accent);text-decoration:underline;text-underline-offset:5px}
.r1-case .p4-copy-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;margin-top:24px}
.r1-case .r1-output-composition{grid-template-columns:minmax(0,650px) minmax(0,340px);gap:clamp(52px,6vw,94px);max-width:1100px}
.r1-case .r1-output-text{max-width:650px}
.r1-case .r1-prompt-shell p{font-size:17px;line-height:1.7;max-width:60ch}
.r1-case .r1-prompt-shell[data-collapsed="true"] p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden}
.r1-case .p4-copy-row{margin-top:16px}
.r1-case .p4-prompt-toggle{min-height:44px;padding:9px 0;border:0;border-bottom:1px solid #938a9d;background:transparent;color:var(--p4-ink);font-family:inherit;font-size:14px;font-weight:500;line-height:1.5;cursor:pointer;transition:color .2s ease,border-color .2s ease}
.r1-case .p4-prompt-toggle[hidden]{display:none}
.r1-case .p4-prompt-toggle:hover{color:var(--p4-accent);border-color:currentColor}
.r1-case .p4-prompt-toggle:active{color:#fff}
.r1-case .p4-prompt-toggle:focus-visible{outline:2px solid var(--p4-accent);outline-offset:4px}
.r1-case .p4-visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.r1-case .r1-output-note{max-width:55ch;margin-top:17px}
.r1-case .r1-output-phone{max-width:340px}
.r1-case .r1-output-phone .r1-image-stage{max-height:620px;overflow:hidden}
.r1-case .p4-copy,.r1-case .p4-image-open{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;min-height:44px;padding:9px 14px;background:transparent;border:1px solid #918b98;color:var(--p4-ink);font-family:inherit;font-size:14px;font-weight:500;line-height:1.5;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .12s ease}
.r1-case .p4-copy:hover,.r1-case .p4-image-open:hover{background:#ffffff15;border-color:var(--p4-accent)}
.r1-case .p4-copy:active,.r1-case .p4-image-open:active{background:#ffffff24;box-shadow:inset 0 2px 6px #0004}
.r1-case .p4-copy[data-result="success"]{border-color:#d8e6d4;color:#e2f0df}
.r1-case .p4-copy[data-result="error"]{border-color:#ecb6b6;color:#ffd7d7}
.r1-case .p4-copy-status{font-size:13px;line-height:1.5;color:var(--p4-ink)}
.r1-case .p4-image-open{margin:12px 0 0 14px}
.p4-image-dialog{width:min(1280px,94vw);height:min(90dvh,950px);max-width:94vw;max-height:90dvh;padding:0;border:1px solid #77717d;background:#121116;color:#f1edf1}
.p4-image-dialog[open]{display:flex;flex-direction:column}
.p4-image-dialog::backdrop{background:#000d}
.p4-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 20px;border-bottom:1px solid #514b55}
.p4-dialog-head h2{font-size:19px;font-weight:500;margin:0}
.p4-dialog-close{min-height:44px;padding:8px 14px;border:1px solid #958d9b;background:transparent;color:inherit;cursor:pointer;transition:background-color .18s ease}
.p4-dialog-close:hover{background:#ffffff1e}
.p4-dialog-close:active{background:#ffffff30}
.p4-dialog-close:focus-visible,.p4-dialog-scroll:focus-visible{outline:2px solid #e7cee9;outline-offset:-3px}
.p4-dialog-close span{font-size:20px;margin-left:10px}
.p4-dialog-scroll{flex:1;overflow:auto;min-height:0;padding:20px;overscroll-behavior:contain}
.p4-dialog-caption,.p4-dialog-status{font-size:13px;line-height:1.6;color:#d5ccd8;margin:0 0 12px;max-width:80ch}
.p4-dialog-scroll img{display:block;width:auto;max-width:100%;height:auto;margin:auto}
@media(max-width:767px){.r1-case .p4-image-open{margin-left:12px}.p4-image-dialog{width:100%;height:100dvh;max-width:none;max-height:none;margin:0;border:0}.p4-dialog-head{padding:max(12px,env(safe-area-inset-top)) 16px 12px}.p4-dialog-scroll{padding:16px 16px max(20px,env(safe-area-inset-bottom))}}
@media(min-width:768px) and (max-width:1050px){.r1-case .r1-output-composition{grid-template-columns:minmax(0,1fr) minmax(0,32%);gap:42px}}
@media(max-width:767px){.r1-case .r1-output-composition{display:block}.r1-case .r1-output-text{max-width:none}.r1-case .r1-prompt-shell p{font-size:16px;line-height:1.7;max-width:100%}.r1-case .r1-prompt-shell[data-collapsed="true"] p{-webkit-line-clamp:5}.r1-case .p4-copy-row{gap:10px 18px;margin-top:15px}.r1-case .r1-output-note{margin-top:18px}.r1-case .r1-output-phone{max-width:min(280px,100%)}.r1-case .r1-output-phone .r1-image-stage{max-height:445px}}
@media(prefers-reduced-motion:reduce){.r1-case :is(.r1-product-link,.r1-product-link span,.r1-toc a,.r1-toc a::after,.c0-tabs button,.c0-tabs button::after,.case-pagination .button,.case-pagination .p4-next-arrow,.case-pagination .text-link,.site-footer a,.site-header a,.p4-copy,.p4-prompt-toggle,.p4-image-open),.p4-dialog-close{transition:none!important}.r1-case .r1-product-link:hover span,.r1-case .case-pagination .button:hover .p4-next-arrow{transform:none}}