
/* Functionality additions only. Existing site design selectors are left unchanged. */
.guulEnhancedPage{animation:fade .18s}.guulSubHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0 14px}.guulBack{border:1px solid var(--line);background:#fff;color:var(--purple);border-radius:11px;padding:10px 13px;font-weight:800}.guulChapterList{display:grid;gap:10px;margin-top:18px}.guulChapter{--subject:#6254e7;width:100%;border:1px solid var(--line);background:#fff;border-radius:15px;padding:14px;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;text-align:left;color:var(--ink)}.guulChapter:hover{border-color:color-mix(in srgb,var(--subject) 42%,var(--line));box-shadow:0 9px 24px #2634500e}.guulChapter .num{width:42px;height:42px;border-radius:12px;background:color-mix(in srgb,var(--subject) 11%,white);color:var(--subject);display:grid;place-items:center;font-weight:900}.guulChapter b,.guulChapter small{display:block}.guulChapter small{color:var(--muted);font-size:11px;margin-top:4px}.guulStatus{width:13px;height:13px;border-radius:50%;box-shadow:0 0 0 4px #f5f6f9}.guulStatus.red{background:#e75363}.guulStatus.yellow{background:#f4b63f}.guulStatus.green{background:#20a875}.guulStudyModal{width:min(800px,100%)}.guulStudyBody{margin-top:20px}.guulSummary{background:#f8f7ff;border:1px solid #e4e0ff;border-radius:16px;padding:18px;line-height:1.65;color:#465168}.guulBulletList{display:grid;gap:9px;padding:0;margin:18px 0;list-style:none}.guulBulletList li{display:flex;gap:9px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:11px 13px;line-height:1.5}.guulBulletList li:before{content:'✓';color:#20a875;font-weight:900}.guulQaList{display:grid;gap:9px;margin-top:16px}.guulQaItem{border:1px solid var(--line);background:#fff;border-radius:13px;padding:0 14px}.guulQaItem summary{cursor:pointer;list-style:none;padding:13px 0;font-weight:760;line-height:1.45}.guulQaItem summary::-webkit-details-marker{display:none}.guulQaItem summary:before{content:'Q';display:inline-grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#eeecff;color:var(--purple);margin-right:9px;font-size:11px;font-weight:900}.guulAnswer{border-top:1px solid var(--line);padding:12px 0 14px;color:#44506a;line-height:1.55}.guulAnswer b{color:#08784c}.guulActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.guulActions .primary{flex:1}.guulSecondary{border:0;border-radius:13px;padding:13px 18px;background:#eef0f6;color:var(--ink);font-weight:800}.guulQuizWrap{max-width:760px;margin:0 auto}.guulQuizMeta{display:flex;justify-content:space-between;gap:12px;align-items:center}.guulFeedback{margin-top:14px;border-radius:12px;padding:12px 14px;font-weight:800}.guulFeedback.ok{background:#effdf6;color:#08784c}.guulFeedback.no{background:#fff2f3;color:#b52e40}.guulResult{text-align:center;background:#fff;border:1px solid var(--line);border-radius:22px;padding:34px;max-width:720px;margin:22px auto}.guulResult .score{font-size:58px;color:var(--purple);font-weight:900}.guulResult .score small{font-size:22px;color:var(--muted)}.guulSelectMark{outline:2px solid var(--purple);background:#f5f3ff!important}.guulCountGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:720px;margin:16px auto}.guulCountGrid button{border:2px solid var(--line);background:#fff;border-radius:18px;padding:22px;color:var(--ink)}.guulCountGrid button.selected{border-color:var(--purple);background:#f5f3ff}.guulCountGrid strong,.guulCountGrid span,.guulCountGrid small{display:block}.guulCountGrid strong{font-size:34px;color:var(--purple)}.guulCountGrid span{font-weight:850}.guulCountGrid small{color:var(--muted);margin-top:5px}.guulSourceNote{max-width:720px;margin:14px auto;background:#effdf6;border:1px solid #c7f0dd;border-radius:14px;padding:13px;color:#08784c;font-size:12px;line-height:1.5}.guulStartBox{max-width:720px;margin:18px auto;text-align:center}.guulModalTop{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-right:42px}.guulModalTop h2{margin:0}.guulModalTop small{color:var(--muted)}
@media(max-width:520px){.guulChapter{grid-template-columns:38px 1fr auto;padding:11px}.guulChapter .num{width:36px;height:36px}.guulCountGrid{grid-template-columns:1fr 1fr}.guulStudyModal{border-radius:0;height:100%;max-height:none}.guulActions{display:grid}.guulModalTop{display:block;margin-right:35px}.guulModalTop small{display:block;margin-top:4px}}
