/* TP-046: inherits each surface's paper, ink and number-ball palette. */
.tti-weekly { width:100%; border:1px solid var(--border-ui); border-radius:16px; background:var(--bg-card); }
.tti-weekly:not([open]) { height:64px; }
.tti-weekly > summary { box-sizing:border-box; height:62px; padding:18px 16px; font-size:15px; font-weight:700; line-height:26px; cursor:pointer; }
.tti-weekly > summary:focus-visible { outline:2px solid var(--primary); outline-offset:3px; border-radius:16px; }
.tti-weekly-body { padding:0 12px 16px; }
.tti-number-list { list-style:none; padding:0; margin:0; }
.tti-number-row { display:grid; grid-template-columns:40px minmax(0,1fr); align-items:center; gap:6px 10px; padding:14px 0; border-top:1px solid var(--border); }
.tti-number-row img { width:40px; height:40px; object-fit:cover; border-radius:50%; border:1px solid var(--border-ui); grid-row:span 2; }
.tti-number-row h2,.tti-number-row h3 { font:inherit; font-size:15px; font-weight:700; margin:0; }
.tti-number-balls { display:flex; gap:5px; }
.tti-number-balls .lotto-ball { width:32px; height:32px; flex:0 0 32px; font-size:14px; }
.tti-weekly .caption { margin:14px 0 0; }
.tti-static-list { display:grid; gap:16px; list-style:none; padding:0; margin:28px 0; }
.tti-static-list .tti-number-row { padding:20px; border:1px solid var(--border-ui); border-radius:16px; background:var(--surface); }
@media (min-width:760px) {
 .tti-weekly-body { padding:0 24px 20px; }
 .tti-number-row { grid-template-columns:40px 90px minmax(0,1fr); gap:16px; }
 .tti-number-row img { grid-row:auto; }
 .tti-number-balls { gap:8px; }
 .tti-number-balls .lotto-ball { width:36px; height:36px; flex-basis:36px; font-size:15px; }
 .tti-static-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .tti-static-list .tti-number-row { grid-template-columns:40px minmax(0,1fr); gap:8px 16px; }
 .tti-static-list .tti-number-row img { grid-row:span 2; }
}