.sk-sms-page .inner-page-header .sk-page-intro { max-width:760px; margin:18px auto 0; }
.sk-sms-page .sk-overline { margin:0 0 10px; color:var(--sk-brand-accent); font-size:.72rem; font-weight:800; letter-spacing:.14em; }
.sk-sms-introduction { background:#fff; }
.sk-sms-introduction__grid { display:grid; grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr); gap:clamp(32px,6vw,74px); align-items:center; }
.sk-sms-introduction .post-thumbnail { margin:0; }
.sk-sms-introduction__content h2,.sk-sms-library h2,.sk-sms-cta h2 { margin:0 0 14px; color:var(--sk-brand-dark); font-size:clamp(1.8rem,3vw,2.55rem); font-weight:750; letter-spacing:-.035em; line-height:1.14; }
.sk-sms-introduction__content > p:not(.sk-overline) { color:var(--sk-text); line-height:1.72; }
.sk-sms-benefits { display:grid; gap:11px; margin:22px 0; padding:0; list-style:none; }
.sk-sms-benefits li { position:relative; padding-left:27px; color:#354764; font-size:.93rem; }
.sk-sms-benefits li:before { content:'✓'; position:absolute; left:0; top:0; display:grid; width:19px; height:19px; place-items:center; border-radius:50%; background:var(--sk-surface-blue); color:var(--sk-brand-blue-dark); font-size:.7rem; font-weight:900; }
.sk-sms-introduction .post-meta { display:flex; flex-wrap:wrap; gap:8px; margin:24px 0 0; }
.sk-sms-introduction .entry-meta { padding:7px 11px; border-radius:99px; background:var(--sk-surface); color:var(--sk-text); font-size:.72rem; }
.sk-sms-library { background:var(--sk-surface); }
.sk-sms-library__header { display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,430px); gap:42px; align-items:end; margin-bottom:34px; }
.sk-sms-library__header > div:first-child > p:last-child { max-width:620px; margin:0; color:var(--sk-text); }
.sk-sms-search label { display:block; margin-bottom:8px; color:var(--sk-ink); font-size:.8rem; font-weight:750; }
.sk-sms-search__field { position:relative; }
.sk-sms-search__field i { position:absolute; top:50%; left:16px; color:var(--sk-brand-blue); transform:translateY(-50%); }
.sk-sms-search input { width:100%; min-height:50px; padding:11px 15px 11px 44px; border:1px solid var(--sk-line); border-radius:10px; background:#fff; color:var(--sk-ink); font:500 .92rem/1.4 "DM Sans",sans-serif; outline:none; }
.sk-sms-search input:focus { border-color:var(--sk-brand-blue); box-shadow:0 0 0 4px rgba(72,143,237,.16); }
.sk-sms-search #sms-template-count { margin:8px 0 0; color:var(--sk-text); font-size:.74rem; }
.sk-sms-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.sk-sms-card { min-width:0; padding:23px; border:1px solid var(--sk-line); border-radius:15px; background:#fff; box-shadow:0 8px 22px rgba(41,31,188,.045); }
.sk-sms-card[hidden] { display:none; }
.sk-sms-card__header { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; margin-bottom:19px; }
.sk-sms-card__header > div { min-width:0; }
.sk-sms-card__number { display:block; margin-bottom:5px; color:var(--sk-brand-blue); font-size:.68rem; font-weight:800; letter-spacing:.1em; }
.sk-sms-card h3 { margin:0; color:var(--sk-brand-dark); font-size:1rem; font-weight:750; letter-spacing:-.015em; overflow-wrap:anywhere; }
.sk-sms-card .copy-btn { display:inline-flex; flex:0 0 auto; align-items:center; gap:7px; min-height:38px; padding:8px 12px; border:1px solid #cbd8ee; border-radius:8px; background:var(--sk-surface); color:var(--sk-brand-blue-dark); font:750 .76rem/1 "DM Sans",sans-serif; cursor:pointer; }
.sk-sms-card .copy-btn:hover,.sk-sms-card .copy-btn:focus { border-color:var(--sk-brand-blue); background:var(--sk-surface-blue); }
.sk-sms-card .copy-btn.copied { border-color:var(--sk-brand); background:var(--sk-brand); color:#fff; }
.sk-sms-card__message { padding:18px; border-left:3px solid var(--sk-brand-blue); border-radius:0 10px 10px 0; background:#f8faff; color:#445572; font-size:.86rem; line-height:1.62; overflow-wrap:anywhere; }
.sk-sms-card__message p { margin:0; }
.sk-sms-empty { margin:28px 0 0; padding:22px; border:1px dashed #b9caea; border-radius:12px; background:#fff; color:var(--sk-text); text-align:center; }
.sk-sms-cta { padding:64px 0; background:var(--sk-brand); }
.sk-sms-cta__inner { display:flex; align-items:center; justify-content:space-between; gap:48px; }
.sk-sms-cta h2 { max-width:700px; color:#fff; }
.sk-sms-cta p:not(.sk-overline) { max-width:720px; margin:0; color:#dbe7ff; }
.sk-sms-cta .sk-overline { color:#b7d8ff; }
.sk-sms-cta .sk-action { flex:0 0 auto; background:#fff; color:var(--sk-brand); }
.sk-sms-cta .sk-action:hover { background:#eaf2ff; color:var(--sk-brand-dark); }
@media(max-width:991px) { .sk-sms-introduction__grid { grid-template-columns:1fr; } .sk-sms-introduction .post-thumbnail { max-width:720px; } .sk-sms-library__header { grid-template-columns:1fr; gap:24px; } .sk-sms-search { max-width:600px; } .sk-sms-cta__inner { align-items:flex-start; flex-direction:column; gap:25px; } }
@media(max-width:767px) { .sk-sms-grid { grid-template-columns:1fr; } }
@media(max-width:575px) { .sk-sms-card { padding:19px; } .sk-sms-card__header { gap:12px; } .sk-sms-card .copy-btn { min-width:44px; padding:8px 10px; } .sk-sms-card .copy-btn span { display:none; } .sk-sms-card__message { padding:15px; } .sk-sms-cta { padding:48px 0; } .sk-sms-cta .sk-action { width:100%; } }
