/* Slot template layout, using the site's shared colour tokens. */
.slot-page .ph{padding-bottom:32px}
.slot-page h1{margin-bottom:24px}
.slot-page .slhero{display:grid;grid-template-columns:minmax(0,600px) minmax(0,1fr);gap:24px;align-items:stretch}
.slot-page .sldemo{overflow:hidden;background:var(--card);border:1px solid var(--bdr);border-radius:var(--rl);align-self:start}
.slot-page .sldemo>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.slot-page .sldemo-bar{padding:14px 20px;border-top:1px solid var(--bdr);font-size:14px}
.slot-page .slside{display:flex;flex-direction:column;gap:16px;min-width:0}
.slot-page .slfacts{display:flex;flex-direction:column;flex:1;gap:16px;padding:18px;border:1px solid var(--bdr);border-radius:var(--rl);background:var(--card)}
.slot-page .slfacts-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:10px;flex:1}
.slot-page .slfacts-g>div{padding:16px;background:var(--pribg);border-radius:var(--r);display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;text-align:left;gap:8px}
.slot-page .slfacts-g span{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--t2)}
.slot-page .slfacts-g b{font-size:17px;font-weight:700;line-height:1.45;color:var(--pri);font-variant-numeric:tabular-nums;overflow-wrap:break-word}
.slot-page .slfacts-m{font-size:13px;color:var(--t2);margin:0}
.slot-page .slplay{display:grid;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px;border:2px solid var(--pk);border-radius:var(--rl);background:var(--card)}
.slot-page .slplay>img{width:76px;height:56px;object-fit:contain}
.slot-page .slplay b{font-size:14px}
.slot-page .slplay p{font-size:12px;line-height:1.5;color:var(--t2);margin:4px 0 0}
.slot-page .slplay>small{grid-column:1/-1;font-size:11px;color:var(--t2)}
.slot-page .stack{min-width:0}
.slot-page .tg-h{font-size:22px;font-weight:800;margin-bottom:16px}
.slot-page .tg-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.slot-page .tg-c{display:flex;flex-direction:column;border:1px solid var(--bdr);border-radius:16px;background:var(--card);overflow:hidden;min-width:0}
.slot-page .tg-logo{height:96px;background:var(--raised);display:flex;align-items:center;justify-content:center;padding:16px;border-radius:0 0 40% 40%/0 0 16px 16px}
.slot-page .tg-logo img{width:116px;max-width:100%;height:64px;object-fit:contain}
.slot-page .tg-b{display:flex;flex:1;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:16px 12px}
.slot-page .tg-b h3{font-size:16px;line-height:1.35;margin:0}
.slot-page .tg-r{font-size:13px;font-weight:700;background:var(--pribg);color:var(--pri);border-radius:20px;padding:4px 10px}
.slot-page .tg-b p{font-size:12px;line-height:1.6;color:var(--t2);margin:0 0 6px}
.slot-page .tg-b .btn{margin-top:auto;width:100%;justify-content:center}
.slot-page .art h2:first-child{margin-top:0}
.slot-page .art h3:has(+ol):last-of-type{scroll-margin-top:100px}
.slot-page .art img{max-width:100%;height:auto}
.slot-page .art li>img{display:inline;vertical-align:middle}
.slot-page .art h2,.slot-page .art h3{scroll-margin-top:100px}
@media(max-width:1100px){.slot-page .slhero{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.slot-page .slplay{grid-template-columns:64px minmax(0,1fr)}.slot-page .slplay>.btn{grid-column:1/-1;justify-content:center}.slot-page .tg-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.slot-page .slhero{grid-template-columns:1fr}.slot-page .slfacts-g b{font-size:17px}.slot-page .slplay{grid-template-columns:76px minmax(0,1fr) auto}.slot-page .slplay>.btn{grid-column:auto}.slot-page .sldemo{width:100%}}
@media(max-width:480px){.slot-page .slplay{grid-template-columns:64px minmax(0,1fr)}.slot-page .slplay>.btn{grid-column:1/-1}.slot-page .slfacts-g>div{padding:12px}.slot-page .slfacts-g b{font-size:16px}.slot-page .tg-row{gap:10px}.slot-page .tg-b{padding:14px 10px}}
.slot-page .slot-faq details{border-bottom:1px solid var(--bdr)}
.slot-page .slot-faq details:last-child{border-bottom:0}
.slot-page .slot-faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none;padding:18px 0;cursor:pointer;font-weight:700;color:var(--t1);font-size:14px}
.slot-page .slot-faq summary::-webkit-details-marker{display:none}
.slot-page .slot-faq summary::after{content:'+';font-size:22px;font-weight:400;color:var(--pri)}
.slot-page .slot-faq details[open]>summary::after{content:'−'}
.slot-page .slot-faq summary:focus-visible{outline:2px solid var(--pri);outline-offset:3px}
.slot-page .slot-faq-answer{padding:0 0 18px;font-size:14px;line-height:1.8;color:var(--t2)}