*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:#f5f7f5;color:#17231d}a{color:inherit;text-decoration:none}header{min-height:72px;background:#fff;border-bottom:1px solid #e1e8e3;display:flex;align-items:center;justify-content:space-between;padding:14px clamp(18px,4vw,56px);position:sticky;top:0;z-index:10}header div{display:flex;flex-direction:column}header small{color:#718078;margin-top:3px}nav{display:flex;gap:18px;align-items:center}main{max-width:1180px;margin:auto;padding:36px 20px 70px}.hero{padding:28px 0 20px}.hero h1{font-size:clamp(34px,6vw,62px);line-height:1.02;margin:8px 0 16px;max-width:780px}.hero p{font-size:18px;color:#5b6961;max-width:720px}.eyebrow{font-weight:800;color:#2e7d53!important;font-size:14px!important;letter-spacing:.08em}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0 34px}.quick a,.button,button{background:#1f6d49;color:#fff;border:0;border-radius:14px;padding:15px 18px;font-weight:750;cursor:pointer;text-align:center}.quick a:nth-child(n+2){background:#fff;color:#20392d;border:1px solid #dbe5de}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:#fff;border:1px solid #e0e7e2;border-radius:20px;padding:22px;box-shadow:0 8px 28px rgba(28,54,41,.05)}.card small{color:#738078;font-weight:700}.card h2{margin:10px 0}.card a:not(.button){color:#26724f;font-weight:700}.progress{height:9px;background:#e7ede9;border-radius:10px;overflow:hidden}.progress i{display:block;height:100%;background:#2d7b56}.section-title{margin-top:40px}.tools{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tools .card{display:flex;flex-direction:column;gap:10px;min-height:125px}.tools b{font-size:20px}.tools span{color:#69766f}.list{display:grid;gap:15px;max-width:850px}.task{display:flex;justify-content:space-between;align-items:center;gap:20px}.task.done{opacity:.58}.flashgrid,.admin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.lead{color:#627168}.auth{min-height:100vh;display:grid;place-items:center;padding:20px}.auth .card{width:min(430px,100%)}form{display:grid;gap:14px}label{font-weight:650;display:grid;gap:7px}input,textarea,select{width:100%;border:1px solid #ced9d2;border-radius:11px;padding:12px;background:#fbfcfb;font:inherit}textarea{min-height:90px;resize:vertical}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.notice{padding:12px 14px;background:#e7f4eb;border-radius:12px;margin-bottom:15px}.notice.error{background:#feeceb;color:#8d2e29}summary{cursor:pointer;list-style:none}.flashgrid details[open]{border-color:#a9cdb9}.button{display:inline-block}.admin-grid .card h2{margin-top:0}@media(max-width:850px){.quick,.stats,.tools{grid-template-columns:repeat(2,1fr)}.admin-grid,.flashgrid{grid-template-columns:1fr}}@media(max-width:560px){header{align-items:flex-start;gap:10px}nav{gap:10px;font-size:14px}.quick,.stats,.tools{grid-template-columns:1fr}main{padding-top:20px}.hero h1{font-size:38px}.task{align-items:flex-start;flex-direction:column}.row{grid-template-columns:1fr}}
.hero.compact{padding-top:18px}.hero.compact h1{font-size:clamp(30px,5vw,48px)}.secondary{background:#fff!important;color:#1f6d49!important;border:1px solid #b9d0c3}.lesson{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}.status-form{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.status{padding:10px 12px;background:#eef3ef;color:#365144;border:1px solid #d7e2da}.status.active{outline:3px solid #c4ddcd}.status.understood.active{background:#dff2e5}.status.uncertain.active{background:#fff1c9}.status.learning.active{background:#e5edf8}.wide{max-width:900px}.tall{min-height:180px}.rating{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.rating button{padding:10px 12px}.rating .danger{background:#a84740}.rating .warn{background:#9a7625}.answer{border-top:1px solid #e3e9e5;margin-top:12px;padding-top:10px}@media(max-width:700px){.lesson{grid-template-columns:1fr}.status-form{justify-content:flex-start}}
.action-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:560px){.action-row{justify-content:flex-start;width:100%}.action-row .button{width:100%}}

.notice.danger{background:#fff0f0;border:1px solid #efb5b5;color:#7a1d1d}.preview-list{margin:16px 0}.preview-list .card{padding:18px}.check{display:flex;gap:10px;align-items:center;margin:14px 0}.check input{width:auto}.lesson-content{white-space:normal;line-height:1.65;margin-top:12px;padding:14px;background:#f7faf8;border-radius:12px;max-height:520px;overflow:auto}details>summary{cursor:pointer;margin:12px 0}hr{border:0;border-top:1px solid #dfe7e2;margin:24px 0}

.delete-material-form{margin:0}.danger-button{background:#a84740!important;color:#fff!important}.danger-button:hover{filter:brightness(.95)}


/* Irányított tanulás */
.study-shell{max-width:900px;margin:0 auto}.study-top{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:18px}.study-badge{display:inline-flex;align-items:center;gap:8px;background:#e7f4eb;color:#245f43;border-radius:999px;padding:8px 12px;font-weight:800;font-size:13px}.study-card h1{font-size:clamp(30px,5vw,48px);line-height:1.08;margin:8px 0 16px}.study-summary{font-size:19px;line-height:1.6;color:#43544b}.study-content{line-height:1.72;white-space:pre-line;background:#f7faf8;border-radius:14px;padding:18px;margin-top:16px;max-height:520px;overflow:auto}.study-section{margin-top:24px}.concepts{display:flex;gap:8px;flex-wrap:wrap}.concept{background:#eef4f0;border:1px solid #d7e3da;border-radius:999px;padding:8px 11px;font-weight:700}.checklist{display:grid;gap:10px;padding-left:22px;line-height:1.5}.study-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px}.study-actions button{min-height:54px}.study-actions .uncertain{background:#a57a1f}.study-actions .learning{background:#506d86}.study-progress{height:10px;background:#e6ece8;border-radius:999px;overflow:hidden}.study-progress i{display:block;height:100%;background:#2d7b56}.study-empty{text-align:center;padding:45px 25px}.study-empty h1{font-size:36px}.study-nav{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}@media(max-width:650px){.study-top{align-items:flex-start;flex-direction:column}.study-actions{grid-template-columns:1fr}.study-card{padding:18px}.study-summary{font-size:17px}}
