.harakat-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.harakat-board{background:#fff;border-radius:28px;padding:25px;box-shadow:var(--shadow);text-align:center}.harakat-symbol-wrap{height:220px;display:flex;justify-content:center;align-items:center;position:relative;margin-top:5px}.base-letter{font-family:serif;font-size:165px;color:var(--teal);line-height:1}.harakat-symbol{font-family:serif;font-size:72px;color:#e19a28;position:absolute;top:25px;left:50%;transform:translateX(-50%);line-height:1}.harakat-name{font-size:25px;font-weight:900}.guide{max-width:570px;margin:12px auto;color:var(--muted);font-size:13px;line-height:1.7}.practice-title{margin:22px 0 10px;font-weight:900;font-size:14px}.example-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.example-card{border:1px solid #e1ece9;background:#f8fcfb;border-radius:16px;padding:11px;cursor:pointer;min-height:84px}.example-card span{font-family:serif;display:block;font-size:34px;color:#263c42}.example-card small{display:block;color:#718186;font-size:10px;margin:3px 0 6px}.example-card b{font-size:13px}.harakat-list{background:#fff;border-radius:28px;padding:20px;box-shadow:var(--shadow);align-self:start}.harakat-list h2{font-size:18px;margin:0 0 12px}.harakat-menu{display:grid;gap:7px}.harakat-chip{display:flex;align-items:center;gap:12px;width:100%;border:1px solid #e5eeee;background:#f8fbfa;border-radius:14px;padding:8px 10px;text-align:left;cursor:pointer}.harakat-chip>span{font-family:serif;font-size:32px;color:#d79627;width:42px;text-align:center}.harakat-chip strong,.harakat-chip small{display:block}.harakat-chip strong{font-size:12px}.harakat-chip small{font-size:10px;color:#7b898d;margin-top:2px}.harakat-chip.active{background:#e5f7f3;border-color:#70c8ba;box-shadow:inset 0 0 0 2px #d2f0e9}.reading-tip{margin:18px 0 30px;background:linear-gradient(135deg,#fff7df,#fff);border:1px solid #f4dfaa;border-radius:20px;padding:16px 18px;display:flex;gap:12px;align-items:flex-start}.reading-tip>div:first-child{font-size:25px}.reading-tip strong{font-size:14px}.reading-tip p{margin:4px 0 0;font-size:12px;color:#69787c;line-height:1.6}@media(max-width:800px){.harakat-layout{grid-template-columns:1fr}.harakat-list{order:2}.harakat-symbol-wrap{height:205px}.base-letter{font-size:145px}.harakat-symbol{font-size:64px;top:25px}.example-row{grid-template-columns:repeat(3,1fr)}}@media(max-width:480px){.harakat-board{padding:18px 13px;border-radius:23px}.harakat-symbol-wrap{height:190px}.base-letter{font-size:132px}.harakat-symbol{font-size:59px;top:27px}.example-card{padding:8px;min-height:78px}.example-card span{font-size:29px}.harakat-chip>span{width:36px}.reading-tip{margin-top:14px}}