/* Speech Material page (owner template) */
.sp-hero .kw-hero__in{padding-bottom:58px}
.sp-bodybg{padding-top:0}
.sp-wrap{width:var(--canvas);margin:0 auto;padding:0 23px;display:grid;gap:22px}
.sp-wrap .kw-layout{width:auto;padding:0;align-items:start;grid-template-columns:minmax(0,1fr) 300px;gap:24px}
/* key-figure strip overlaps the hero, as in the template */
.sp-strip{margin-top:-38px;position:relative;z-index:2;padding:20px 18px;border-radius:16px}
.sp-strip ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.sp-strip li{display:flex;gap:10px;align-items:center;padding:0 12px;margin:0;border-left:1px solid #dde4ef}
.sp-strip li:first-child{border-left:0;padding-left:0}
.sp-strip .rs-disc{width:50px;height:50px}.sp-strip .rs-disc .kic{width:28px;height:28px}
.sp-strip strong{display:block;font:700 21px/1.2 var(--font);color:#0b3367}
.sp-strip li>div>span{display:block;font:400 14px/1.35 var(--font);color:#3d475f;position:relative}
.sp-i{display:inline-grid;place-items:center;width:20px;height:20px;margin-left:6px;vertical-align:middle;border:1.5px solid #566077;border-radius:50%;background:#fff;color:#3d475f;font:italic 700 12px/1 var(--font);cursor:help;padding:0}
.sp-i:hover,.sp-i:focus-visible{background:#0b3367;color:#fff;border-color:#0b3367}
.sp-tt{display:none;position:absolute;z-index:5;left:0;right:0;top:calc(100% + 6px);padding:10px 12px;border-radius:8px;background:#0a1c49;color:#fff;font:400 13px/1.4 var(--font);box-shadow:0 6px 18px rgba(10,28,73,.25)}
.sp-i:hover+.sp-tt,.sp-i:focus+.sp-tt{display:block}
/* answers: plain column of sections, no card (template) */
.sp-main{min-width:0}
.sp-sec{padding:26px 0 24px;border-top:1px solid #d6deeb}
.sp-sec:first-child{border-top:0;padding-top:6px}
.sp-h{display:flex;gap:14px;align-items:flex-start;margin:0 0 14px}
.sp-num{flex:none;display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#dceafd;color:#0b3367;font:700 17px/1 var(--font)}
.sp-h h2{margin:0;scroll-margin-top:16px;font:700 22px/1.3 var(--font);color:#0a2a6b;overflow-wrap:break-word;padding-top:3px}
.sp-h h2 em{margin:0}
.sp-h h2:focus{outline:2px solid #0b3367;outline-offset:3px}
/* big figure + one-line summary */
.sp-lead{display:flex;align-items:center;gap:20px;margin:0 0 14px;padding-left:52px}
.sp-lead strong{flex:none;font:700 38px/1.1 var(--font);color:#1167b2;white-space:nowrap}
.sp-lead span{font:400 15.5px/1.5 var(--font);color:#3d475f;max-width:400px}
.sp-green.sp-lead strong{color:#14602f}.sp-orange.sp-lead strong{color:#a85200}.sp-purple.sp-lead strong{color:#4f2a9a}
.sp-body{font:400 16.5px/1.7 var(--font);color:#2a3550;padding-left:52px}
.sp-body p{margin:0 0 14px}
.sp-ol{margin:0 0 14px;padding-left:24px}.sp-ol li{margin:0 0 5px}
/* highlight box: icon + number + label | supporting sentence */
.sp-hl{display:grid;grid-template-columns:minmax(190px,38%) 1fr;gap:0;align-items:center;margin:6px 0 0 52px;padding:16px 20px;border-radius:12px;background:#eaf2fd}
.sp-hl__l{display:flex;align-items:center;gap:14px;padding-right:22px;border-right:1px solid rgba(11,51,103,.18)}
.sp-hl .rs-disc{width:56px;height:56px;background:#fff}.sp-hl .rs-disc .kic{width:28px;height:28px}
.sp-hl strong{display:block;font:700 24px/1.15 var(--font);color:#1167b2}
.sp-hl__l span:not(.rs-disc){display:block;font:400 14px/1.35 var(--font);color:#2f3a54}
.sp-hl p{margin:0;padding-left:22px;font:400 14.5px/1.55 var(--font);color:#2f3a54}
.sp-hl.sp-green{background:#e6f5ec}.sp-hl.sp-green strong{color:#14602f}
.sp-hl.sp-orange{background:#fff1dc}.sp-hl.sp-orange strong{color:#8a4300}
.sp-hl.sp-purple{background:#efe9fc}.sp-hl.sp-purple strong{color:#4f2a9a}
.sp-source{margin:10px 0 0 52px;font:italic 400 13px/1.45 var(--font);color:#4a5572}
/* sidebar */
.sp-wide{width:100%;justify-content:space-between;padding:0 18px;min-height:50px;font-size:17px;margin-top:6px}
.sp-toc{list-style:none;margin:0;padding:0}
.sp-toc li{margin:0;border-top:1px solid #e1e7f1}
.sp-toc a{display:flex;align-items:center;gap:12px;min-height:46px;padding:6px 0;color:#0b3367;font-weight:600;font-size:15px;line-height:1.35;text-underline-offset:2px}
.sp-toc .lbl{flex:1;min-width:0;overflow-wrap:break-word}
.sp-toc .arr{flex:none;width:18px;height:18px}
.sp-rel{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.sp-rel li{margin:0}
.sp-rel a{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid #dde4ef;border-radius:10px;text-decoration:none;color:#0b3367}
.sp-rel a:hover{background:#f3f7fc}
.sp-rel .lbl{flex:1;min-width:0}
.sp-rel .lbl strong{display:block;font:700 15px/1.3 var(--font);color:#0b3367;text-decoration:underline;text-underline-offset:2px}
.sp-rel .lbl small{display:block;font:400 13.5px/1.4 var(--font);color:#3d475f}
.sp-rel .arr{flex:none;width:18px;height:18px}
.sp-using{padding:0;overflow:hidden}
.sp-using img{display:block;width:100%;height:auto}
.sp-using__t{padding:16px 18px 18px}
.sp-using h2{margin:0 0 8px;font:700 20px/1.2 var(--font);color:#09194a}
.sp-using p{margin:0 0 10px}
@media (max-width:1054px){
 .sp-wrap{width:auto;padding:0 14px}
 .sp-wrap .kw-layout{grid-template-columns:minmax(0,1fr)}
 .sp-strip ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 0}
 .sp-strip li:nth-child(3){border-left:0;padding-left:0}
}
@media (max-width:640px){
 .sp-strip ul{grid-template-columns:1fr}
 .sp-strip li,.sp-strip li:nth-child(3){border-left:0;padding-left:0}
 .sp-lead,.sp-body,.sp-source{padding-left:0}.sp-hl{margin-left:0;grid-template-columns:1fr;gap:12px}
 .sp-hl__l{border-right:0;padding-right:0}.sp-hl p{padding-left:0}
 .sp-lead{flex-wrap:wrap;gap:6px}.sp-lead strong{font-size:32px}
 .sp-h h2{font-size:19px}.sp-body{font-size:16px}
}
.sp-strip strong{white-space:nowrap}
.sp-main em{padding:0 .09em 0 .03em}
