.opening-page{display:grid;gap:16px;min-width:0;max-width:100%}
.opening-counts{display:flex;flex-wrap:wrap;gap:10px 16px;margin:4px 0 8px}
.opening-counts span{display:flex;align-items:center;gap:8px;font-size:13px;color:#555}
.opening-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:14px}
.opening-card{border:1px solid #e4e4e4;border-radius:14px;background:#fff;min-width:0}
.opening-card-hit{display:grid;gap:8px;width:100%;text-align:left;background:none;border:0;padding:18px;color:inherit;min-height:44px}
.opening-card-hit h2{font-size:18px;line-height:1.35;overflow-wrap:anywhere}
.opening-card-hit p,.opening-card-meta,.opening-help,.opening-post-note,.opening-review{color:#555;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.opening-card-top{display:flex;justify-content:space-between;gap:8px;align-items:center;flex-wrap:wrap}
.opening-section{border:1px solid #e4e4e4;border-radius:14px;background:#fff;padding:18px;min-width:0;max-width:100%}
.opening-section h2{font-size:20px;margin:0 0 6px;overflow-wrap:anywhere}
.opening-section h3{margin:14px 0 6px}
.opening-title-row{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}
.opening-title-row h2{font-size:28px;line-height:1.2;overflow-wrap:anywhere}
.opening-actions,.opening-post-actions,.dialog-footer{display:flex;flex-wrap:wrap;gap:8px}
.opening-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;margin:16px 0}
.opening-facts div{min-width:0}
.opening-facts dt{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:#777;margin-bottom:4px}
.opening-facts dd,.opening-copy p{margin:0;font-size:15px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
.opening-steps{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:12px}
.opening-step{display:grid;gap:8px;padding-top:12px;border-top:1px solid #eee;min-width:0}
.opening-check{display:flex;align-items:flex-start;gap:10px;font-size:15px;line-height:1.4;min-width:0}
.opening-check span{min-width:0;overflow-wrap:anywhere}
.opening-page .opening-check input{width:20px;height:20px;max-width:20px;margin-top:1px;flex:0 0 20px}
.opening-extra,.opening-page form label:not(.opening-check){display:grid;gap:6px;font-size:14px;color:#333;min-width:0}
.opening-page form label small,.opening-extra{font-size:13px;color:#555}
.opening-page input:not([type="checkbox"]),.opening-page select,.opening-page textarea{width:100%;max-width:100%;box-sizing:border-box;font:inherit;font-size:16px}
.opening-page textarea{min-height:96px}
.opening-applicant{border-top:1px solid #eee;padding-top:16px;margin-top:16px;min-width:0}
.opening-applicant header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}
.opening-applicant h3{margin:0;overflow-wrap:anywhere;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.suggestion-key,.suggestion-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:8px 0 4px;padding:0;color:#444}
.suggestion-row{list-style:none;margin:12px 0 4px}
.suggestion-row li{display:flex;align-items:center;gap:8px;min-width:0}
.suggestion-row li span:first-child{overflow-wrap:anywhere}
.suggestion-badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 10px;font-size:13px;font-weight:650;line-height:1.2;white-space:nowrap}
.suggestion-badge span{font-size:12px;font-weight:600}
.suggestion-green{background:#e5f6ea;color:#146c36}
.suggestion-blue{background:#e7f0fb;color:#1d4f91}
.suggestion-yellow{background:#fff4cc;color:#7a5b00}
.suggestion-red{background:#fde8e6;color:#9b2c1f}
.suggestion-none{background:#f3f3f3;color:#666}
.opening-review{background:#f7f4ec;border:1px solid #e6dcc4;border-radius:12px;padding:12px 14px}
.opening-drafts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.opening-draft{display:grid;gap:8px;min-width:0}
.opening-post-actions{margin-top:14px}
.opening-post-note{margin:8px 0 0}
.opening-page .candidate-thread{border-top:0;padding-top:0;margin-top:8px}
@media(max-width:760px){
 .opening-page{overflow-x:clip}
 .opening-facts,.opening-drafts{grid-template-columns:minmax(0,1fr)}
 .opening-title-row h2{font-size:24px}
 .opening-actions,.opening-post-actions,.opening-applicant header,.opening-page .dialog-footer{flex-direction:column;align-items:stretch}
 .opening-actions .btn,.opening-post-actions .btn,.opening-page .dialog-footer .btn,.opening-applicant .btn,.opening-step .btn{width:100%;min-height:44px;justify-content:center}
 .opening-card-hit{padding:16px}
}