.guide-page .nav__inner{min-height:64px}.guide-page .nav__inner>.btn{margin-left:auto}.guide-tabs{border-top:1px solid var(--border)}.guide-tabs__inner{width:min(100% - 2 * var(--gutter),var(--container));margin-inline:auto;display:flex;gap:var(--space-2);padding:var(--space-2) 0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.guide-tabs__inner::-webkit-scrollbar{display:none}.guide-tabs a{flex:none;display:inline-flex;align-items:center;min-height:36px;padding:0 var(--space-4);border-radius:var(--radius-full);color:var(--text-secondary);font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap;transition:background-color var(--duration-base) ease,color var(--duration-base) ease,transform var(--duration-short) var(--ease-out)}.guide-tabs a:active{transform:scale(.97)}.guide-tabs a[aria-current=page]{color:var(--canvas);background:var(--text-primary)}html{scroll-padding-top:132px}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}.guide{width:min(100% - 2 * var(--gutter),50rem);margin:var(--space-8) auto var(--space-10);padding:clamp(1.25rem,5vw,3.25rem);color:var(--text-primary);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);font-family:var(--font-sans);font-size:17px;line-height:1.7}.guide h1,.guide h2,.guide h3{line-height:1.25;text-wrap:balance}.guide h1{font:800 clamp(30px,4.4vw,44px)/1.12 var(--font-display);letter-spacing:-.015em}.guide h2{margin-top:var(--space-10);font:600 clamp(21px,2.4vw,25px)/1.3 var(--font-heading)}.guide h3{font:600 18px/1.35 var(--font-heading)}.guide p{max-width:40em}.guide>p,.guide>ul,.guide .guide__table,.guide .guide__note{margin-top:var(--space-4)}.guide a{color:var(--text-link);color:color-mix(in srgb,var(--text-link) 75%,var(--text-primary))}.guide a.btn{color:var(--btn-fg);text-decoration:none}.guide strong{font-weight:600}.nowrap{white-space:nowrap}.crumbs{display:flex;flex-wrap:wrap;gap:var(--space-2);font-size:14px;color:var(--text-secondary)}.crumbs a{color:var(--text-secondary)}.crumbs li+li:before{content:"/";margin-right:var(--space-2);color:var(--text-tertiary)}.guide .crumbs{margin:0 0 var(--space-4);padding:0;list-style:none}.guide__meta{margin-top:var(--space-3);font-size:14px;line-height:1.5;color:var(--text-secondary)}.guide__meta a{color:inherit}.guide__answer{margin-top:var(--space-6);padding:var(--space-5) var(--space-6);background:var(--surface-brand);border-radius:var(--radius-lg);font-size:17.5px;line-height:1.65}.guide__label{margin-bottom:var(--space-2);font-size:12px;line-height:16px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary)}.guide__note{padding:var(--space-4) var(--space-5);background:var(--tone-highlight-tint);border-radius:var(--radius-md);font-size:15px}.guide__source{font-size:14px;color:var(--text-secondary)}.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-5);padding:0;list-style:none}.facts li{display:grid;gap:2px;padding:var(--space-4);text-align:center;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md)}.facts strong{font:800 28px/1.1 var(--font-display)}.facts span{font-size:14px;color:var(--text-secondary)}.toc{margin-top:var(--space-6);padding:var(--space-4) var(--space-5);border:1px dashed var(--border-strong);border-radius:var(--radius-lg)}.toc__title{font-size:12px;line-height:16px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary)}.toc ol{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3);padding:0;list-style:none}.toc a{display:inline-flex;align-items:center;min-height:34px;padding:0 var(--space-3);border-radius:var(--radius-full);background:var(--surface-raised);color:var(--text-primary);font-size:14px;font-weight:500;text-decoration:none;transition:background-color var(--duration-base) ease,transform var(--duration-short) var(--ease-out)}.toc a:active{transform:scale(.97)}.guide__table{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-md)}.guide table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.5}.guide th,.guide td{padding:var(--space-3) var(--space-4);text-align:left;vertical-align:top}.guide tbody tr+tr>*{border-top:1px solid var(--border)}.guide thead th{font-size:13px;font-weight:700;color:var(--text-secondary);background:var(--surface-raised)}.guide tbody th{font-weight:600;white-space:nowrap}.guide td[data-label=Questions],.guide td[data-label=Time]{white-space:nowrap}.guide tbody th,.guide tbody td{transition:background-color var(--duration-base) ease}.guide tbody tr.is-match>*,.guide tbody td.is-match{background:var(--tone-highlight-tint)}.guide tbody td.is-match{font-weight:700}@media(max-width:640px){.guide table{font-size:14px}.guide [data-section-table]{font-size:13px}.guide [data-section-table] :is(th,td){padding-inline:6px}.guide [data-section-table] :is(th,td):first-child{padding-left:var(--space-3)}.guide__table--stack{overflow:visible;border:0}.guide__table--stack thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.guide__table--stack tbody{display:grid;gap:var(--space-3)}.guide__table--stack tr{display:block;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.guide__table--stack tbody tr+tr>*{border-top:0}.guide__table--stack th[scope=row]{display:block;padding:0 0 var(--space-2);font:600 18px/1.3 var(--font-heading)}.guide__table--stack td{display:block;padding:var(--space-2) 0 0}.guide__table--stack td:before{content:attr(data-label);display:block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.guide__table--compare td[data-label=New]{margin-top:var(--space-3);padding:var(--space-3);border-radius:var(--radius-sm);background:var(--surface-brand)}.guide th,.guide td{padding:var(--space-2) var(--space-3)}}@media(max-width:640px){.guide__table--glance th:nth-child(2),.guide__table--glance td:nth-child(2){display:none}}@media(min-width:641px){.guide__table--compare thead th:last-child,.guide__table--compare td:last-child{background:var(--surface-brand)}}.skill-block{--accent: var(--brand);--tint: var(--surface-brand);margin-top:var(--space-9);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.skill-block--reading{--accent: var(--skill-reading-accent);--tint: var(--skill-reading-tint)}.skill-block--listening{--accent: var(--skill-listening-accent);--tint: var(--skill-listening-tint)}.skill-block--writing{--accent: var(--skill-writing-accent);--tint: var(--skill-writing-tint)}.skill-block--speaking{--accent: var(--skill-speaking-accent);--tint: var(--skill-speaking-tint)}.skill-block__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--tint);border-bottom:3px solid var(--accent)}.guide .skill-block h2{margin:0}.tasks{margin:0;padding:0;list-style:none}.task{padding:var(--space-5)}.task+.task{border-top:1px solid var(--border)}.task p{margin-top:var(--space-2);font-size:16px}.chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.guide .chips{margin-top:var(--space-3)}.guide .skill-block__head .chips{margin-top:0}.chips span{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:var(--radius-full);background:var(--surface);border:1px solid var(--border);font-size:13px;font-weight:600;line-height:1;color:var(--text-secondary);white-space:nowrap}.checklist{display:grid;gap:var(--space-3);padding:0;list-style:none}.checklist li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:var(--space-3);align-items:start;padding:var(--space-4);background:var(--surface-raised);border-radius:var(--radius-md);font-size:16px}.checklist svg{width:28px;height:28px;padding:5px;border-radius:50%;color:var(--state-mastered);background:var(--state-correct-tint)}.cefr{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-2);padding:0;list-style:none}.cefr li{display:grid;gap:2px;padding:var(--space-3) var(--space-2);text-align:center;background:var(--surface-raised);border-radius:var(--radius-md)}.cefr strong{font:800 22px/1.1 var(--font-display)}.cefr span{font-size:13px;color:var(--text-secondary)}.guide-faq{display:grid;gap:var(--space-3);margin-top:var(--space-5)}.guide-faq details{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-xs)}.guide-faq details[open]{box-shadow:var(--shadow-sm)}.guide-faq summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);cursor:pointer;list-style:none;font:600 17px/1.4 var(--font-heading)}.guide-faq summary::-webkit-details-marker{display:none}.guide-faq summary:after{content:"+";flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--surface-raised);font:500 20px/1 var(--font-sans);transition:transform var(--duration-base) var(--ease-out),background-color var(--duration-base) ease}.guide-faq details[open] summary:after{transform:rotate(45deg);background:var(--tone-highlight-tint)}.guide-faq summary:active:after{scale:.92}.guide-faq details p{padding:0 var(--space-5) var(--space-5);color:var(--text-secondary);font-size:16px;transition:opacity var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out)}@starting-style{.guide-faq details[open] p{opacity:0;transform:translateY(-4px)}}@supports (interpolate-size: allow-keywords){.guide-faq details{interpolate-size:allow-keywords}.guide-faq details::details-content{block-size:0;overflow:clip;transition:block-size var(--duration-base) var(--ease-out),content-visibility var(--duration-base) allow-discrete}.guide-faq details[open]::details-content{block-size:auto}}.converter{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-6)}.tool{display:grid;align-content:start;gap:var(--space-3);min-width:0;margin:0;padding:var(--space-5);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg)}.tool:nth-of-type(n+3){grid-column:1 / -1}.tool legend{float:left;width:100%;margin-bottom:var(--space-1);font:600 18px/1.3 var(--font-heading)}.tool__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.tool__row--four{grid-template-columns:repeat(4,minmax(0,1fr))}.converter label{display:grid;gap:var(--space-1);min-width:0;font-size:14px;font-weight:600;color:var(--text-secondary)}.converter input,.converter select{width:100%;min-height:48px;padding:0 var(--space-3);color:var(--text-primary);background-color:var(--surface);border:1.5px solid var(--border-strong);border-radius:var(--radius-md);font:500 17px/1.2 var(--font-sans)}.converter input::-webkit-outer-spin-button,.converter input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.converter input[type=number]{-moz-appearance:textfield;appearance:textfield}.converter input,.converter select{transition:border-color var(--duration-short) ease,box-shadow var(--duration-short) ease}.converter input:focus,.converter select:focus{outline:none;border-color:var(--border-interactive);box-shadow:0 0 0 4px var(--surface-brand)}.converter output{display:block;font-size:16px;font-weight:600;line-height:1.5}.converter output:empty{display:none}.converter output:not(:empty){padding:var(--space-3) var(--space-4);background:var(--surface-brand);border-radius:var(--radius-md);animation:result-in var(--duration-base) var(--ease-out)}@keyframes result-in{0%{opacity:0;transform:translateY(4px) scale(.98)}}.converter__hint{grid-column:1 / -1;font-size:14px;color:var(--text-secondary)}.guide-cta{display:grid;grid-template-columns:120px minmax(0,1fr);gap:var(--space-6);align-items:center;margin-top:var(--space-10);padding:var(--space-6);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg)}.guide-cta__mascot{width:120px;height:auto}.guide .guide-cta h2{margin-top:0}.guide-cta p{margin-top:var(--space-3);font-size:16px;color:var(--text-secondary)}.guide-cta .btn{margin-top:var(--space-5)}.guide-related{margin-top:var(--space-9)}.guide .guide-related h2{font-size:19px}.guide-list{display:grid;gap:var(--space-3);margin-top:var(--space-4);padding:0;list-style:none}.guide-list--hub{margin-top:var(--space-6)}.guide .guide-card{--accent: var(--brand);display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);color:var(--text-primary);text-decoration:none;background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:var(--radius-lg);transition:transform var(--duration-short) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}.guide-card:active{transform:scale(.98)}.guide-card--reading{--accent: var(--skill-reading-accent)}.guide-card--speaking{--accent: var(--skill-speaking-accent)}.guide-card--writing{--accent: var(--skill-writing-accent)}.guide-card__text{flex:1;min-width:0}.guide-card strong{display:block;font:600 19px/1.3 var(--font-heading)}.guide-card__text>span{display:block;margin-top:var(--space-1);color:var(--text-secondary);font-size:15px;line-height:1.5}.guide-card svg{flex:none;color:var(--text-secondary);transition:transform var(--duration-base) var(--ease-out),color var(--duration-base) ease}@media(hover:hover)and (pointer:fine){.guide-tabs a:not([aria-current]):hover{color:var(--text-primary);background:var(--surface-raised)}.toc a:hover{background:var(--surface-sunken)}.converter select:hover:not(:focus){border-color:var(--text-tertiary)}.guide-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.guide-card:hover svg{transform:translate(3px);color:var(--text-primary)}.guide-card:active{transform:scale(.98)}}@media(max-width:640px){.guide{margin-top:var(--space-4);font-size:16px;border-radius:var(--radius-lg)}.guide h2{margin-top:var(--space-9)}.guide__answer{padding:var(--space-4) var(--space-5);font-size:16.5px}.facts{grid-template-columns:repeat(2,minmax(0,1fr))}.cefr{grid-template-columns:repeat(3,minmax(0,1fr))}.converter{grid-template-columns:minmax(0,1fr)}.tool{padding:var(--space-4)}.tool__row--four{grid-template-columns:repeat(2,minmax(0,1fr))}.skill-block__head,.task{padding:var(--space-4)}.guide-cta{grid-template-columns:minmax(0,1fr);gap:var(--space-3);padding:var(--space-5);text-align:center;justify-items:center}.guide-cta__mascot{width:96px}.guide-cta .btn{width:100%}.guide-tabs__inner{gap:var(--space-1)}.guide-tabs a{padding:0 var(--space-3);font-size:13.5px}}@media(prefers-reduced-motion:reduce){.converter output:not(:empty){animation:result-fade var(--duration-base) ease}.guide-tabs a,.toc a,.guide-card,.guide-card svg{transition-property:background-color,color,box-shadow}.guide-tabs a:active,.toc a:active,.guide-card:active,.guide-card:hover,.guide-card:hover svg{transform:none}.guide-faq summary:after{transition-property:background-color}.guide-faq details p{transform:none}.guide-faq details::details-content{transition:none}}@keyframes result-fade{0%{opacity:0}}