.practice-page .seo-main--hub{padding-bottom:0}.practice-page .site-nav a[href=\/guide]{color:#d0d9e4;border:0}.practice-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.practice-page :where(summary,a,button):focus-visible{outline-offset:4px;outline:3px solid #ffe1a6}.practice-page .seo-article p{font-size:.94rem;line-height:1.9}.practice-page .seo-article h2{letter-spacing:.035em;font-size:clamp(1.35rem,2vw,1.85rem)}.practice-page .seo-article h3{font:600 1rem/1.7 Yu Gothic,system-ui,sans-serif}.practice-page .seo-article .practice-number{color:var(--guide-gold);margin:0 0 .65rem;font:1.4rem/1.4 Georgia,serif}.practice-number:after{content:"";vertical-align:middle;border-top:1px solid;width:2.3rem;margin-left:.8rem;display:inline-block}.practice-page .seo-article .practice-assurance{color:#d3d6d4;margin:.8rem 0 0;font-size:.8rem}.practice-hero,.practice-final{isolation:isolate;position:relative}.practice-hero__visual,.practice-final__visual{z-index:-2;margin:0;position:absolute;inset:0}.practice-hero__visual{top:-5.5rem}.practice-hero__visual picture,.practice-hero__visual img,.practice-final__visual picture,.practice-final__visual img{width:100%;height:100%;display:block}.practice-hero__visual img{object-fit:cover;object-position:65% center}.practice-hero:after,.practice-final:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#031016ee,#031016a8 43%,#03101600 75%);position:absolute;inset:0}.practice-hero__inner{min-height:36rem;padding-block:1rem 3.5rem}.practice-hero__copy{width:53%;max-width:39rem}.practice-page .practice-hero h1{letter-spacing:.04em;margin-bottom:1.5rem;font-size:clamp(1.85rem,2.7vw,2.9rem);line-height:1.5}.practice-hero__subtitle{margin-top:.3rem;font-size:.85em;display:block}.practice-hero .button{margin-top:.4rem}.practice-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,4vw,4rem);display:grid}.practice-copy{min-width:0}.practice-intro,.practice-continue{padding-block:clamp(2.75rem,5vw,4rem)}.practice-intro .practice-copy{grid-area:1/2}.practice-intro .practice-visual{grid-area:1/1}.practice-visual{border:1px solid #b5c4c35c;border-radius:.3rem;min-width:0;margin:0;overflow:hidden}.practice-visual img{width:100%;height:auto}.practice-steps{border-top:1px solid #b5c4c329;grid-template-columns:repeat(3,minmax(0,1fr));padding-block:2rem 3.5rem;display:grid}.practice-step{min-width:0;padding-inline:clamp(1rem,2vw,2rem)}.practice-step:first-child{padding-left:0}.practice-step:last-child{padding-right:0}.practice-step+.practice-step{border-left:1px solid #b5c4c329}.practice-step .practice-visual{margin-block:1.3rem}.practice-home{background:#13242c;border-radius:.3rem;padding:1rem}.practice-hand dl{text-align:center;grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem;margin:.35rem 0 .75rem;display:grid}.practice-hand p{margin:.5rem 0 0}.practice-hand dd{color:#cbd0d0;margin:.35rem 0 0;font-size:.72rem}.practice-home kbd{color:#f1eee7;background:#20343e;border:1px solid #859098;border-bottom-width:3px;border-radius:.25rem;min-width:2rem;padding:.25rem .5rem;font:600 1rem/1.4 ui-monospace,monospace;display:inline-block}.practice-home .practice-anchor-key{color:#192027;text-underline-offset:.25em;background:#f3c984;border-color:#ffdaa0;text-decoration:underline}.practice-space{align-items:center;gap:.75rem;margin:.5rem 0;display:flex}.practice-page .seo-article .practice-home-note{margin-bottom:0;font-size:.78rem}.practice-romaji{border-collapse:collapse;background:#13242c;width:100%;margin-top:1.5rem}.practice-romaji+p{margin-top:1rem}.practice-romaji caption{text-align:left;color:#cbd0d0;margin-bottom:.65rem;font-size:.88rem}.practice-romaji th,.practice-romaji td{text-align:left;border:1px solid #b5c4c329;padding:.7rem .75rem;font-size:.9rem}.practice-romaji thead th{color:var(--guide-gold)}.practice-romaji tbody th{font-weight:500}.practice-guide-link{border-top:1px solid #b5c4c329;margin-top:1rem;padding-top:1rem}.practice-page .practice-guide-link .button{padding-inline:1rem;font-size:.82rem}.practice-try{background:#102129;border-block:1px solid #b5c4c329;padding-block:3.5rem}.practice-play-screen{box-shadow:0 1rem 2rem #0004}.practice-flow-wrap{margin-top:2rem}.practice-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem 2rem;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.practice-flow>li{border-top:1px solid #b5c4c329;min-width:0;max-width:42rem;padding-top:1rem}.practice-page .seo-article .practice-flow-number{color:var(--guide-gold);letter-spacing:.08em;margin:0 0 .5rem;font-size:.8rem}.practice-flow>li>p:last-child{margin-bottom:0}.practice-flow-notes,.practice-flow-actions{width:100%;min-width:0}.practice-flow-notes{margin-top:1rem}.practice-flow-actions{margin-top:1.5rem}@media (width<=1100px){.practice-flow{grid-template-columns:minmax(0,1fr)}}.practice-metrics{text-align:center;grid-template-columns:repeat(4,minmax(0,1fr));margin:1rem 0 0;display:grid}.practice-metrics>div{padding:.6rem .25rem}.practice-metrics>div+div{border-left:1px solid #b5c4c329}.practice-metrics dt{color:var(--guide-gold);font-weight:600}.practice-metrics dd{color:#cbd0d0;margin:.3rem 0 0;font-size:.72rem}.practice-faq{padding-block:0 4rem}.practice-faq__list{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:0 2.5rem;margin-top:1.5rem;display:grid}.practice-faq details{border-bottom:1px solid #b5c4c349;min-width:0}.practice-faq summary{cursor:pointer;min-height:44px;padding:1rem .25rem;font-size:.94rem}.practice-faq details[open] summary{color:var(--guide-gold)}.practice-faq details p{padding-inline:.25rem}.practice-final__visual img{object-fit:cover;object-position:65% center}.practice-final__inner{min-height:26rem;padding-block:3rem}.practice-final__copy{width:50%;max-width:36rem}.practice-final .button{margin-top:.6rem}@media (width>=701px) and (width<=1100px){.practice-steps{grid-template-columns:1fr}.practice-step{padding:2rem 0}.practice-step+.practice-step{border-top:1px solid #b5c4c329;border-left:0}.practice-step .practice-visual,.practice-home,.practice-romaji{max-width:38rem}}@media (width<=700px){.practice-hero{flex-direction:column;display:flex}.practice-hero:after{display:none}.practice-hero__visual{z-index:0;order:1;position:relative;inset:auto}.practice-hero__visual img{aspect-ratio:800/900;object-fit:contain;height:auto}.practice-hero__inner{min-height:0;padding-block:1.25rem 2.5rem}.practice-hero__copy,.practice-final__copy{width:100%;max-width:none}.practice-page .practice-hero h1{font-size:clamp(1.55rem,6.5vw,2.2rem)}.practice-page .seo-article h2{font-size:1.4rem}.practice-page .seo-article p{font-size:1rem}.practice-hero .button,.practice-try .button,.practice-final .button{width:100%}.practice-row,.practice-steps,.practice-faq__list{grid-template-columns:1fr}.practice-row{gap:1.25rem}.practice-intro .practice-copy,.practice-intro .practice-visual{grid-area:auto}.practice-intro{padding-block:2.5rem}.practice-intro,.practice-try .practice-row{flex-direction:column;align-items:stretch;display:flex}.practice-intro .practice-copy,.practice-try .practice-copy{display:contents}.practice-intro .practice-copy h2{order:1}.practice-intro .practice-visual{order:2}.practice-intro .practice-copy>p:not(.practice-number){order:3;margin-bottom:0}.practice-try .practice-visual{order:1}.practice-try .button{order:2}.practice-try .practice-assurance{order:3}.practice-steps{padding-block:0 2.5rem}.practice-step{padding:2.5rem 0 0}.practice-step+.practice-step{border-top:1px solid #b5c4c329;border-left:0;margin-top:2.5rem}.practice-hand dd{font-size:.8rem}.practice-guide-link .button{width:100%}.practice-try,.practice-continue{padding-block:2.5rem}.practice-faq{padding-bottom:2.5rem}.practice-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.practice-metrics>div{padding:.8rem}.practice-metrics>div:nth-child(3){border-left:0}.practice-final{flex-direction:column;display:flex}.practice-final__visual{z-index:-2;background:#031016;flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset:0}.practice-final__visual picture{height:auto}.practice-final__visual img{aspect-ratio:941/1672;object-fit:contain;height:auto}.practice-final:after{background:linear-gradient(#031016cf,#03101680 35%,#0000 55%)}.practice-final__inner{min-height:0;padding-block:1.5rem 100vw;position:relative}.practice-final__copy{max-width:28rem}.practice-page .practice-final p{font-size:.9rem;line-height:1.8}.practice-final .practice-number{display:none}}@media (prefers-reduced-motion:reduce){html:has(.practice-page){scroll-behavior:auto}}
