.of-board{margin:1.4rem 0;padding:1.2rem;border:1px solid var(--border-color);border-radius:16px;background:var(--card-bg)}
.of-intro,.of-note,.of-group>p{color:var(--text-secondary);font-size:.85rem;line-height:1.6}
#of-status{font-size:.9rem;margin:1rem 0;color:var(--text-primary)}
.of-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.of-group{padding:1rem;border:1px solid var(--border-color);border-radius:12px}.of-group h3{margin:0;font-size:1rem;display:flex;gap:.5rem;align-items:center}.of-group h3 span{font-variant-numeric:tabular-nums;color:var(--text-secondary)}
.of-ready{border-top:3px solid var(--primary-color)}.of-past{margin-top:1rem}.of-past>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.6rem}.of-item{padding:.8rem 0;border-top:1px solid var(--border-color);min-width:0}.of-item h4{margin:0 0 .35rem;font-size:1rem}.of-item a{color:var(--text-primary)}.of-item p{margin:.2rem 0;font-size:.82rem;color:var(--text-secondary);line-height:1.5;overflow-wrap:anywhere}.of-item .of-reason{font-weight:600;color:var(--text-primary)}.of-empty{font-size:.84rem;color:var(--text-muted);padding:.8rem 0}.of-note{margin-bottom:0;font-size:.78rem}
@media(max-width:640px){.of-grid{grid-template-columns:1fr}.of-board{padding:.85rem}.of-group{padding:.8rem}}