/* FT summary card v2 (13 Oct 02:00 owner "ทำยังไงให้เข้าใจง่ายที่สุด"): one-line verdict, the score path goal by goal, three comparison bars, star player, table after the game; the original paragraphs stay on the page under "อ่านสรุปแบบข้อความ" */
.sbsum{display:grid;gap:14px;margin:4px 0 6px;color:#0b1a12;font-family:Anuphan,sans-serif}
.sbsum .vd{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 14px;border-radius:14px;background:#f3f7f4;border:1px solid #dfe8e2}
.sbsum .vd .tg{padding:4px 12px;border-radius:999px;font:700 13px Prompt,sans-serif;background:#0f5132;color:#fff}
.sbsum .vd .tg.dr{background:#c9a227;color:#0b1a12}
.sbsum .vd b{font:700 17px/1.4 Prompt,sans-serif}
.sbsum .vd small{color:#4b5a52;font-size:13.5px}
.sbsum h3{margin:0 0 8px;font:700 14px Prompt,sans-serif;color:#0b1a12;display:flex;align-items:center;gap:8px}
.sbsum h3:before{content:"";width:4px;height:14px;border-radius:2px;background:#c9a227}
.sbsum .gl{list-style:none;margin:0;padding:0!important;display:grid;gap:6px}
.sbsum .gl li{display:grid;grid-template-columns:1fr 74px 1fr;align-items:center;gap:8px;margin:0!important}
.sbsum .gl .hm{text-align:right;font-weight:600}
.sbsum .gl .aw{text-align:left;font-weight:600}
.sbsum .gl .ct{display:flex;flex-direction:column;align-items:center;line-height:1.15}
.sbsum .gl .ct i{font:normal 600 11.5px Prompt,sans-serif;color:#4b5a52}
.sbsum .gl .ct em{font:normal 700 14px Prompt,sans-serif;padding:2px 10px;border-radius:999px;background:#0f5132;color:#fff}
.sbsum .gl .nt{display:block;font:400 12px Anuphan,sans-serif;color:#4b5a52}
.sbsum .gl .hdr span{font:600 12.5px Prompt,sans-serif;color:#4b5a52}
.sbsum .br{display:grid;gap:9px}
.sbsum .br .r{display:grid;grid-template-columns:52px 1fr 52px;gap:8px;align-items:center}
.sbsum .br .r b{font:600 14px Prompt,sans-serif}.sbsum .br .r b.w{font-weight:800}
.sbsum .br .r b:last-child{text-align:right}
.sbsum .br .bar{position:relative}
.sbsum .br .bar small{display:block;text-align:center;font:500 12.5px Anuphan,sans-serif;color:#33443a;margin-bottom:3px}
.sbsum .br .bar span{display:flex;height:8px;border-radius:99px;overflow:hidden;background:#e6ece8}
.sbsum .br .bar i{display:block;height:100%}.sbsum .br .bar i.h{background:#0f5132}.sbsum .br .bar i.a{background:#c9a227}
.sbsum .br .lg{display:flex;justify-content:space-between;font:600 12.5px Prompt,sans-serif;color:#33443a}
.sbsum .br .lg span:before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px;vertical-align:0}
.sbsum .br .lg span.h:before{background:#0f5132}.sbsum .br .lg span.a:before{background:#c9a227}
.sbsum .ch{display:flex;flex-wrap:wrap;gap:8px}
.sbsum .ch>div{flex:1 1 200px;padding:10px 12px;border-radius:12px;border:1px solid #dfe8e2;background:#fff}
.sbsum .ch small{display:block;font:600 12px Prompt,sans-serif;color:#4b5a52;margin-bottom:2px}
.sbsum .ch b{font:700 15px Prompt,sans-serif}
.sbsum .ch .tb{display:flex;justify-content:space-between;gap:8px;font-size:14px}
.sbsum details{border-top:1px dashed #dfe8e2;padding-top:8px}
.sbsum details summary{cursor:pointer;font:600 13.5px Prompt,sans-serif;color:#0f5132;list-style:none}
.sbsum details summary:before{content:"▸ ";}.sbsum details[open] summary:before{content:"▾ ";}
.sbsum details p{margin:8px 0 0}
.sbsum .sx{padding:4px 2px 2px}.sbsum .sx h4{margin:16px 0 6px;font:700 15px Prompt,sans-serif;color:#0f5132}.sbsum .sx h4:first-child{margin-top:10px}.sbsum .sx p{margin:0 0 10px!important;font:400 15.5px/1.85 Anuphan,sans-serif;color:#0b1a12}.sbsum .sx ul{margin:0 0 10px!important;padding-left:20px!important}.sbsum .sx li{margin:0 0 7px!important;font:400 15.5px/1.75 Anuphan,sans-serif;color:#0b1a12}.sbsum .sx li b{font-weight:700}.sbsum .sx .nt0{font-size:13px!important;color:#4b5a52!important;margin-bottom:4px!important}.sbsum .sx .nt1{padding:10px 12px;border-radius:10px;background:#fbf3d6;border:1px solid #ecd78a}
@media(max-width:600px){.sbsum .sx p,.sbsum .sx li{font-size:15px}}
@media(max-width:600px){.sbsum .vd b{font-size:15.5px}.sbsum .gl li{grid-template-columns:1fr 64px 1fr;gap:6px}.sbsum .gl .hm,.sbsum .gl .aw{font-size:14px}.sbsum .br .r{grid-template-columns:44px 1fr 44px}}

/* summary card v3 look (02:20) */
.sbsum{gap:12px}
.sbsum .vd{display:block;position:relative;overflow:hidden;padding:14px 16px 16px;border:0;border-radius:18px;color:#fff;background:repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0 46px,transparent 46px 92px),radial-gradient(120% 90% at 50% 0%,#17603d 0%,#0d3a25 55%,#082516 100%);box-shadow:0 8px 22px rgba(8,37,22,.18)}
.sbsum .vd:after{display:none;content:"";position:absolute;left:50%;top:50%;width:120px;height:120px;margin:-60px 0 0 -60px;border:2px solid rgba(255,255,255,.06);border-radius:50%;pointer-events:none}
.sbsum .vt{display:flex;align-items:center;justify-content:space-between;gap:8px}
.sbsum .vd .tg{background:#22c55e;color:#062814}.sbsum .vd .tg.dr{background:#e3b93a;color:#1d1503}
.sbsum .vd small{color:rgba(255,255,255,.78)!important;font:500 13px Anuphan,sans-serif}
.sbsum .vs{display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:10px;margin:12px 0 4px;position:relative;z-index:1}
.sbsum .vs .tm{display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px;min-width:0}
.sbsum .vs .tm b{font:700 15px/1.3 Prompt,sans-serif;color:#fff;word-break:break-word}
.sbsum .vs .tm small{font-size:11.5px!important;color:rgba(255,255,255,.6)!important}
.sbsum .vs .lo{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#fff;box-shadow:0 3px 10px rgba(0,0,0,.25)}
.sbsum .vs .lo img{width:38px;height:38px;object-fit:contain}
.sbsum .vs .sc{margin-top:8px;font:800 40px/1 Prompt,sans-serif;color:#fff;letter-spacing:1px;display:flex;align-items:center;gap:8px;text-shadow:0 2px 10px rgba(0,0,0,.3)}
.sbsum .vs .sc i{font-style:normal;color:#e3b93a;font-weight:700}
.sbsum .path{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.12);position:relative;z-index:1}
.sbsum .path em{flex-basis:100%;font:normal 600 12px Prompt,sans-serif;color:#e3b93a;letter-spacing:.3px}
.sbsum .path span{padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);font:500 12.5px Anuphan,sans-serif;color:#fff}
.sbsum .path i{font-style:normal;color:rgba(255,255,255,.5)}
.sbsum>div:not(.vd):not(.ch),.sbsum>details{padding:14px 14px 12px;border:1px solid #e3ebe5;border-radius:16px;background:#fff;box-shadow:0 2px 8px rgba(8,37,22,.04)}
.sbsum .gl li{padding:7px 0;border-top:1px dashed #e3ebe5}.sbsum .gl li.hdr{border-top:0;padding-top:0}
.sbsum .gl .ct i{margin-bottom:2px}
.sbsum .br .r{padding:2px 0}
.sbsum .br .bar span{height:10px}
.sbsum .ch>div{border-radius:16px;padding:12px 14px;box-shadow:0 2px 8px rgba(8,37,22,.04)}
.sbsum .ch>div:first-child{background:linear-gradient(135deg,#fffaf0,#fbf3d6);border-color:#ecd78a}
.sbsum .ch .tb{padding:4px 0}.sbsum .ch .tb+.tb{border-top:1px dashed #e3ebe5}
.sbsum>details{border-top:1px solid #e3ebe5}
.sbsum>details summary{display:flex;align-items:center;gap:8px;font:700 14px Prompt,sans-serif;color:#0f5132}
.sbsum>details summary:before{content:"▸";display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e8f2ec;color:#0f5132;font-size:12px}
.sbsum>details[open] summary:before{content:"▾"}
@media(max-width:600px){.sbsum .vs .sc{font-size:34px}.sbsum .vs .lo{width:46px;height:46px}.sbsum .vs .lo img{width:33px;height:33px}.sbsum .vs .tm b{font-size:13.5px}}