.if-page{--if-ink:#193247;--if-muted:#516a7a;--if-line:#d5e2eb;--if-main:#16798b;--if-purple:#7256a5;color:var(--if-ink);max-width:1120px;margin:auto;padding:28px 20px 60px}.if-page *{box-sizing:border-box}.if-page h1{font-weight:800;letter-spacing:.02em;line-height:1.3}.if-page h2{font-size:1.45rem;font-weight:750;line-height:1.5}.if-page h3{font-size:1.15rem;font-weight:750;line-height:1.5}.if-page p,.if-page li{line-height:1.85;overflow-wrap:anywhere}.if-page button,.if-page select{font:inherit}.if-page a{color:#126c81;text-underline-offset:3px}.if-page button:focus-visible,.if-page a:focus-visible,.if-page select:focus-visible,.if-page input:focus-visible{outline:3px solid #126fa2;outline-offset:3px}.if-page [hidden]{display:none!important}.if-hero{background:linear-gradient(120deg,#eef8fa,#f3eef9);border:1px solid var(--if-line);border-radius:20px;padding:30px}.if-kicker{font-size:.78rem;letter-spacing:.12em;color:var(--if-purple);font-weight:800}.if-lead{max-width:760px;font-size:1.06rem}.if-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:22px 0}.if-box,.if-work,.if-summary{border:1px solid var(--if-line);border-radius:16px;background:#fff;padding:22px}.if-box h2{font-size:1.08rem}.if-box p{font-size:.94rem}.if-note{background:#eef8f5;border:1px solid #cfe8df;border-radius:12px;padding:14px 18px;font-size:.92rem}.if-caution{background:#fff8e8;border-color:#ebd8a1}.if-toolbar{display:flex;align-items:end;gap:16px;flex-wrap:wrap;margin:24px 0}.if-field{flex:1 1 240px;display:flex;flex-direction:column;gap:8px;font-weight:700}.if-field select{width:100%;min-height:48px;border:1px solid #a9bdca;border-radius:10px;background:white;padding:10px 12px;color:var(--if-ink)}.if-button{border:1px solid transparent;border-radius:10px;min-height:46px;padding:10px 18px;font-weight:750;line-height:1.5;cursor:pointer;background:var(--if-main);color:white}.if-button:hover{background:#105e6c}.if-button:disabled{opacity:.5;cursor:not-allowed}.if-button--quiet{background:#f1f5f8;color:#294c65;border-color:#c9d9e5}.if-button--quiet:hover{background:#e1edf3}.if-actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0 0}.if-progress{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f1f6f9;border-radius:12px;padding:14px 18px;margin:24px 0 14px;font-weight:700}.if-progress span{font-size:.85rem;color:var(--if-muted)}.if-step{color:var(--if-purple);font-size:.8rem;letter-spacing:.08em;font-weight:800}.if-work{min-height:250px;box-shadow:0 10px 30px rgba(30,60,80,.05)}.if-work>h2{margin:4px 0 18px}.if-english{font-size:1.15rem;line-height:1.9!important;white-space:pre-line;overflow-wrap:normal!important}.if-card{border:2px solid #c7d8e4;border-radius:16px;padding:22px;margin:20px 0;background:#fcfdff}.if-card h3{border-bottom:1px solid var(--if-line);padding-bottom:12px}.if-card img{display:block;width:100%;height:auto;max-height:none}.if-pictures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:20px}.if-pictures figure{margin:0}.if-pictures svg{display:block;width:100%;height:auto;overflow:hidden}.if-pictures figcaption{font-size:.8rem;color:var(--if-muted);text-align:center}.if-image-link{font-size:.88rem;display:inline-block;margin-top:12px}.if-face-down{border:2px dashed #b7c9d5;background:repeating-linear-gradient(45deg,#f4f7fa,#f4f7fa 12px,#edf2f7 12px,#edf2f7 24px);border-radius:14px;padding:30px;text-align:center;margin:16px 0;font-weight:700}.if-timer{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 18px;border:1px solid #b8d9df;border-radius:12px;background:#eef9fa;margin:20px 0}.if-timer output{font-variant-numeric:tabular-nums;font-size:2rem;min-width:94px;font-weight:800}.if-timer-note{font-size:.85rem;margin:0;color:var(--if-muted);flex:1 1 180px}.if-topic-list{display:grid;gap:12px;padding:0;margin:18px 0;list-style:none}.if-topic-choice{display:flex;align-items:flex-start;gap:12px;background:#f7f9fc;border:1px solid #cedce7;padding:16px;border-radius:12px;cursor:pointer;font-size:1.02rem;line-height:1.7}.if-topic-choice:has(input:checked){border-color:#7360aa;background:#f3effa}.if-topic-choice input{margin-top:7px;accent-color:#6d539c;width:18px;height:18px;flex-shrink:0}.if-question{background:#f4f0fa;border-left:5px solid #8064ac;border-radius:10px;padding:20px;margin:18px 0}.if-question p{margin:0}.if-branch{display:flex;gap:12px;margin:16px 0}.if-branch .if-button[aria-pressed=true]{background:#67518c}.if-answer{background:#f8fafc;border-left:3px solid #a9bdca;padding:16px 18px;white-space:pre-line;margin:12px 0}.if-review-block{border-top:1px solid var(--if-line);padding-top:20px;margin-top:24px}.if-review-block details{background:#fff;border:1px solid var(--if-line);border-radius:12px;padding:14px 18px;margin:14px 0}.if-review-block summary{font-weight:750;cursor:pointer;padding:5px 0}.if-check{display:flex;gap:12px;align-items:flex-start;margin:12px 0;line-height:1.6}.if-check input{width:18px;height:18px;flex-shrink:0;margin-top:4px;accent-color:var(--if-main)}.if-small{font-size:.88rem;color:var(--if-muted)}.if-live{min-height:1.5em;color:#76520c;margin:10px 0}.if-confirm{border:1px solid #e2c17e;border-radius:12px;background:#fff8e8;padding:16px;margin:14px 0}.if-confirm p{margin:0}.if-screenreader{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:767px){.if-page{padding:20px 12px 44px}.if-hero{padding:22px 18px}.if-page h1{font-size:1.8rem}.if-grid{grid-template-columns:1fr;gap:10px}.if-box{padding:16px 18px}.if-box p{margin:0}.if-work,.if-card{padding:18px 14px}.if-toolbar{gap:12px}.if-field{flex-basis:100%}.if-progress{align-items:flex-start;flex-direction:column;gap:4px}.if-english{font-size:1.08rem}.if-pictures{grid-template-columns:1fr;gap:18px}.if-pictures svg{max-width:540px;margin:auto}.if-actions .if-button{flex:1 1 160px}.if-topic-choice{padding:14px 12px}.if-timer{padding:12px;gap:10px}.if-timer output{font-size:1.8rem;min-width:80px}.if-question{padding:16px}.if-review-block details{padding:12px}.if-face-down{padding:24px 14px}}
@media(prefers-reduced-motion:no-preference){.if-button{transition:background .12s ease}}
@media print{.if-page button,.if-toolbar,.if-timer,.if-progress{display:none}.if-page{max-width:none;padding:0}.if-work{box-shadow:none}.if-pictures{grid-template-columns:repeat(3,1fr)}.if-card,.if-review-block{break-inside:avoid}}
.if-work>.if-button{margin-top:14px}.if-branch .if-button[aria-pressed=true]{color:#fff}

.if-pictures--two,.if-pictures--four{grid-template-columns:repeat(2,minmax(0,1fr))}.if-audio{margin:12px 0}.if-audio .if-small{margin:4px 0}.if-audio audio{display:block;width:min(100%,440px);max-width:100%;height:48px}.if-panel-caption{font-weight:750;text-align:center;margin:8px 0 4px;line-height:1.5!important}.if-panel-dialogue{margin:6px 0 0;background:#f3f6f8;border-radius:8px;padding:10px 12px;font-size:.95rem;line-height:1.65!important}.if-page summary{min-height:44px;display:list-item;align-content:center;cursor:pointer}.if-page summary:focus-visible{outline:3px solid #126fa2;outline-offset:3px}.if-summary{margin:18px 0}.if-pictures figure{min-width:0}
@media(max-width:767px){.if-pictures--two,.if-pictures--four{grid-template-columns:1fr}.if-audio audio{width:100%}}