.personal-goal{margin:26px 0 12px;padding:24px;background:#f0f4ec;border:1px solid #dce4d6;border-radius:16px}.personal-goal h2{font-size:20px;margin:0}.personal-goal .section-title{align-items:flex-start;gap:12px;flex-wrap:wrap}.goal-achieved{font-size:13px;font-weight:700;color:#385a43}.goal-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;margin:18px 0}.goal-week>span{display:flex;align-items:center;flex-direction:column;gap:7px}.goal-week small{font-size:12px;color:#52615a}.goal-week b{display:grid;place-items:center;min-width:32px;min-height:32px;border-radius:50%;font-size:14px;font-weight:600;background:#fff}.goal-week .is-active b{background:#37544c;color:#fff}.goal-week .is-today b{outline:2px solid #5e7769;outline-offset:3px}.personal-goal form{display:grid;gap:12px;margin-top:16px}.personal-goal summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:600}.personal-win{display:flex;gap:12px;border-top:1px solid #d2ddcb;padding-top:18px;margin-top:18px}.personal-win>span{font-size:24px;color:#79672d}.personal-win p{margin:5px 0 0}.reading-settings,.timing-settings{margin-top:24px}.reading-settings form,.timing-settings form{display:grid;gap:12px}.setting-check{display:flex;align-items:center;gap:12px;min-height:48px;cursor:pointer}.setting-check input{width:20px!important;min-width:20px;height:20px!important;margin:0}.setting-check span{line-height:1.5}.reading-settings button,.timing-settings button{justify-self:start}.timing-settings p{max-width:65ch}
body[data-reading-size=large] #main :is(p,label,select,input,textarea,.quiz-option,.answer-review-copy,.more-menu small,.helper){font-size:18px!important;line-height:1.6!important}body[data-reading-size=largest] #main :is(p,label,select,input,textarea,.quiz-option,.answer-review-copy,.more-menu small,.helper){font-size:20px!important;line-height:1.65!important}body[data-reading-size=large] #main .focus-question h1{font-size:26px!important}body[data-reading-size=largest] #main .focus-question h1{font-size:28px!important}body[data-reading-size=largest] #main h2{font-size:24px!important}body[data-reading-size=large] #main :is(button,a),body[data-reading-size=largest] #main :is(button,a){height:auto;white-space:normal;overflow-wrap:anywhere}body[data-reduce-motion=true] *,body[data-reduce-motion=true] *:before,body[data-reduce-motion=true] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(max-width:480px){.personal-goal{padding:18px}.goal-week{gap:4px}.goal-week b{min-width:29px;min-height:29px}.reading-settings button,.timing-settings button{width:100%}}
