.standards-page{padding-top:42px;padding-bottom:72px}
.standards-heading .section-intro{max-width:760px;margin-bottom:0}
.standards-notice{display:flex;gap:18px;align-items:baseline;padding:16px 20px;margin-bottom:28px;border-left:3px solid var(--blue);background:var(--paper);font-size:14px;color:var(--muted)}
.standards-notice strong{color:var(--navy);white-space:nowrap}
.standards-search{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(180px,1fr) minmax(150px,.75fr) auto;align-items:end;gap:16px;padding:22px 24px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 8px 24px rgba(20,52,85,.05)}
.standards-search label{display:block;margin-bottom:7px;color:var(--muted);font-size:13px}
.standards-search input,.standards-search select{width:100%;min-height:46px;padding:9px 12px;border:1px solid #bac7d5;border-radius:6px;background:#fff;color:var(--ink);font:inherit}
.standards-search input:focus,.standards-search select:focus{outline:2px solid rgba(34,105,168,.2);border-color:var(--blue)}
.standards-search .button{min-height:46px;padding-inline:26px}
.standards-toolbar{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:38px 0 18px}
.standards-toolbar h2{margin:0 0 6px;font-size:28px}
.standards-toolbar .result-count{margin:0;color:var(--muted)}
.standards-list{display:grid;gap:14px}
.standard-card{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:22px 24px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 5px 18px rgba(20,52,85,.035);transition:border-color .18s ease,box-shadow .18s ease}
.standard-card:hover{border-color:#b7cbe2;box-shadow:0 8px 24px rgba(20,52,85,.07)}
.standard-card-main{min-width:0;flex:1}
.standard-no{margin:0 0 5px;color:var(--blue);font-size:16px;font-weight:700;letter-spacing:.02em}
.standard-card h3{margin:0 0 11px;color:var(--navy);font-size:19px;line-height:1.55;overflow-wrap:anywhere}
.standard-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;color:var(--muted);font-size:13px}
.standard-meta>span+span{position:relative}
.standard-meta>span+span:before{content:"";display:inline-block;width:1px;height:12px;margin-right:16px;background:var(--line);vertical-align:-1px}
.standard-status{color:var(--blue);font-weight:650}
.standard-remark{margin:10px 0 0;color:var(--muted);font-size:13px;line-height:1.6}
.standard-card-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px 14px;min-width:190px}
.standard-card-actions .text-link{font-size:13px;gap:6px;white-space:nowrap}
.standard-official-link{font-weight:650}
.standard-third-party-link{color:#65798f}
.standard-third-party-link:hover{color:var(--blue)}
.standard-missing{color:#7a8795;font-size:13px;white-space:nowrap}
.standards-empty{padding:66px 24px;text-align:center;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--muted)}
.standards-empty strong{display:block;margin-bottom:8px;color:var(--navy);font-size:21px}
.standards-empty p{margin:0}
.standards-pagination{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:30px;font-size:14px}
.standards-pagination a{padding:8px 14px;border:1px solid var(--line);border-radius:6px;color:var(--blue)}
.standards-pagination a:hover{border-color:var(--blue);background:var(--paper)}
@media(max-width:800px){
 .standards-search{grid-template-columns:1fr 1fr}
 .standards-search-field{grid-column:1/-1}
 .standards-search .button{width:100%}
 .standard-card{align-items:flex-start;flex-direction:column;gap:18px}
 .standard-card-actions{justify-content:flex-start;min-width:0}
 .standards-notice{align-items:flex-start;flex-direction:column;gap:3px}
 .standard-meta>span+span:before{display:none}
}
@media(max-width:520px){
 .standards-page{padding-top:30px}
 .standards-search{grid-template-columns:1fr;padding:18px}
 .standards-search-field{grid-column:auto}
 .standards-toolbar{align-items:flex-start;flex-direction:column;gap:10px;margin-top:30px}
 .standards-toolbar h2{font-size:25px}
 .standard-card{padding:19px 18px}
 .standard-card h3{font-size:18px}
 .standard-card-actions{gap:10px 15px}
 .standard-no{font-size:16px}
}