.tokutei-group-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.tokutei-group-button{display:grid;grid-template-columns:50px minmax(0,1fr) auto;gap:14px;align-items:center;min-height:92px;padding:16px;border:1px solid var(--tl-line);border-radius:16px;background:var(--tl-card);color:var(--tl-ink);text-align:left;cursor:pointer}
.tokutei-group-button:hover,.tokutei-group-button.is-active{border-color:var(--tl-gold);background:color-mix(in srgb,var(--tl-gold) 9%,var(--tl-card))}
.tokutei-group-button:focus-visible{outline:3px solid color-mix(in srgb,var(--tl-gold) 72%,white);outline-offset:3px}
.tokutei-group-mark{display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--tl-line);border-radius:12px;color:var(--tl-rust);font:700 1.35rem/1 var(--tl-jp)}
.tokutei-group-copy strong,.tokutei-group-copy small{display:block}.tokutei-group-copy strong{font-size:1rem}.tokutei-group-copy small{margin-top:4px;color:var(--tl-muted);font-size:.76rem;line-height:1.4}.tokutei-group-arrow{color:var(--tl-gold);font:700 1rem/1 var(--tl-mono)}
.tokutei-sector-panel{scroll-margin-top:20px;margin-top:24px;padding:22px;border:1px solid var(--tl-line);border-radius:20px;background:color-mix(in srgb,var(--tl-card) 86%,transparent);box-shadow:var(--tl-shadow)}.tokutei-sector-panel[hidden]{display:none}.tokutei-sector-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.tokutei-sector-head h3{margin:0;font:italic 400 clamp(1.8rem,4vw,2.8rem)/1 var(--tl-serif)}.tokutei-sector-head p{margin:7px 0 0;color:var(--tl-muted);font:650 .66rem/1.4 var(--tl-mono);letter-spacing:.08em}.tokutei-back{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 13px;border:1px solid var(--tl-line);border-radius:10px;background:var(--tl-card);color:var(--tl-ink);font-weight:700;cursor:pointer}.tl-link.lesson{background:color-mix(in srgb,var(--tl-green) 11%,var(--tl-card))}
.tokutei-help{margin-top:20px;border-top:1px solid var(--tl-line);border-bottom:1px solid var(--tl-line)}.tokutei-help summary{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:50px;cursor:pointer;list-style:none;color:var(--tl-muted);font-weight:700}.tokutei-help summary::-webkit-details-marker{display:none}.tokutei-help div{padding:0 0 18px;color:var(--tl-muted);font-size:.88rem}.tokutei-help p{margin:0 0 10px}.tokutei-help a{color:var(--tl-gold);font-weight:700}
@media(max-width:760px){.tokutei-group-list{grid-template-columns:1fr}.tokutei-sector-panel{padding:16px 12px}.tokutei-sector-head{display:grid}.tokutei-back{justify-self:start}.tokutei-group-button{min-height:82px;padding:13px}.tokutei-group-copy small{font-size:.73rem}}
@media(max-width:580px){body.tokutei-practice-page .tl-hero-visual{min-height:170px}body.tokutei-practice-page .tl-section{padding-top:54px}}