.brief{padding:28px 0 72px;max-width:860px;margin:0 auto}
.brief h1{font-size:clamp(26px,3.4vw,40px);margin:8px 0 10px}
.lead{color:var(--muted);margin-bottom:20px}
.tab{display:grid;grid-template-columns:1fr 72px;gap:0;margin-bottom:10px;scroll-margin-top:76px;border:1px solid var(--navy);background:#fff}
.tab .body{padding:18px 18px 16px}
.tab h2{font-size:18px;margin:6px 0}
.tab p{font-size:14px;color:#3a4450}
.tab img{width:120px;height:72px;object-fit:cover;border:1px solid var(--navy);margin-top:8px}
.tab .side{background:var(--navy);color:#f4f1ea;display:grid;place-items:center;font-size:12px;font-weight:800;letter-spacing:.12em;writing-mode:vertical-rl;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}
@media(max-width:720px){.tab{grid-template-columns:1fr}.tab .side{writing-mode:horizontal-tb;padding:8px}}