.brr-section{background:linear-gradient(145deg,#eff7fff5,#f8fbfffa);border:1px solid #0071e329;border-radius:22px;margin:28px 0 0;padding:24px;box-shadow:0 12px 30px #004b8c0f}.brr-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;display:flex}.brr-kicker{color:#0066b3;letter-spacing:.02em;align-items:center;gap:7px;font-size:13px;font-weight:750;display:inline-flex}.brr-heading h2{color:#102a43;letter-spacing:-.025em;margin:8px 0 6px;font-size:clamp(19px,2.2vw,25px)}.brr-heading p{color:#567087;max-width:700px;margin:0;font-size:14px;line-height:1.65}.brr-progress{color:#0066b3;background:#ffffffb8;border-radius:999px;flex:none;padding:6px 10px;font-size:13px;font-weight:750}.brr-start-card{background:#ffffffb8;border:1px solid #0071e31f;border-radius:16px;align-items:center;gap:14px;padding:16px;display:flex}.brr-start-icon{color:#0066b3;background:#e1f0ff;border-radius:13px;flex:none;place-items:center;width:40px;height:40px;display:grid}.brr-start-card>div:nth-child(2){flex:1;min-width:0}.brr-start-card strong{color:#183b56;font-size:15px;display:block}.brr-start-card p{color:#648096;margin:4px 0 0;font-size:13px;line-height:1.55}.brr-start-card button,.brr-step-action{color:#fff;font:inherit;cursor:pointer;background:#0878c9;border:0;border-radius:10px;font-size:13px;font-weight:750;transition:background .16s,transform .16s}.brr-step-actions{gap:7px;margin-top:auto;display:grid}.brr-step-link{color:#0066b3;justify-content:center;align-items:center;gap:5px;min-height:28px;font-size:11px;font-weight:750;text-decoration:none;display:inline-flex}.brr-step-link:hover{color:#004c84;text-decoration:underline}.brr-start-card button{flex:none;padding:10px 14px}.brr-start-card button:hover,.brr-step-action:not(:disabled):hover{background:#005fa8;transform:translateY(-1px)}.brr-steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.brr-step{background:#ffffffb3;border:1px solid #56708726;border-radius:15px;flex-direction:column;gap:11px;min-width:0;padding:14px;transition:border-color .16s,box-shadow .16s,background .16s;display:flex}.brr-step.due{border-color:#0071e354;box-shadow:0 6px 18px #0071e314}.brr-step.done{background:#f2fcf7d1;border-color:#238a5847}.brr-step-mark{color:#0066b3;background:#e1f0ff;border-radius:11px;place-items:center;width:34px;height:34px;font-size:11px;font-weight:800;display:grid}.brr-step.done .brr-step-mark{color:#1f8b59;background:#dff5e8}.brr-step-copy{flex:1;min-width:0}.brr-step-copy strong{color:#183b56;font-size:14px;line-height:1.35;display:block}.brr-step-copy p{color:#5c7488;margin:5px 0 7px;font-size:12px;line-height:1.6}.brr-step-copy small{color:#8a9baa;font-size:11px}.brr-step-action{width:100%;min-height:34px;padding:7px 8px}.brr-step-action:disabled{color:#8a9baa;cursor:default;background:#e7edf2}.brr-step.done .brr-step-action{color:#1f8b59;background:#e0f3e8}.brr-footer{justify-content:space-between;align-items:center;gap:12px;margin-top:16px;display:flex}.brr-footer a,.brr-reset{color:#0066b3;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.brr-footer a:hover,.brr-reset:hover{color:#004c84}.brr-reset{color:#72879a;font-weight:600}.brr-loading{background:#ffffff94;border-radius:16px;height:82px}@media (max-width:900px){.brr-steps{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:640px){.brr-section{border-radius:18px;padding:18px}.brr-heading{gap:10px}.brr-heading p{font-size:13px}.brr-start-card{flex-wrap:wrap;align-items:flex-start}.brr-start-card button{width:100%;margin-left:0}.brr-steps{grid-template-columns:1fr}.brr-step{grid-template-columns:38px minmax(0,1fr);column-gap:11px;display:grid}.brr-step-actions{grid-column:2}.brr-footer{flex-direction:column;align-items:flex-start}}
.bfrs-card{background:#ffffffb8;border:1px solid #94a3b833;border-radius:14px;margin-top:10px}.bfrs-card summary{color:#526b7d;cursor:pointer;align-items:center;gap:7px;padding:11px 13px;font-size:12px;font-weight:800;list-style:none;display:flex}.bfrs-card summary::-webkit-details-marker{display:none}.bfrs-card summary svg{color:#7057d9}.bfrs-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:0 11px 11px;display:grid}.bfrs-grid a{min-width:0;color:inherit;background:#fff;border:1px solid #94a3b82b;border-radius:11px;gap:4px;padding:10px;text-decoration:none;display:grid}.bfrs-grid a:hover{border-color:#7057d947;box-shadow:0 5px 15px #0f172a0d}.bfrs-grid strong{color:#334155;font-size:11px}.bfrs-grid span{color:#718293;font-size:11px;line-height:1.5}@media (max-width:900px){.bfrs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.bfrs-grid{grid-template-columns:1fr}}
.bflf-section{background:#f8fbfeeb;border:1px solid #1b5d8921;border-radius:20px;margin:22px 0 0;padding:20px 22px 22px}.bflf-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:15px;display:flex}.bflf-kicker{color:#0878c9;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:800}.bflf-heading h2{color:#173b56;letter-spacing:-.025em;margin:6px 0 5px;font-size:clamp(18px,2vw,23px)}.bflf-heading p{color:#637b8e;max-width:760px;margin:0;font-size:13px;line-height:1.65}.bflf-goal{color:#136c9f;white-space:nowrap;background:#e5f3ff;border-radius:999px;flex:none;padding:7px 10px;font-size:12px;font-weight:800}.bflf-steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.bflf-step{min-width:0;color:inherit;background:#fff;border:1px solid #1b5d891a;border-radius:14px;flex-direction:column;gap:8px;padding:13px 12px 12px;text-decoration:none;transition:transform .16s,border-color .16s,box-shadow .16s;display:flex;position:relative}.bflf-step:hover{border-color:#0071e34d;transform:translateY(-2px);box-shadow:0 7px 18px #004b8c14}.bflf-step-number{color:#9cb0bf;font-size:11px;font-weight:800;position:absolute;top:10px;right:11px}.bflf-step-icon{color:#0878c9;background:#e8f4ff;border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.bflf-step-copy{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.bflf-step-copy strong{color:#173b56;font-size:14px}.bflf-step-copy span{color:#6b8192;font-size:12px;line-height:1.55}.bflf-step-arrow{color:#8aa5b7;align-self:flex-end}.bflf-finish-card{background:#f0fdf4b8;border:1px solid #22c55e2e;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:11px;padding:12px 13px;display:grid}.bflf-finish-icon{color:#15803d;background:#22c55e21;border-radius:9px;place-items:center;width:29px;height:29px;display:grid}.bflf-finish-copy{gap:3px;min-width:0;display:grid}.bflf-finish-copy strong{color:#166534;font-size:12px}.bflf-finish-copy span,.bflf-finish-note{color:#4b7660;font-size:11px;line-height:1.5}.bflf-finish-note{text-align:right;white-space:nowrap}@media (max-width:900px){.bflf-steps{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:640px){.bflf-section{border-radius:17px;padding:17px}.bflf-heading{flex-direction:column;gap:10px}.bflf-goal{align-self:flex-start}.bflf-finish-card{grid-template-columns:auto minmax(0,1fr)}.bflf-finish-note{text-align:left;white-space:normal;grid-column:2}.bflf-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:390px){.bflf-steps{grid-template-columns:1fr}}
.bfsl-section{background:linear-gradient(145deg,#f7fbfffa,#f5f3ffe6);border:1px solid #0071e326;border-radius:21px;margin:20px 0 0;padding:20px;box-shadow:0 12px 30px #1e40af0b}.bfsl-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.bfsl-kicker{color:#2563eb;align-items:center;gap:6px;font-size:11px;font-weight:850;display:inline-flex}.bfsl-heading h2{color:#172554;letter-spacing:-.03em;margin:6px 0 5px;font-size:clamp(19px,2.4vw,25px)}.bfsl-heading p{color:#596579;max-width:690px;margin:0;font-size:12px;line-height:1.65}.bfsl-play-button{color:#fff;min-height:38px;font:inherit;cursor:pointer;white-space:nowrap;background:#2563eb;border:0;border-radius:999px;flex:none;align-items:center;gap:7px;padding:0 14px;font-size:12px;font-weight:800;display:inline-flex;box-shadow:0 8px 18px #2563eb33}.bfsl-play-button:hover{background:#1d4ed8}.bfsl-play-button.is-playing{background:#1e40af}.bfsl-line-list{gap:8px;margin-top:15px;display:grid}.bfsl-line{background:#ffffffbd;border:1px solid #2563eb1c;border-radius:13px;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:10px 12px;transition:border-color .16s,background .16s,transform .16s;display:grid}.bfsl-line.is-active{background:#eff6fff5;border-color:#2563eb6b;transform:translate(2px)}.bfsl-line.is-finished .bfsl-line-number{color:#15803d;background:#dcfce7}.bfsl-line-number{color:#2563eb;background:#dbeafe;border-radius:9px;place-items:center;width:26px;height:26px;font-size:11px;font-weight:850;display:grid}.bfsl-line-copy{min-width:0}.bfsl-line-fr{align-items:center;gap:7px;min-width:0;display:flex}.bfsl-line-fr strong{color:#172554;min-width:0;font-size:15px;line-height:1.45}.bfsl-line-copy p{color:#5b6472;margin:3px 0 0;font-size:12px;line-height:1.5}.bfsl-playing-label{color:#2563eb;white-space:nowrap;font-size:10px;font-weight:850}.bfsl-footer-note,.bfsl-error{color:#718096;margin:11px 0 0;font-size:11px;line-height:1.55}.bfsl-error{color:#b45309}@media (max-width:620px){.bfsl-section{border-radius:18px;padding:16px}.bfsl-heading{flex-direction:column;gap:11px}.bfsl-play-button{align-self:flex-start}.bfsl-line{grid-template-columns:30px minmax(0,1fr);align-items:start;padding:10px}.bfsl-playing-label{grid-column:2;justify-self:start}}
.bft-card{color:#172033;background:linear-gradient(135deg,#eff8fff5,#f8f6ffeb);border:1px solid #0071e333;border-radius:20px;margin-top:14px;padding:20px;box-shadow:0 12px 30px #0f172a0d}.bft-head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.bft-kicker,.bft-block-label{color:#0071e3;letter-spacing:.04em;align-items:center;gap:6px;font-size:11px;font-weight:850;display:inline-flex}.bft-head h2{color:#172033;letter-spacing:-.03em;margin:7px 0 0;font-size:21px}.bft-print-button{color:#0066c9;cursor:pointer;background:#ffffffd1;border:1px solid #0071e338;border-radius:999px;flex:none;align-items:center;gap:6px;min-height:34px;padding:7px 10px;font-size:11px;font-weight:800;display:inline-flex}.bft-print-button:hover{background:#fff;border-color:#0071e373}.bft-intro{color:#526176;max-width:680px;margin:9px 0 0;font-size:12px;line-height:1.6}.bft-phrase-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:16px;display:grid}.bft-phrase{background:#ffffffd1;border:1px solid #0071e31f;border-radius:14px;align-items:flex-start;gap:9px;min-width:0;padding:12px;display:flex}.bft-number{color:#0071e3;background:#0071e31a;border-radius:8px;flex:none;place-items:center;width:22px;height:22px;font-size:10px;font-weight:850;display:inline-grid}.bft-phrase>div{gap:4px;min-width:0;display:grid}.bft-phrase strong{color:#15233b;font-size:13px;line-height:1.4}.bft-phrase span:not(.bft-number){color:#5e6a7d;font-size:11px;line-height:1.45}.bft-action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px;display:grid}.bft-action-block{background:#ffffff8f;border-radius:14px;min-width:0;padding:12px}.bft-action-block p,.bft-action-block ol{color:#46556b;margin:8px 0 0;font-size:12px;line-height:1.6}.bft-action-block ol{padding-left:18px}.bft-action-block small{color:#64748b;margin-top:6px;font-size:11px;line-height:1.5;display:block}@media (max-width:640px){.bft-card{padding:16px}.bft-head{display:grid}.bft-print-button{justify-self:start}.bft-phrase-grid,.bft-action-grid{grid-template-columns:1fr}}@media print{body *{visibility:hidden!important}.bft-print-target,.bft-print-target *{visibility:visible!important}.bft-print-target{width:100%;box-shadow:none;background:#fff;border:0;border-radius:0;margin:0;padding:0;position:fixed;inset:0}.bft-print-button{display:none!important}}
.bfgb-card{background:linear-gradient(135deg,#eff6ffe6,#f8fafcf5);border:1px solid #0071e329;border-radius:18px;margin-top:18px;padding:18px 20px;box-shadow:0 10px 28px #0f172a0b}.bfgb-topline{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.bfgb-kicker{color:#2563eb;letter-spacing:.02em;align-items:center;gap:6px;font-size:12px;font-weight:750;display:inline-flex}.bfgb-badge{color:#64748b;font-size:11px;font-weight:650}.bfgb-card h3{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:17px;line-height:1.35}.bfgb-rule{color:#334155;margin:8px 0 12px;font-size:14px;line-height:1.7}.bfgb-formula{background:#ffffffb8;border-radius:12px;align-items:baseline;gap:10px;padding:10px 12px;display:flex}.bfgb-formula span{color:#64748b;flex:none;font-size:12px;font-weight:700}.bfgb-formula code{color:#0f172a;white-space:pre-wrap;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;font-weight:700;line-height:1.5}.bfgb-example{background:#ffffffb3;border-left:3px solid #60a5fa;border-radius:0 12px 12px 0;gap:3px;margin-top:12px;padding:12px;display:grid}.bfgb-example-fr{color:#0f172a;font-size:15px;font-weight:750}.bfgb-example>span{color:#64748b;font-size:13px}.bfgb-tip{color:#475569;margin:12px 0 0;font-size:13px;line-height:1.6}.bfgb-tip strong{color:#1e3a8a}.bfgb-link{color:#2563eb;align-items:center;gap:5px;margin-top:12px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.bfgb-link:hover{color:#1d4ed8;text-underline-offset:3px;text-decoration:underline}@media (max-width:640px){.bfgb-card{border-radius:16px;padding:16px}.bfgb-topline{flex-direction:column;align-items:flex-start;gap:5px}}
.bftn-card{background:radial-gradient(circle at 95% 0,#7057d91a,#0000 30%),linear-gradient(145deg,#fcfafff5,#ffffffed);border:1px solid #7057d92b;border-radius:21px;margin-top:18px;padding:20px 21px;box-shadow:0 11px 30px #0f172a0b}.bftn-heading{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.bftn-kicker{color:#5c43be;letter-spacing:.03em;align-items:center;gap:6px;font-size:11px;font-weight:850;display:inline-flex}.bftn-heading h2{color:#1f1940;letter-spacing:-.035em;margin:7px 0 0;font-size:clamp(19px,2.7vw,25px);line-height:1.2}.bftn-badge{color:#7969b2;white-space:nowrap;background:#7057d917;border-radius:999px;flex:none;padding:6px 8px;font-size:10px;font-weight:800}.bftn-teacher-quote{background:#ffffffc7;border-left:3px solid #8b76e6;border-radius:0 14px 14px 0;gap:7px;margin:16px 0 0;padding:13px 14px 13px 12px;display:flex}.bftn-quote-mark{color:#8b76e6;flex:none;margin-top:-4px;font-family:Georgia,serif;font-size:27px;line-height:1}.bftn-teacher-quote p{color:#3e385d;margin:0;font-size:13px;line-height:1.7}.bftn-guidance-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:10px;display:grid}.bftn-guidance{background:#ffffffb3;border:1px solid #94a3b833;border-radius:14px;min-width:0;padding:11px 12px}.bftn-guidance>span{align-items:center;gap:5px;font-size:10px;font-weight:850;display:inline-flex}.bftn-guidance p{color:#5b6475;margin:5px 0 0;font-size:11px;line-height:1.6}.bftn-pronunciation{background:#f7fbffc7;border-color:#0071e326}.bftn-pronunciation>span{color:#2563a8}.bftn-mistake{background:#fffbf5d1;border-color:#ea580c26}.bftn-mistake>span{color:#b45309}.bftn-self-check{color:#655a8e;background:#7057d912;border-radius:11px;align-items:flex-start;gap:6px;margin-top:11px;padding:9px 11px;font-size:11px;line-height:1.55;display:flex}.bftn-self-check svg{color:#7057d9;flex:none;margin-top:1px}.bftn-self-check strong{color:#4f3ca1}@media (max-width:620px){.bftn-card{border-radius:18px;padding:17px}.bftn-heading{flex-direction:column;gap:7px}.bftn-badge{align-self:flex-start}.bftn-guidance-grid{grid-template-columns:1fr}}