.skmp-page .skm-content { max-width: 1120px; }
.skmp-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 22px; padding: 0 0 26px; color: #475569; font-size: 14px; }
.skmp-meta strong { color: #24345b; }
.skmp-stats { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; margin-bottom: 26px; }
.skmp-stats article { padding: 25px; border: 1px solid #dfe5ef; border-radius: 14px; background: #fff; }
.skmp-stats span { display: block; font-size: 14px; color: #475569; }
.skmp-stats strong { display: block; color: #24345b; font-size: 34px; margin: 8px 0; }
.skmp-stats small { color: #526174; font-size: 12px; }
.skmp-item { padding-bottom: 24px; margin-bottom: 26px; border-bottom: 1px solid #e1e7f0; }
.skmp-item-heading { display: flex; align-items: center; justify-content: space-between; gap: 15px; }
.skmp-item-heading h3 { font-size: 17px; color: #24345b; margin: 0; line-height: 1.6; }
.skmp-item-heading strong { font-size: 24px; color: #24345b; white-space: nowrap; }
.skmp-item-heading small { font-size: 13px; color: #526174; }
.skmp-bar { height: 16px; border-radius: 5px; overflow: hidden; display: flex; background: #edf1f6; margin: 18px 0; }
.skmp-score-1 { background: #a7434b; }.skmp-score-2 { background: #ad751f; }.skmp-score-3 { background: #486aa4; }.skmp-score-4 { background: #237861; }
.skmp-options { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; }
.skmp-options > div { padding: 12px; background: #f6f8fc; border-radius: 7px; font-size: 12px; line-height: 1.7; }
.skmp-options span { display: flex; align-items: center; gap: 7px; color: #34445d; }
.skmp-options i { display: inline-block; width: 9px; height: 9px; flex-shrink: 0; border-radius: 2px; }
.skmp-options strong { display: block; font-size: 18px; margin-top: 6px; color: #24345b; }
.skmp-options small { color: #475569; font-weight: 400; font-size: 12px; }
.skmp-page .skmp-note { color: #475569; font-size: 13px; line-height: 1.8; margin: 14px 0 0; }
.skmp-actions { display: flex; align-items: center; gap: 24px; flex-wrap: wrap; margin-top: 24px; color: #34445d; font-size: 14px; }
.skmp-actions > a:not(.skm-submit) { color: #304e7a; text-decoration: underline; }
.skmp-preview { border: 2px solid #bd902c; }
.skmp-preview h2 { font-size: 23px; color: #24345b; }
.skmp-preview p { font-size: 14px; color: #475569; line-height: 1.8; }
.skmp-preview label { display: block; color: #24345b; font-size: 14px; font-weight: 600; margin: 18px 0 10px; }
.skmp-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }
.skmp-list .skm-panel { margin: 0; }
.skmp-list h2 { font-size: 22px; line-height: 1.5; margin: 15px 0; }
.skmp-list h2 a { color: #24345b; }
.skmp-list p { color: #475569; font-size: 14px; line-height: 1.8; margin-bottom: 8px; }
.skmp-date { color: #805a20; background: #fbf3df; padding: 5px 10px; border-radius: 5px; font-size: 12px; }
.skmp-list-numbers { display: flex; flex-wrap: wrap; gap: 15px; margin: 20px 0; color: #475569; font-size: 13px; }
.skmp-list-numbers strong { font-size: 20px; color: #24345b; }
.skmp-empty { grid-column: 1 / -1; text-align: center; padding: 50px 24px; }
@media(max-width:767px) { .skmp-stats { grid-template-columns: 1fr; gap: 12px; }.skmp-stats article { padding: 20px; }.skmp-options { grid-template-columns: repeat(2,minmax(0,1fr)); }.skmp-list { grid-template-columns: 1fr; }.skmp-item-heading h3 { font-size: 15px; } }