/* Case layout; colors, fonts, header and footer inherit the homepage styles. */
.toc-page{color:var(--foreground);background:var(--background)}
.toc-page [hidden]{display:none!important}
.toc-brand{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:600;line-height:1.1;white-space:nowrap}
.toc-brand small{display:block;margin-top:4px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-foreground)}
.toc-main{max-width:1200px;margin:auto;padding:100px 28px 20px}
.toc-breadcrumb{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--muted-foreground);margin:16px 0 30px}
.toc-breadcrumb a:hover,.toc-text-link:hover{color:var(--primary)}
.toc-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:72px;align-items:center;padding:0 0 76px}
.toc-eyebrow{font-size:11px;font-weight:600;letter-spacing:.13em;color:var(--primary);line-height:1.7}
.toc-hero h1{font-size:clamp(40px,4.8vw,64px);line-height:1.06;letter-spacing:-.045em;font-weight:600;margin:20px 0 24px}
.toc-hero h1>span{color:var(--primary)}
.toc-lead{font-size:18px;line-height:1.8;color:var(--muted-foreground);max-width:520px}
.toc-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin:30px 0}
.toc-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:46px;padding:12px 22px;border-radius:999px;background:var(--primary);color:var(--primary-foreground);font-size:14px;font-weight:500;white-space:nowrap;transition:opacity .2s}
.toc-button:hover{opacity:.88}
.toc-text-link{font-size:14px;font-weight:500;text-decoration:underline;text-underline-offset:5px}
.toc-facts{display:flex;gap:10px;flex-wrap:wrap;list-style:none;padding:0;margin:0 0 30px}
.toc-facts li{border:1px solid var(--border);background:var(--card);padding:7px 12px;border-radius:999px;font-size:12px;color:var(--muted-foreground)}
.toc-scene-note{border-left:2px solid var(--primary);padding:4px 0 4px 18px;max-width:480px}
.toc-scene-note strong{font-size:14px;font-weight:500}
.toc-scene-note p,.toc-note{font-size:12px;color:var(--muted-foreground);line-height:1.8;margin-top:10px}
.toc-video-panel{background:var(--card);border:1px solid var(--border);border-radius:24px;padding:18px;max-width:400px;width:100%;justify-self:end;scroll-margin-top:96px}
.toc-player-heading,.toc-video-caption,.toc-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}
.toc-player-heading{margin-bottom:14px;color:var(--muted-foreground)}
.toc-video-panel video{display:block;width:100%;aspect-ratio:9/16;max-height:410px;object-fit:contain;background:#111;border-radius:14px}
.toc-video-caption{margin:14px 0}
.toc-video-caption strong{font-size:14px;font-weight:600}
.toc-video-caption>span{color:var(--muted-foreground)}
.toc-video-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.toc-video-choices button{display:flex;align-items:center;gap:9px;min-width:0;border:1px solid var(--border);padding:7px;border-radius:12px;text-align:left;cursor:pointer;background:var(--background)}
.toc-video-choices button[aria-pressed=true]{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}
.toc-video-choices img{height:48px;width:36px;border-radius:6px;object-fit:cover}
.toc-video-choices button>span:first-of-type{font-size:12px;font-weight:500;flex:1;min-width:0}
.toc-video-choices small{display:block;font-size:10px;color:var(--muted-foreground);margin-top:4px}
.toc-video-choices button>span:last-child{font-size:10px;color:var(--primary)}
.toc-section{padding:64px 0;border-top:1px solid var(--border);scroll-margin-top:70px}
.toc-section h2,.toc-plans h2{font-size:clamp(27px,3vw,36px);line-height:1.2;letter-spacing:-.035em;font-weight:600;margin:12px 0 18px}
.toc-section-heading{margin-bottom:30px;max-width:760px}
.toc-section-heading>p:last-child,.toc-section-intro{font-size:15px;line-height:1.8;color:var(--muted-foreground)}
.toc-three-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.toc-info-card{border:1px solid var(--border);background:var(--card);border-radius:20px;padding:26px}
.toc-step{font-size:12px;color:var(--primary)}
.toc-info-card h3{font-weight:600;font-size:18px;margin:24px 0 12px}
.toc-info-card p,.toc-related-card p{font-size:14px;line-height:1.8;color:var(--muted-foreground)}
.toc-prepare-section,.toc-faq-section{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start}
.toc-tips{margin:22px 0;padding-left:18px;list-style:disc;color:var(--muted-foreground);font-size:14px;line-height:2}
.toc-photo-panel{border:1px solid var(--border);background:var(--card);border-radius:24px;padding:26px}
.toc-panel-heading{margin-bottom:22px;color:var(--muted-foreground)}
.toc-panel-heading h3{font-size:18px;font-weight:600;color:var(--foreground)}
.toc-photo-row{display:flex;align-items:center;gap:22px}
.toc-photo-row>div:last-child{flex:1;min-width:0}
.toc-photo-row strong{font-size:14px;font-weight:500}
.toc-upload{position:relative;width:136px;flex-shrink:0}
.toc-upload label{display:flex;height:170px;width:136px;align-items:center;justify-content:center;border:1px dashed var(--border);background:var(--muted);border-radius:12px;overflow:hidden;cursor:pointer;text-align:center;font-size:12px}
.toc-upload label:focus-within{outline:2px solid var(--primary)}
.toc-upload b{display:block;color:var(--primary);font-size:26px;font-weight:400;margin-bottom:8px}
.toc-upload img{width:100%;height:100%;object-fit:cover}
.toc-upload input{position:absolute;top:0;left:0;width:136px;height:170px;opacity:0;cursor:pointer}
.toc-upload button{display:block;margin-top:10px;font-size:12px;text-decoration:underline;cursor:pointer}
.toc-upload input:focus-visible+button{outline:2px solid var(--primary)}
.toc-photo-panel:has(input:focus-visible) label{outline:2px solid var(--primary);outline-offset:3px}
.toc-faq details{border-bottom:1px solid var(--border);padding:19px 0}
.toc-faq details:first-child{padding-top:0}
.toc-faq summary{display:flex;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;font-size:15px;font-weight:500}
.toc-faq summary::-webkit-details-marker{display:none}
.toc-faq summary:after{content:'+';color:var(--primary);font-size:20px;line-height:1}
.toc-faq details[open] summary:after{content:'−'}
.toc-faq p{font-size:14px;line-height:1.8;color:var(--muted-foreground);margin-top:15px}
.toc-plans{border:1px solid var(--border);border-radius:24px;padding:30px;display:flex;align-items:center;justify-content:space-between;gap:32px;background:var(--card);margin-bottom:64px}
.toc-plans h2{font-size:28px}
.toc-plans p:last-child{max-width:660px;font-size:14px;line-height:1.8;color:var(--muted-foreground)}
.toc-related-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:none}
.toc-related-card{border:1px solid var(--border);border-radius:20px;overflow:hidden;background:var(--card)}
.toc-related-card>img{display:block;width:100%;height:190px;object-fit:cover}
.toc-related-card>div{padding:22px}
.toc-related-card h3{font-size:16px;font-weight:600;margin-bottom:8px;display:flex;justify-content:space-between;gap:10px}
.toc-related-card:hover h3{color:var(--primary)}
.toc-mobile-nav{padding:14px 24px;background:var(--background);border-bottom:1px solid var(--border)}
.toc-mobile-nav a{display:block;padding:10px 0;font-size:14px}
.toc-skip{position:fixed;top:-70px;left:16px;padding:12px 18px;background:var(--primary);color:var(--primary-foreground);z-index:100}
.toc-skip:focus{top:10px}
.toc-page :is(a,button,input,summary):focus-visible{outline:2px solid var(--primary);outline-offset:4px}
@media(max-width:900px){.toc-hero{gap:32px}.toc-prepare-section,.toc-faq-section{gap:32px}.toc-three-grid{gap:14px}.toc-video-choices{grid-template-columns:1fr}.toc-video-choices img{height:40px;width:30px}.toc-video-choices small{display:inline;margin-left:8px}}
@media(max-width:767px){.toc-main{padding:88px 20px 0}.toc-brand{font-size:14px;gap:8px}.toc-brand img{width:30px;height:30px}.toc-page header>.container{gap:10px;padding-left:20px;padding-right:20px}.toc-page header a[href='#prepare']{font-size:12px;padding-left:12px;padding-right:12px}.toc-page header a[href='#prepare'] svg{display:none}.toc-hero{grid-template-columns:1fr;padding-bottom:46px;gap:32px}.toc-hero h1{font-size:44px}.toc-lead{font-size:16px}.toc-video-panel{justify-self:center;max-width:420px}.toc-video-panel video{max-height:460px}.toc-video-choices{grid-template-columns:1fr 1fr}.toc-video-choices small{display:block;margin-left:0}.toc-three-grid,.toc-prepare-section,.toc-faq-section{grid-template-columns:1fr}.toc-section{padding:42px 0}.toc-photo-panel{padding:20px}.toc-photo-row{gap:16px}.toc-upload{width:112px}.toc-upload label,.toc-upload input{width:112px;height:144px}.toc-plans{flex-direction:column;align-items:start;padding:24px;margin-bottom:42px}.toc-related-heading{align-items:start}.toc-related-heading .toc-text-link{white-space:nowrap;font-size:12px}.toc-related-card>img{height:210px}.toc-faq-section{gap:26px}.toc-actions{gap:18px}}
@media(prefers-reduced-motion:reduce){.toc-page{scroll-behavior:auto}.toc-page *{transition:none!important}}