.frances-course{--fr-blue:#315e94;--fr-blue-dark:#214773;--fr-blue-soft:#edf4fc;--fr-line:#d8e4f1;--fr-ink:#25354a;--fr-muted:#627185;--fr-good:#176343;--fr-bad:#943b35;color:var(--fr-ink)}
.frances-course .view-wrap{max-width:1080px;margin:0 auto}
.frances-course .fr-page{padding-bottom:2rem}
.frances-course .fr-eyebrow{font-size:.78rem;font-weight:850;letter-spacing:.08em;color:var(--fr-blue);text-transform:uppercase}
.frances-course .fr-hero{padding:1.5rem 0 .6rem}
.frances-course .fr-hero h1,.frances-course .fr-section-head h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.08;margin:.35rem 0}
.frances-course .fr-hero p,.frances-course .fr-section-head p{color:var(--fr-muted);line-height:1.55;max-width:70ch}
.frances-course .fr-draft{display:inline-block;background:#fff4d8;color:#75520f;border:1px solid #ecd49a;border-radius:999px;padding:.35rem .7rem;font-size:.78rem;font-weight:800}
.frances-course .fr-empty{background:#fff;border:1px solid var(--fr-line);border-radius:20px;padding:1.3rem;color:var(--fr-muted)}
.frances-course .fr-unit-card,.frances-course .fr-block-card,.frances-course .fr-final-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;background:#fff;border:1px solid var(--fr-line);border-radius:24px;padding:1.2rem;color:inherit;text-decoration:none;box-shadow:0 10px 25px rgba(32,69,114,.07);transition:transform .15s,border-color .15s}
.frances-course .fr-unit-card:hover,.frances-course .fr-block-card:hover,.frances-course .fr-final-card:hover{transform:translateY(-2px);border-color:#8eafd2}
.frances-course .fr-unit-card>span:nth-child(2),.frances-course .fr-block-card>span:nth-child(2),.frances-course .fr-final-card>span:nth-child(2){display:grid;gap:.25rem;min-width:0}
.frances-course .fr-unit-card{max-width:680px;min-height:160px;margin:1.2rem 0}
.frances-course .fr-unit-number,.frances-course .fr-card-icon{display:grid;place-items:center;width:3.1rem;height:3.1rem;flex:none;border-radius:16px;background:#dceaf9;color:var(--fr-blue-dark);font-size:1.45rem;font-weight:900}
.frances-course .fr-unit-card small,.frances-course .fr-block-card small,.frances-course .fr-final-card small{color:var(--fr-blue);font-size:.72rem;font-weight:850;letter-spacing:.03em}
.frances-course .fr-unit-card strong,.frances-course .fr-block-card strong,.frances-course .fr-final-card strong{font-size:1.13rem}
.frances-course .fr-unit-card em,.frances-course .fr-block-card em,.frances-course .fr-final-card em{font-style:normal;font-size:.91rem;color:var(--fr-muted)}
.frances-course .fr-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.25rem 0 1.8rem}
.frances-course .fr-summary article{display:grid;gap:.2rem;background:#fff;border:1px solid var(--fr-line);border-radius:22px;padding:1.1rem 1.2rem;box-shadow:0 8px 22px rgba(32,69,114,.05)}
.frances-course .fr-summary article>span{font-size:.76rem;font-weight:850;text-transform:uppercase;color:var(--fr-muted)}
.frances-course .fr-summary strong{font-size:1.65rem;color:var(--fr-blue-dark)}
.frances-course .fr-summary small{color:var(--fr-muted)}
.frances-course .fr-block-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.frances-course .fr-final-card{margin-top:1rem;background:linear-gradient(135deg,#f8fbff,#fff7e7)}
.frances-course .fr-final-card.is-ready{border-color:#d6b862}
.frances-course .fr-progress{display:block;height:8px;background:#e7eef8;border-radius:10px;overflow:hidden;margin-top:.35rem}
.frances-course .fr-progress b{display:block;width:var(--p);height:100%;background:var(--fr-blue);border-radius:inherit}
.frances-course .fr-section-head{padding:1rem 0 .1rem}
.frances-course .fr-theory,.frances-course .fr-reading,.frances-course .fr-vocab{background:#fff;border:1px solid var(--fr-line);border-radius:23px;padding:1.25rem 1.5rem;margin:1rem 0;box-shadow:0 8px 22px rgba(32,69,114,.05)}
.frances-course .fr-theory h2,.frances-course .fr-vocab h2{margin:.1rem 0 .7rem;font-size:1.3rem}
.frances-course .fr-theory p,.frances-course .fr-reading p{line-height:1.65;margin:.6rem 0}
.frances-course .fr-vocab>p{color:var(--fr-muted);margin:.3rem 0 1rem}
.frances-course .fr-vocab-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}
.frances-course .fr-vocab-card{display:flex;justify-content:space-between;align-items:center;gap:.8rem;background:var(--fr-blue-soft);border:1px solid #dce8f7;border-radius:16px;padding:.8rem 1rem;min-width:0}
.frances-course .fr-vocab-card>span{display:grid;gap:.15rem;min-width:0}
.frances-course .fr-vocab-card strong{color:var(--fr-blue-dark);font-size:1.08rem;overflow-wrap:anywhere}
.frances-course .fr-vocab-card small{color:var(--fr-muted);line-height:1.4}
.frances-course .fr-audio{display:inline-flex;align-items:center;gap:.35rem;flex:none;background:#fff;border:1px solid #b8cce4;border-radius:999px;padding:.5rem .7rem;color:var(--fr-blue-dark);font-weight:800;cursor:pointer}
.frances-course .fr-audio:hover{background:#dceaf9}
.frances-course .fr-audio-status{font-size:.86rem;color:var(--fr-muted);min-height:1.2em;margin:.6rem 0 0}
.frances-course .fr-reading summary{cursor:pointer;font-weight:850;color:var(--fr-blue-dark)}
.frances-course .fr-reading[open] summary{margin-bottom:.7rem}
.frances-course .fr-reading-body{max-width:75ch}
.frances-course .fr-reading-body h3{color:var(--fr-blue-dark);margin:.15rem 0 .7rem}
.frances-course .fr-activity-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.8rem;margin-top:1.2rem}
.frances-course .fr-activity-grid>a{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.2rem .75rem;background:var(--fr-blue-soft);border:2px solid #d4e2f3;border-radius:19px;padding:1rem;color:inherit;text-decoration:none}
.frances-course .fr-activity-grid>a:hover{border-color:#88acd1}
.frances-course .fr-activity-grid>a>span{grid-row:1/4;color:var(--fr-blue)}
.frances-course .fr-activity-grid>a strong{font-size:1.02rem}
.frances-course .fr-activity-grid>a small{color:var(--fr-muted);line-height:1.4}
.frances-course .fr-activity-status{font-size:.74rem;color:var(--fr-blue);margin-top:.3rem}
.frances-course .fr-question-head{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1rem;margin:1rem 0}
.frances-course .fr-question-head>span{font-weight:850;color:var(--fr-blue-dark)}
.frances-course .fr-question-card{background:#fff;border:1px solid var(--fr-line);border-radius:26px;padding:clamp(1rem,3vw,2rem);box-shadow:0 12px 32px rgba(32,69,114,.08)}
.frances-course .fr-question-card h1{font-size:clamp(1.5rem,4vw,2.3rem);line-height:1.25;margin:.4rem 0 1.35rem}
.frances-course .fr-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
.frances-course .fr-option{display:flex;align-items:center;text-align:left;gap:.6rem;border:2px solid #d5e3f2;background:#f7faff;border-radius:15px;padding:.85rem 1rem;min-height:56px;color:var(--fr-ink);font:inherit;font-weight:800;cursor:pointer}
.frances-course .fr-option>span{display:grid;place-items:center;width:1.8rem;height:1.8rem;flex:none;border-radius:50%;background:#e1ebf7}
.frances-course .fr-option.is-selected{border-color:var(--fr-blue);background:#e6f1fd}
.frances-course .fr-option.is-correct,.frances-course .fr-chip.is-correct{border-color:#63ad88;background:#e9f8f0;color:var(--fr-good)}
.frances-course .fr-option.is-wrong,.frances-course .fr-chip.is-wrong{border-color:#d18a85;background:#fff0ed;color:var(--fr-bad)}
.frances-course .fr-answer-label{display:grid;gap:.5rem;font-weight:800;max-width:520px}
.frances-course .fr-answer-label input{font:inherit;color:var(--fr-ink);width:100%;border:2px solid #cbdcee;border-radius:14px;padding:.8rem 1rem}
.frances-course .fr-answer-label input.is-correct{border-color:#63ad88;background:#e9f8f0}
.frances-course .fr-answer-label input.is-wrong{border-color:#d18a85;background:#fff0ed}
.frances-course .fr-feedback{margin-top:1rem;line-height:1.5;border-radius:15px}
.frances-course .fr-feedback:not(:empty){padding:1rem}
.frances-course .fr-feedback.is-correct{background:#e9f8f0;color:var(--fr-good)}
.frances-course .fr-feedback.is-wrong{background:#fff0ed;color:var(--fr-bad)}
.frances-course .fr-sort .fr-section-head p{max-width:none}
.frances-course .fr-sort-zones{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.frances-course .fr-sort-zone{display:flex;align-items:center;flex-direction:column;gap:.65rem;min-height:265px;background:#f7faff;border:2px solid #d8e5f3;border-radius:22px;padding:1rem}
.frances-course .fr-sort-receiver{display:grid;align-content:center;justify-items:center;gap:.35rem;width:min(220px,100%);min-height:145px;font:inherit;cursor:pointer}
.frances-course .fr-sort-receiver.is-card{background:linear-gradient(145deg,#fff,#e7f1fb);border:2px solid #abc8e5;border-radius:20px;padding:1.1rem;color:var(--fr-blue-dark);box-shadow:0 5px 14px rgba(32,69,114,.08)}
.frances-course .fr-sort-zone:nth-child(2) .fr-sort-receiver.is-card{background:linear-gradient(145deg,#fff,#e3f2f2);border-color:#9acacc;color:#235866}
.frances-course .fr-sort-receiver.is-sack{background:transparent;border:0;padding:0;color:#4a321d}
.frances-course .fr-sort-receiver>small{font-size:.7rem;font-weight:850;letter-spacing:.15em}
.frances-course .fr-sort-receiver>strong{font-size:clamp(1rem,3vw,1.5rem);line-height:1.1;overflow-wrap:anywhere;text-align:center}
.frances-course .fr-sack-neck{width:48%;height:22px;margin-bottom:-5px;background:#9b6238;border:3px solid #704322;border-radius:50% 50% 30% 30%;z-index:1}
.frances-course .fr-sack-body{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:145px;background:linear-gradient(140deg,#f4d7a7,#dbac6d 65%,#b88348);border:4px solid #8d6134;clip-path:polygon(23% 0,77% 0,94% 19%,100% 79%,91% 100%,9% 100%,0 79%,6% 19%);padding:1.5rem .7rem .6rem;text-align:center}
.frances-course .fr-sack-body small{font-size:.7rem;font-weight:850;letter-spacing:.15em}
.frances-course .fr-sack-body strong{font-size:clamp(1rem,3vw,1.5rem);line-height:1.1;overflow-wrap:anywhere}
.frances-course .fr-sort-zone:nth-child(2) .fr-sack-neck{background:#4b8792;border-color:#2e6370}
.frances-course .fr-sort-zone:nth-child(2) .fr-sack-body{background:linear-gradient(140deg,#d6efef,#9dced0 65%,#69aeb7);border-color:#43828a;color:#183f48}
.frances-course .fr-sort-contents,.frances-course .fr-word-bank>div{display:flex;justify-content:center;align-content:flex-start;flex-wrap:wrap;gap:.5rem;width:100%}
.frances-course .fr-sort-contents{min-height:42px}
.frances-course .fr-word-bank{background:var(--fr-blue-soft);border-radius:22px;padding:1rem;margin:1rem 0}
.frances-course .fr-word-bank h2{font-size:1rem;margin:.1rem 0 .8rem}
.frances-course .fr-chip{font:inherit;font-weight:850;color:var(--fr-ink);background:#fff;border:2px solid #cbdcee;border-radius:999px;padding:.55rem .85rem;cursor:grab}
.frances-course .fr-chip.is-selected{border-color:var(--fr-blue);outline:3px solid #bdd5ef}
.frances-course .fr-result article{max-width:650px;margin:2rem auto;text-align:center;background:#fff;border:1px solid var(--fr-line);border-radius:26px;padding:2rem;box-shadow:0 12px 32px rgba(32,69,114,.07)}
.frances-course .fr-result article>strong{display:block;color:var(--fr-blue-dark);font-size:3.5rem}
.frances-course .fr-result-star{font-size:2.4rem}
.frances-course .fr-result article h1{font-size:clamp(1.6rem,4vw,2.5rem);margin:.5rem 0}
.frances-course .fr-result article p{color:var(--fr-muted)}
.frances-course .fr-result .form-actions{justify-content:center}
.frances-course button:focus-visible,.frances-course a:focus-visible,.frances-course input:focus-visible,.frances-course summary:focus-visible{outline:3px solid #4b7db4;outline-offset:3px}
@media(max-width:760px){.frances-course .fr-summary,.frances-course .fr-block-grid{grid-template-columns:1fr}.frances-course .fr-vocab-grid,.frances-course .fr-options{grid-template-columns:1fr}.frances-course .fr-sort-zones{gap:.5rem}.frances-course .fr-sort-zone{min-height:190px;padding:.6rem}.frances-course .fr-sort-receiver{min-height:120px}.frances-course .fr-sack-body{min-height:120px;border-width:3px}.frances-course .fr-sack-neck{height:18px}.frances-course .fr-question-head{grid-template-columns:1fr}.frances-course .fr-hero{padding-top:1rem}}
@media(max-width:520px){.frances-course .fr-unit-card,.frances-course .fr-block-card,.frances-course .fr-final-card{gap:.7rem;padding:1rem}.frances-course .fr-unit-number,.frances-course .fr-card-icon{width:2.6rem;height:2.6rem}.frances-course .fr-theory,.frances-course .fr-reading,.frances-course .fr-vocab{padding:1rem}.frances-course .fr-vocab-card{align-items:flex-start}.frances-course .fr-audio span{display:none}}