.ex{margin:18px 0 8px;display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px;align-items:start}
.ex-card{background:#fff;border:1.5px solid var(--ink);border-radius:18px;box-shadow:8px 8px 0 var(--bot-hi);overflow:hidden}
.ex-bar{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--paper2);border-bottom:1.5px solid var(--ink);font:600 12px var(--mono);color:var(--slate)}
.ex-bar i{width:9px;height:9px;border-radius:50%;background:var(--hair2)}
.ex-body{padding:18px 20px;font-size:15px;line-height:1.6;color:var(--ink2)}
.ex-body h4{margin:0 0 8px;font-size:17px;color:var(--ink)}
.ex-mail .ex-meta{font-size:13px;color:var(--slate);border-bottom:1px solid var(--hair);padding-bottom:10px;margin-bottom:12px}
.ex-mail .ex-meta b{color:var(--ink)}
.ex-body p{margin:0 0 10px;white-space:pre-wrap}
.ex-body table{font-size:14px;border-radius:10px}
.ex-body td,.ex-body th{padding:8px 10px}
.ex-body ul{margin:0;padding-left:20px}
.ex-note{font-size:13px;color:var(--slate)}
.ex-side{display:grid;gap:10px}
.ex-side div{background:var(--card);border:1.5px solid var(--hair2);border-radius:14px;padding:12px 14px;font-size:14px}
.ex-side b{display:block;font-size:13px;color:var(--bot-ink)}
.pk-thumb{height:92px;margin:4px 0 2px;border-radius:12px;background:#fff;border:1.5px solid var(--ink);padding:10px 12px;overflow:hidden;position:relative;font:11px/1.45 var(--mono);color:var(--slate)}
.pk-thumb b{display:block;color:var(--ink);font:700 12px var(--sans);margin-bottom:3px}
.pk-thumb::after{content:"";position:absolute;left:0;right:0;bottom:0;height:34px;background:linear-gradient(transparent,#fff)}
.pk-hero h1{font-size:clamp(36px,5vw,64px);margin:10px 0 14px}
.pk-hero~section>h2{margin-bottom:16px}
@media (max-width:860px){.ex{grid-template-columns:1fr}}