.feat-section{max-width:980px;margin:0 auto;padding:40px 18px}.feat-card{background:var(--white,#FFFDF5);border:1px solid var(--bg-deep,#E8E0CF);border-radius:16px;padding:18px 20px;margin:16px 0;color:var(--text,#17332F)}.feat-card h3{margin:0 0 6px;color:var(--green,#174B42)}.feat-sub{color:var(--muted,#5b6b66);margin:0 0 12px;line-height:1.6}.feat-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.feat-btn{display:inline-block;border:0;background:var(--green,#174B42);color:#fffdf5;padding:10px 20px;border-radius:999px;font:inherit;font-weight:600;cursor:pointer;text-decoration:none;margin-top:8px}.feat-btn.alt{background:0 0;color:var(--green,#174B42);border:1px solid var(--gold,#B58A3A)}.feat-btn:focus-visible,.khatam-chip:focus-visible,.qt-result:focus-visible{outline:3px solid var(--gold,#B58A3A);outline-offset:2px}.feat-status{margin:10px 0 0;font-weight:600;min-height:1.4em}.feat-status.ok{color:#1d7a4d}.feat-status.bad{color:#b3261e}.khatam-bar{height:12px;background:#eadfc4;border-radius:99px;overflow:hidden;margin:8px 0}.khatam-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--green,#174B42),var(--gold,#B58A3A));transition:width .3s}.khatam-line{margin:6px 0 10px;font-weight:600}.khatam-done{background:#fbf5e3;border-left:4px solid var(--gold,#B58A3A);padding:10px 14px;border-radius:8px}.khatam-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:6px;margin:12px 0}.khatam-chip{min-height:44px;border:1px solid var(--gold-light,#D5B66A);background:var(--white,#FFFDF5);color:var(--text,#17332F);border-radius:10px;font:inherit;font-weight:600;cursor:pointer}.khatam-chip.on{background:var(--green,#174B42);color:#fffdf5;border-color:var(--green,#174B42)}.qt-box{display:block;width:100%;box-sizing:border-box;padding:12px 16px;border:1px solid var(--gold-light,#D5B66A);border-radius:12px;font:inherit;background:var(--white,#FFFDF5);color:var(--text,#17332F)}#qtResults{display:grid;gap:8px;margin-top:10px}.qt-result{display:block;text-align:start;width:100%;padding:10px 14px;border:1px solid var(--bg-deep,#E8E0CF);border-radius:12px;background:var(--white,#FFFDF5);color:var(--text,#17332F);font:inherit;cursor:pointer}.qt-result strong{display:block;color:var(--green,#174B42)}.qt-ar{display:block;font-family:Amiri,serif;font-size:1.25rem;line-height:1.9}#qtNote{margin:8px 0 0;color:var(--muted,#5b6b66)}