.learning-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0 0 25px}.learning-tabs{display:flex;gap:5px;flex-wrap:wrap;padding:5px;background:#edf0e5;border:1px solid var(--line);border-radius:10px;width:fit-content}.learning-tabs button{border:0;background:transparent;color:#7d8a73;border-radius:7px;padding:10px 14px;font:inherit;font-size:11px}.learning-tabs button.active{background:#fffefa;color:var(--green);box-shadow:0 2px 7px #244c3c0c}.learning-tabs button:hover{color:var(--green)}.learning-level{display:flex;align-items:center;gap:9px;color:#7d8a73;font-size:11px}.learning-level select,.learning-field select{border:1px solid #d9e1cf;background:#fffefa;padding:10px 12px;border-radius:7px;color:var(--green);font:inherit}.learning-banner{background:#edf1e5;border:1px solid #dfe6d5;border-radius:13px;display:flex;justify-content:space-between;gap:30px;padding:30px;margin-bottom:22px}.learning-banner>div>.icon{display:block;width:29px;height:29px;color:#809363;margin-bottom:15px}.learning-banner h2{font:29px/1.3 var(--serif);margin:10px 0}.learning-banner p{font-size:12px;line-height:1.9;color:#7c8971;max-width:540px}.learning-banner>strong{font:62px var(--serif);align-self:center;text-align:center;color:var(--green);flex-shrink:0}.learning-banner>strong>small{font:10px var(--sans);display:block;white-space:nowrap;color:#87937b;margin-top:7px}.learning-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:17px 0 24px}.learning-actions .button{font-size:11px}.journey-list{display:grid;gap:12px}.journey-stage{display:flex;align-items:center;gap:22px;padding:23px;background:#fffefa;border:1px solid var(--line);border-radius:10px}.journey-number{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;flex-shrink:0;background:#edf1e4;color:#92a17c;font:19px var(--serif)}.journey-stage>div{flex:1}.journey-stage h3{font:21px var(--serif);margin:7px 0}.journey-stage p{font-size:12px;color:#87917c;line-height:1.7;margin:0}.journey-stage.current{border-color:#9bad87;box-shadow:0 3px 12px #244c3c08}.journey-stage.current .journey-number{background:var(--green);color:#fffefa}.journey-stage.complete .journey-number{background:#dfe9d4;color:#5f794d}.journey-stage.locked{background:#f3f4ec}.journey-stage.locked .button{background:#e5e8dc;color:#9aa18e;cursor:default}.learning-note{font-size:11px;line-height:1.9;color:#89947c}.badge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.badge-card{border:1px dashed #d9dfcf;border-radius:10px;padding:25px;text-align:center;background:#f1f3e9;color:#94a087}.badge-symbol{width:56px;height:56px;border-radius:20px;display:grid;place-items:center;background:#e6eadf;margin:0 auto 15px}.badge-symbol .icon{width:28px;height:28px}.badge-card small{font-size:8px;letter-spacing:1.5px}.badge-card h3{font:20px/1.4 var(--serif);margin:10px 0}.badge-card p{font-size:11px;line-height:1.8;min-height:38px}.badge-card.earned{border:1px solid #c5d1b5;background:#fffefa;color:var(--green)}.badge-card.earned .badge-symbol{background:#f4ecd4;color:#aa8b3e}.badge-card .button{font-size:10px;margin-top:5px}.weekly-banner{background:#f3efdf;border-color:#e6dec7}.memory-card blockquote{font:20px/1.7 var(--serif);margin:18px 0}.report-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.report-overview p{font-size:12px;color:#859177;line-height:1.8}.report-overview h3{font-size:23px}.report-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:10px;background:#fffefa}.report-table{width:100%;border-collapse:collapse;font-size:12px;min-width:500px;text-align:left}.report-table td,.report-table th{padding:15px 20px;border-bottom:1px solid var(--line)}.report-table th{background:#edf0e5;color:#77886a;font-weight:500}.report-table tbody tr:last-child td{border-bottom:0}.report-table td:last-child{font-size:10px;color:#8a947c}.learning-dialog{width:540px;max-width:calc(100vw - 26px);max-height:92dvh}.learning-dialog h2{font:23px/1.3 var(--serif);margin:0}.learning-modal-body{padding:28px}.learning-field{display:flex;flex-direction:column;gap:8px;color:#6e805f;font-size:12px;margin-bottom:17px}.learning-field input,.learning-field textarea{width:100%;border:1px solid #d9e1cf;border-radius:7px;padding:12px;background:#fffefa;font:14px var(--sans);color:var(--green);box-sizing:border-box}.learning-field textarea{resize:vertical;min-height:110px}.learning-field input:focus,.learning-field textarea:focus,.learning-field select:focus{outline:2px solid #a9ba94;outline-offset:2px}.learning-error{padding:13px 16px;border:1px solid #dfbaa4;border-radius:7px;color:#a16646;background:#f7ede3;font-size:12px;line-height:1.7}.learning-error[hidden]{display:none}.together-tabs{margin-bottom:25px}.community-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.community-card{color:var(--green);text-align:left;cursor:pointer;transition:border-color .15s}.community-card:hover{border-color:#9aad85}.community-card>.icon{color:#8b9e77;width:27px;height:27px}.community-card p{font-size:11px;color:#8c967f}.community-row{width:100%;text-align:left;color:var(--green);font:inherit;gap:15px}.community-row small{display:flex;align-items:center;gap:7px;margin-top:7px}.community-row .icon{width:15px;height:15px}.community-row>span:last-child{display:flex;align-items:center;gap:8px;font-size:12px;flex-shrink:0}.group-invite{display:flex;align-items:center;flex-wrap:wrap;gap:12px;background:#edf1e5;padding:15px 20px;border-radius:9px;margin:20px 0;font-size:12px;color:#829173}.group-invite strong{font-size:17px;letter-spacing:2px;color:var(--green);margin:0 12px}.group-invite .button{font-size:10px}.group-members{border:1px solid var(--line);border-radius:10px;padding:0 20px;background:#fffefa}.group-members>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 0;border-bottom:1px solid var(--line);font-size:12px}.group-members>div:last-child{border:0}.group-members small{color:#9aa489;font-size:9px;margin-left:10px}.group-members>div>span:last-child{color:#8b967d;font-size:10px}.group-members button{margin-left:10px}.challenge-done{font:20px var(--serif);color:var(--green)}.family-setup{max-width:630px}.family-turn{display:flex;align-items:center;gap:8px;background:#edf1e4;border:1px solid #d9e2cb;padding:13px;border-radius:7px;font-size:13px;color:var(--green);margin:0 0 20px}.family-turn .icon{width:17px;height:17px}.family-results{text-align:left;margin:20px 0;padding:20px;border:1px solid var(--line);border-radius:9px;background:#edf1e5}.family-results h3{font:21px var(--serif);margin:0 0 18px}.family-results>div{display:flex;justify-content:space-between;gap:10px;font-size:13px;padding:12px 0;border-top:1px solid #dbe3d0}.family-results small{font-size:10px;color:#8c987d;font-weight:400}.result-share{justify-content:center}.result-card-preview{display:block;width:100%;border-radius:9px}.share-copy{width:100%;min-height:160px;padding:12px;box-sizing:border-box;border:1px solid var(--line);border-radius:7px;background:#fffefa;font:14px/1.7 var(--sans);color:var(--green)}.reminder-card{margin-top:28px;display:grid;grid-template-columns:1fr 1fr;gap:15px 35px}.reminder-card>div>.icon{color:#a58d50}.reminder-card p{font-size:12px;line-height:1.9;color:#8b967e}.reminder-card>p{grid-column:1/-1}.reminder-switch{display:flex;gap:10px;align-items:center;font-size:12px;color:#7c8c6b;margin:16px 0 20px}.learning-modal-body .reminder-card{display:block;margin:0;border:0;padding:0;background:transparent}.learning-settings{border-top:1px solid var(--line);padding-top:20px;margin-top:20px;display:flex;gap:20px;flex-wrap:wrap}.learning-settings .learning-level{width:100%}.learning-home{margin:30px 0}.learning-home-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.learning-home-grid>.study-card{display:block;color:var(--green);text-align:left}.learning-home-grid>.study-card:hover{border-color:#a6b596;background:#f5f7ef}.learning-home-grid .icon{color:#8c9e77}.learning-home-grid h3{font-size:17px;line-height:1.4}.learning-home-grid p{color:#8b967d;font-size:10px;line-height:1.8;margin:0}.learning-home-grid .study-card{padding:21px}.report-links{justify-content:flex-end;margin-top:0}.sidebar .nav-link{min-height:43px}.sidebar .side-verse{margin-top:18px}.learning-actions button:disabled{opacity:.5}.learning-tabs button:focus-visible,[data-learn]:focus-visible{outline:2px solid #718b58;outline-offset:3px}
.sidebar{overflow-y:auto}.sidebar-bottom{flex-shrink:0}
@media(min-width:681px) and (max-height:820px){.sidebar .side-verse{display:none}.sidebar-bottom{margin-top:25px}}
@media(max-width:1180px){.learning-home-grid,.community-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-overview{grid-template-columns:1fr}.badge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.journey-stage{padding:20px;gap:15px}.journey-stage h3{font-size:19px}}
@media(max-width:680px){.learning-banner{padding:23px;gap:15px}.learning-banner h2{font-size:25px}.learning-banner>strong{font-size:43px}.learning-banner p{font-size:11px}.learning-tabs{width:100%;gap:3px;box-sizing:border-box}.learning-tabs button{padding:9px 10px;font-size:10px;flex:1;white-space:nowrap}.learning-toolbar{gap:15px}.learning-level{font-size:10px}.journey-stage{display:grid;grid-template-columns:36px 1fr;gap:12px;padding:18px}.journey-number{width:35px;height:35px;font-size:16px}.journey-stage .button{grid-column:2;width:fit-content;font-size:10px;padding:10px 15px}.journey-stage h3{font-size:20px}.journey-stage p{font-size:11px}.badge-card{padding:18px 12px}.badge-card h3{font-size:18px}.badge-card p{font-size:10px}.badge-card .button{font-size:9px;padding:10px}.badge-symbol{width:47px;height:47px;border-radius:15px}.learning-home-grid{gap:10px}.learning-home-grid .study-card{padding:17px 13px}.learning-home-grid h3{font-size:16px}.learning-home-grid p{font-size:10px}.learning-modal-body{padding:22px}.community-grid{grid-template-columns:1fr}.reminder-card{grid-template-columns:1fr;padding:22px}.group-invite{padding:16px;gap:12px}.group-invite>span{width:100%}.group-invite strong{font-size:15px;margin-left:7px}.community-row{padding:17px 14px}.community-row>span:first-child{font-size:13px}.community-row>span:last-child{font-size:10px}.group-members{padding:0 15px}.group-members>div{align-items:flex-start;gap:15px}.group-members>div>span:last-child{text-align:right}.group-members button{display:block;margin:6px 0 0 auto}.mobile-nav a{min-width:0;flex:1;font-size:8px}.mobile-nav .icon{width:20px;height:20px}.family-results>div{font-size:11px}.learning-dialog .quiz-header h2{font-size:21px}}
