/* yomi.css — daily learning cycles (#/yomi, #/yomi/<id>, tracker extras). Oct 26 2026. */
.yomi .yhe{font-weight:600;opacity:.75;font-size:.8em;margin-inline-start:.3em}
.yomi .ycards{list-style:none;margin:12px 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px}
.yomi .ycard{display:flex;align-items:center;gap:8px;background:#fff;border-radius:16px;box-shadow:0 2px 8px rgba(20,40,75,.08);padding:10px 10px 10px 12px;min-height:64px}
.yomi .ymain{display:flex;align-items:center;gap:10px;flex:1;min-width:0;color:inherit;text-decoration:none}
.yomi .yic{font-size:28px;width:40px;text-align:center;flex:none}
.yomi .ytx{display:flex;flex-direction:column;min-width:0}
.yomi .ytx b{font-size:1.02rem;line-height:1.2}
.yomi .ych{color:#6a7486;font-size:.78rem}
.yomi .ypor{font-weight:700;color:#14284b;font-size:.98rem;margin-top:2px;overflow-wrap:anywhere}
.yomi .ycnt{color:#2f6f3f;font-size:.78rem}
.yomi .yplay{flex:none;width:52px;height:52px;border-radius:50%;border:0;background:#c9a54a;color:#14284b;font-size:22px;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.15)}
.yomi .yplay:focus-visible,.yomi .btn:focus-visible{outline:3px solid #2f6fdf;outline-offset:2px}
.yomi .ytoday{background:#14284b;color:#fff;border-radius:18px;padding:14px 16px;margin:10px 0 14px;box-shadow:0 3px 10px rgba(20,40,75,.18)}
.yomi .ykick{margin:0;color:#e8d9a8;font-size:.85rem;text-transform:none}
.yomi .ybig{margin:4px 0 0;font-size:1.45rem;font-weight:800;color:#f3d27a;overflow-wrap:anywhere}
.yomi .ybighe{margin:2px 0 0;font-size:1.15rem;color:#fff;opacity:.9}
.yomi .ytbtn{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.yomi .ytbtn .btn{min-height:46px;padding:0 18px;border-radius:24px;font-size:1rem;cursor:pointer}
.yomi .btn.gold{background:#c9a54a;color:#14284b;border:0;font-weight:800}
.yomi .ytick{background:transparent;color:#fff;border:2px solid #e8d9a8}
.yomi .ytick.on{background:#2f6f3f;border-color:#2f6f3f}
.yomi .ydays{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:10px;font-size:.9rem}
.yomi .ydays a{color:#e8d9a8}
.yomi .ydate{display:inline-flex;align-items:center;gap:6px;color:#e8d9a8}
.yomi .ydate input{min-height:36px;border-radius:8px;border:0;padding:0 6px}
.yomi .ychoose{background:#fff;border-radius:18px;padding:16px;margin:12px 0;box-shadow:0 2px 8px rgba(20,40,75,.08)}
.yomi .ychoose h2{margin:0 0 4px;font-size:1.2rem}
.yomi .ychbtns{display:flex;flex-direction:column;gap:10px;margin-top:10px}
.yomi .ychbtns .btn{min-height:54px;font-size:1.05rem;border-radius:14px;cursor:pointer;text-align:start;padding:0 16px}
.yomi .ychips button,.yomi .ymag button{cursor:pointer}
.yomi .ymag{margin:6px 0 4px}
.yomi .yh2{font-size:1.05rem;margin:12px 0 6px}
.yomi .ymore{margin:14px 0}
.yomi .ykeys{list-style:none;padding:0;margin:10px 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}
.yomi .ykeys li{background:#fff;border-radius:10px;padding:8px 10px;box-shadow:0 1px 4px rgba(20,40,75,.07)}
.yomi .ykeys a{font-weight:700;color:#14284b;text-decoration:none;display:block;min-height:28px}
.yomi .ykeys small{color:#6a7486}
.yomi .yfine{color:#6a7486;font-size:.8rem;margin:14px 0}
.ytrk{margin-top:14px}
html[dir=rtl] .yomi .ycard{padding:10px 12px 10px 10px}
@media (max-width:420px){.yomi .ycards{grid-template-columns:1fr}.yomi .ybig{font-size:1.25rem}.yomi .yic{font-size:24px;width:32px}}
.yomi .yphe{font-weight:600;color:#3a4a66;margin-inline-start:.4em}
.yomi .ychips button.on,.yomi .ymag button.on{background:#14284b;color:#fff;border-color:#14284b}
.yomi .ychips button,.yomi .ymag button{min-height:40px}