.online-main{max-width:1200px;margin:auto;padding:40px 24px 70px}.online-main h1{font-size:clamp(30px,4vw,48px);line-height:1.3;letter-spacing:-1.8px;margin:15px 0}.online-description{color:var(--muted);line-height:1.8;font-size:14px}.whole-paper{display:flex;align-items:center;gap:22px;background:var(--surface);border:1px solid var(--line);padding:24px;border-radius:12px;margin:28px 0}.whole-paper>div{flex:1}.whole-paper h2{font-size:19px;margin:0 0 10px}.whole-paper p{font-size:12px;color:var(--muted);line-height:1.7;margin:0}.whole-paper label,.online-filters label{font-size:12px;color:var(--muted);display:flex;flex-direction:column;gap:8px}.online-main select,.online-main input{padding:11px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);font:inherit}.online-primary{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--green);border-radius:6px;color:var(--green);padding:12px 16px;font-size:13px;background:transparent;cursor:pointer;white-space:nowrap}.online-primary:hover{background:var(--soft)}.online-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}#unitCount{font-size:13px;color:var(--muted);margin:24px 0}.unit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.unit-card{padding:23px;border:1px solid var(--line);border-radius:10px;background:var(--surface);display:flex;flex-direction:column;gap:12px}.unit-code{font-size:11px;color:var(--muted)}.unit-card h2{font-size:17px;line-height:1.55;letter-spacing:-.4px;margin:0}.unit-tags{display:flex;gap:6px;flex-wrap:wrap}.unit-tags span{font-size:11px;padding:4px 8px;border-radius:4px;background:var(--soft);color:var(--green)}.unit-card p{font-size:12px;color:var(--muted);margin:0 0 auto}.online-pagination{display:flex;align-items:center;justify-content:center;gap:22px;margin:28px 0}.online-pagination button{border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:9px 15px;border-radius:5px}.online-pagination button:disabled{opacity:.35}@media(max-width:950px){.whole-paper{flex-wrap:wrap}.whole-paper>div{flex-basis:100%}.unit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.online-main{padding:25px 16px}.online-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.unit-grid{grid-template-columns:1fr}.whole-paper{padding:18px}.whole-paper label{width:100%}}

.whole-paper{flex-wrap:wrap}.whole-paper>div{flex-basis:100%}.whole-paper label{min-width:0}.whole-paper select{max-width:100%}