.em-hero { text-align: center; padding: 88px 0 24px; }
.em-hero h1 { font-size: clamp(40px, 5.4vw, 64px); }
.em-meta { color: var(--muted); font-size: 18px; margin: 16px auto 0; max-width: 52ch; }
.sc-list { padding: 40px 0 110px; }
.sc { background: #fff; border: 1px solid var(--hair-soft); border-radius: 26px; overflow: hidden; margin-bottom: 34px; box-shadow: 0 30px 70px -56px rgba(79, 58, 125, 0.6); }
.sc-top { display: flex; align-items: center; gap: 18px; padding: 22px 28px; background: linear-gradient(90deg, var(--blush), var(--lav-soft)); flex-wrap: wrap; }
.sc-n { font-family: var(--display); font-style: italic; font-size: 40px; color: var(--accent); line-height: 1; }
.sc-name { font-size: 14px; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: var(--accent-deep); }
.sc-angle { font-family: var(--display); font-size: 28px; line-height: 1.2; }
.sc-meta { margin-left: auto; display: flex; gap: 8px; flex-wrap: wrap; }
.sc-meta span { font-size: 14px; color: var(--muted); background: rgba(255, 255, 255, 0.75); padding: 6px 12px; border-radius: 999px; }
.sc-sec { padding: 22px 30px; border-top: 1px solid var(--hair-soft); }
.sc-lbl { font-size: 13px; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase; color: var(--accent); margin-bottom: 14px; }
.hooks { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.hooks li { display: flex; gap: 14px; align-items: flex-start; background: var(--bg); border-radius: 14px; padding: 14px 16px; }
.hk { flex: none; width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; background: var(--accent); color: #fff; font-weight: 600; font-size: 15px; }
.hooks p { margin: 2px 0 0; font-family: var(--display); font-size: 21px; line-height: 1.4; }
.sc-body p { margin: 0 0 12px; font-size: 19px; line-height: 1.65; color: #3a3142; }
.sc-body p:last-child { margin: 0; }
.sc-shot p { margin: 0; font-size: 17px; color: var(--muted); font-style: italic; }
.chk { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px 18px; }
.chk li { position: relative; padding-left: 28px; font-size: 16px; color: #3a3142; line-height: 1.4; }
.chk li::before { content: ""; position: absolute; left: 0; top: 2px; width: 18px; height: 18px; border-radius: 50%; background: #e7f6ec url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%23128c4a' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 12px no-repeat; }
@media (max-width: 640px) { .chk { grid-template-columns: 1fr; } .sc-meta { margin-left: 0; } .sc-sec { padding: 20px; } }
