.functions-view{max-width:1040px;margin:auto}.functions-overview-card{display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:28px;align-items:center;padding:28px;border-radius:20px;background:var(--forest);color:white}.functions-overview-card h2{margin:6px 0 10px;font:500 clamp(28px,4vw,40px)/1.08 Georgia,serif}.functions-overview-card p{margin:0;color:#d5e4de}.functions-overview-card .eyebrow{color:#9fd0bc}.functions-progress-track{height:8px;margin-top:22px;overflow:hidden;border-radius:9px;background:#ffffff26}.functions-progress-track i{display:block;height:100%;border-radius:inherit;background:#91d1b8}.functions-mastered{display:grid;place-items:center;padding:22px 16px;border-radius:16px;background:#ffffff12;text-align:center}.functions-mastered b{font:500 54px Georgia,serif}.functions-mastered small{color:#d5e4de;line-height:1.35}.function-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.function-metrics div{display:grid;gap:4px;padding:17px 18px;border:1px solid var(--line);border-radius:13px;background:var(--paper)}.function-metrics b{font:500 30px Georgia,serif;color:var(--forest)}.function-metrics span{font-size:13px;color:#6b7873}.function-mode-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;margin-top:22px}.function-mode-card{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--ink);text-align:left}.function-mode-card:hover{border-color:#78a792;transform:translateY(-1px)}.function-mode-card>span{display:grid;gap:5px}.function-mode-card strong{font-size:16px}.function-mode-card small{color:#6b7873;line-height:1.35}.function-mode-card>b{display:grid;place-items:center;min-width:38px;height:38px;padding:0 8px;border-radius:50%;background:var(--mint);color:var(--forest)}.function-mode-card>i{color:var(--green);font-style:normal}.section-head.compact{margin-top:38px}.function-group-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.function-group-card{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid var(--line);border-radius:13px;background:var(--paper)}.function-group-count{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--forest);color:white;font-weight:800}.function-group-card div{display:grid;gap:3px}.function-group-card strong{font-size:14px}.function-group-card small{color:#718079}.function-map{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:14px}.function-map-card{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 15px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.function-map-card>span{font-weight:850;color:var(--green)}.function-map-card>div{display:grid;gap:3px}.function-map-card strong{font-size:14px}.function-map-card small{color:#718079}.function-map-card>i{padding:5px 7px;border-radius:7px;background:#edf1ee;color:#637169;font-size:11px;font-style:normal}.function-map-card.learning>i{background:#fff0d5;color:#80530d}.function-map-card.review>i{background:#e5f0eb;color:var(--green)}.function-map-card.mastered{border-color:#7eaa98;background:#edf6f1}.function-map-card.mastered>i{background:var(--green);color:white}.function-session-top{display:flex;align-items:center;justify-content:space-between;color:#68766f}.function-session-top .back{margin:0}.functions-session-progress{height:6px;margin:14px 0 26px;overflow:hidden;border-radius:8px;background:#dce2de}.functions-session-progress i{display:block;height:100%;border-radius:inherit;background:var(--green);transition:width .25s}.function-study-card,.function-recall-card,.function-answer-card{position:relative;max-width:820px;margin:auto;padding:34px;border:1px solid var(--line);border-radius:20px;background:var(--paper);box-shadow:0 15px 45px #15362d0b}.function-card-number{position:absolute;right:28px;top:26px;color:#cbd6d0;font:500 46px Georgia,serif}.function-study-card h2,.function-recall-card h2,.function-answer-card h2{margin:12px 0 22px;padding-right:54px;font:500 clamp(30px,5vw,45px)/1.1 Georgia,serif}.function-official{padding:19px;border-left:4px solid var(--green);border-radius:0 10px 10px 0;background:#edf5f1;font:500 20px/1.55 Georgia,serif}.function-explanation,.function-user-answer,.function-official-answer,.function-keyword-result{margin-top:18px;padding:17px;border:1px solid var(--line);border-radius:12px;background:white}.function-explanation p,.function-user-answer p,.function-official-answer p{margin:8px 0 0;line-height:1.6}.function-official-answer{border-color:#77a591;background:#edf6f1}.function-official-answer p{font:500 19px/1.6 Georgia,serif}.function-mnemonic{display:flex;gap:10px;margin:17px 0;color:#495952}.function-mnemonic strong{color:var(--forest)}.function-keywords{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.function-keywords span{padding:7px 9px;border-radius:8px;background:#edf1ee;color:#596862;font-size:12px}.function-keywords span.hit{background:#d7ecdf;color:#176044;font-weight:750}.wide{width:100%;margin-top:24px}.function-cloze{padding:18px;border:1px dashed #8ba99c;border-radius:12px;background:#f1f6f3;color:var(--forest);font:500 20px/1.55 Georgia,serif}.function-recall-label{display:grid;gap:9px;margin-top:22px;font-weight:750}.function-recall-label textarea{width:100%;resize:vertical;border:1px solid #b9c4bf;border-radius:12px;padding:16px;background:white;color:var(--ink);font:inherit;line-height:1.5}.function-recall-label textarea:focus{outline:2px solid #7eaa98;outline-offset:1px}.function-recall-help{margin:9px 0 0;color:#718079;font-size:13px}.function-rating{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:24px}.function-rating>p{grid-column:1/-1;margin:0 0 3px;font-weight:800}.function-rating button{display:grid;gap:4px;padding:14px;border:1px solid var(--line);border-radius:11px;background:white;color:var(--ink);text-align:left}.function-rating button small{color:#718079}.function-rating .rating-again:hover{border-color:#b45b4b;background:#fff0ed}.function-rating .rating-hard:hover{border-color:#d19a40;background:#fff7e8}.function-rating .rating-good:hover{border-color:#4b9677;background:#edf6f1}.functions-complete-card{max-width:680px;margin:50px auto;padding:42px;border:1px solid #79a997;border-radius:20px;background:#e8f3ed;text-align:center}.functions-complete-card .complete-mark{display:block;color:var(--green);font-size:52px}.functions-complete-card h2{margin:10px 0;font:500 36px Georgia,serif}.functions-complete-card p{color:#5f6f68}.functions-complete-card button{margin-top:13px}

@media(max-width:720px){.functions-overview-card{grid-template-columns:1fr}.functions-mastered{grid-template-columns:auto auto;justify-content:start;gap:10px;text-align:left}.function-metrics{grid-template-columns:repeat(2,1fr)}.function-mode-grid,.function-map{grid-template-columns:1fr}.function-group-grid{grid-template-columns:repeat(2,1fr)}.function-study-card,.function-recall-card,.function-answer-card{padding:24px 18px}.function-card-number{right:18px;top:20px;font-size:36px}.function-study-card h2,.function-recall-card h2,.function-answer-card h2{padding-right:46px}.function-rating{grid-template-columns:1fr}.function-rating>p{grid-column:auto}.function-official{font-size:18px}}

@media(max-width:420px){.function-group-grid{grid-template-columns:1fr}.function-mode-card{grid-template-columns:minmax(0,1fr) auto}.function-mode-card>i{display:none}}