/* THE SUNDAY BRIEF [7.82] — ported 1:1 from mockups/Sunday Brief - client.html (owner signed off, 4 Oct 2026).
   Every rule is .bp2-scoped; the mock's own CSS is the source — edit both or re-port. */
.bp2{container-type:inline-size;display:block;background:#fff;color:#111;font:15px/1.45 Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-align:left}
.bp2 a{color:#075DC6}.bp2 a:hover{color:#1C77E0}
.bp2,.bp2 *,.bp2 *::before,.bp2 *::after{box-sizing:border-box}
.bp2 .mh{background:#0A0A0A;color:#fff;padding:22px 26px 18px;border-bottom:6px solid #075DC6}
.bp2 .mh img{height:20px;display:block}
.bp2 .mh .t{font-family:Anton,Impact,sans-serif;font-size:46px;line-height:1;text-transform:uppercase;margin:16px 0 10px}
.bp2 .mh .r{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font:600 11px/1.3 'JetBrains Mono',monospace;letter-spacing:.06em;text-transform:uppercase;color:#9A9A9A}
.bp2 .sec{padding:30px 26px 0}
.bp2 .sec.dark{background:#0A0A0A;color:#fff}
.bp2 .sec.chalk{background:#F5F5F5}
.bp2 .sec.nut{background:#E4F2E8}
.bp2 .sh{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:start;padding-bottom:14px;border-bottom:3px solid #111;margin-bottom:20px}
.bp2 .dark .sh{border-color:#fff}
.bp2 .sh .no{font:700 13px/1 'JetBrains Mono',monospace;color:#fff;background:#111;padding:7px 7px 6px;margin-top:4px}
.bp2 .dark .sh .no{background:#075DC6}
.bp2 .nut .sh .no{background:#0F6B45}
.bp2 .sh .k{font:600 10.5px/1.2 'JetBrains Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:#5C5C5C}
.bp2 .dark .sh .k{color:#9A9A9A}
.bp2 .sh h2{margin:5px 0 0;font:400 34px/1 Anton,Impact,sans-serif;text-transform:uppercase;letter-spacing:.01em;text-wrap:balance}
.bp2 .hand{font:26px/1 'Permanent Marker',cursive;color:#E31B23;transform:rotate(-2deg);transform-origin:left;margin:0 0 8px}
.bp2 .lead{margin:0 0 18px;font:400 44px/.98 Anton,Impact,sans-serif;text-transform:uppercase;color:#075DC6;text-wrap:balance}
.bp2 .vid{position:relative;aspect-ratio:16/9;margin-bottom:18px;background:repeating-linear-gradient(135deg,#1A1A1A 0 12px,#222 12px 24px);display:grid;place-items:center}
.bp2 .vid i{width:64px;height:64px;border-radius:50%;background:#075DC6;display:grid;place-items:center}
.bp2 .vid span{position:absolute;left:0;bottom:0;background:#0A0A0A;color:#fff;font:700 10.5px/1 'JetBrains Mono',monospace;letter-spacing:.12em;text-transform:uppercase;padding:9px 12px}
.bp2 .vid em{position:absolute;right:10px;top:10px;font:500 10px 'JetBrains Mono',monospace;font-style:normal;color:#8E8E8E}
.bp2 .cards{display:grid;grid-template-columns:repeat(var(--n,2),minmax(0,1fr));gap:12px}
.bp2 .card{border:2px solid #111;padding:16px;min-width:0;background:#fff;color:#111}
.bp2 .card .d{font:700 11px/1 'JetBrains Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:#075DC6}
.bp2 .card h3{margin:8px 0 6px;font:900 26px/1 'Barlow Condensed',sans-serif;text-transform:uppercase}
.bp2 .card p{margin:8px 0 0;font-size:13.5px;line-height:1.4;color:#5C5C5C}
.bp2 .tag{display:inline-block;font:700 9.5px/1 'JetBrains Mono',monospace;font-style:normal;letter-spacing:.1em;text-transform:uppercase;padding:4px 6px 3px;border-radius:2px;color:#fff;background:#111;border:1.5px solid #111;white-space:nowrap;vertical-align:middle}
.bp2 .tag.blue{background:#075DC6;border-color:#075DC6}
.bp2 .tag.green{background:#0F6B45;border-color:#0F6B45}
.bp2 .tag.line{background:#fff;color:#075DC6;border-color:#075DC6}
.bp2 .more{margin:22px -26px 0;border-top:1px solid #E4E4E4}
.bp2 .dark .more{border-color:#2A2A2A}
.bp2 .more>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 26px;font:700 11.5px/1 'JetBrains Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:#075DC6}
.bp2 .dark .more>summary{color:#4FA8FF}
.bp2 .nut .more>summary{color:#0F6B45}
.bp2 .more>summary::-webkit-details-marker{display:none}
.bp2 .more>summary:hover{background:rgba(7,93,198,.05)}
.bp2 .more>summary .x{display:none}
.bp2 .more[open]>summary .o{display:none}
.bp2 .more[open]>summary .x{display:inline}
.bp2 .more>summary svg{transition:transform .15s;flex:0 0 auto}
.bp2 .more[open]>summary svg{transform:rotate(180deg)}
.bp2 .more .in{padding:4px 26px 26px}
.bp2 .sec:not(:has(.more)){padding-bottom:32px}
.bp2 .wk .r{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:baseline;padding:11px 0;border-bottom:1px solid #E4E4E4;font-size:14px}
.bp2 .wk .r:first-child{border-top:2px solid #111}
.bp2 .wk em{font:700 12px 'JetBrains Mono',monospace;font-style:normal;text-transform:uppercase;color:#075DC6}
.bp2 .wk b{font:800 17px/1.1 'Barlow Condensed',sans-serif;text-transform:uppercase}
.bp2 .wk u{display:block;text-decoration:none;font:500 11px/1.3 'JetBrains Mono',monospace;color:#5C5C5C;margin-top:3px}
.bp2 .nums{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.bp2 .nums>div{background:#1A1A1A;padding:18px 16px 16px}
.bp2 .nums b{display:block;font:400 56px/1 Anton,Impact,sans-serif}
.bp2 .nums>div:first-child b{color:#4FA8FF}
.bp2 .nums span{display:block;margin-top:10px;font:600 10.5px/1.35 'JetBrains Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:#9A9A9A}
.bp2 .cmp .r{display:grid;grid-template-columns:minmax(0,1fr) 70px 70px;gap:10px;align-items:baseline;padding:10px 0;border-bottom:1px solid #2A2A2A;font:600 13px 'JetBrains Mono',monospace}
.bp2 .cmp .r.h{font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:#9A9A9A;border-bottom-color:#3A3A3A}
.bp2 .cmp .r span:not(:first-child){text-align:right}
.bp2 .cmp .up{color:#35C883}
.bp2 .club{margin-top:18px}
.bp2 .club .k{font:600 10.5px/1.3 'JetBrains Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:#9A9A9A;margin-bottom:8px}
.bp2 .club .bar{height:10px;background:#2A2A2A}
.bp2 .club .bar i{display:block;height:100%;background:#35C883}
.bp2 .club p{margin:8px 0 0;font-size:13px;color:#9A9A9A}
.bp2 .top .card{display:flex;flex-direction:column;gap:10px}
.bp2 .top .card:first-child{border:3px solid #075DC6}
.bp2 .top .rk{font:400 52px/.85 Anton,Impact,sans-serif;color:#075DC6}
.bp2 .top .nm{font:900 23px/1 'Barlow Condensed',sans-serif;text-transform:uppercase}
.bp2 .top .ct{display:flex;align-items:center;gap:10px;font:700 10.5px/1 'JetBrains Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:#5C5C5C}
.bp2 .top .ct b{position:relative;font:700 32px/1 'JetBrains Mono',monospace;color:#111;padding:0 4px}
.bp2 .top .ct b.pen::after{content:'';position:absolute;inset:-9px -10px -7px -10px;border:2.5px solid #E31B23;border-radius:50%;transform:rotate(-7deg)}
.bp2 .top .w{margin-top:auto;padding-top:10px;border-top:1px solid #E4E4E4;display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;font:800 16px/1.1 'Barlow Condensed',sans-serif;text-transform:uppercase}
.bp2 .top .w .n{font:700 13px 'JetBrains Mono',monospace;color:#075DC6}
.bp2 .roll .rr>summary{display:grid;grid-template-columns:26px minmax(0,1fr) minmax(0,1.3fr) 40px;gap:12px;align-items:center;list-style:none;cursor:pointer;padding:13px 0;border-bottom:1px solid #E4E4E4}
.bp2 .roll .rr:first-child>summary{border-top:2px solid #111}
.bp2 .roll .rr>summary::-webkit-details-marker{display:none}
.bp2 .roll .rr>summary:hover{background:#F5F5F5}
.bp2 .roll .rk{font:700 13px 'JetBrains Mono',monospace;color:#8E8E8E}
.bp2 .roll .nm{font:900 19px/1 'Barlow Condensed',sans-serif;text-transform:uppercase}
.bp2 .roll .w{display:flex;gap:9px;align-items:center;min-width:0;font:700 15px/1.1 'Barlow Condensed',sans-serif;text-transform:uppercase}
.bp2 .roll .w .n{font:700 13px 'JetBrains Mono',monospace;color:#075DC6;white-space:nowrap}
.bp2 .roll .pl{display:flex;align-items:center;justify-content:flex-end;gap:3px;font:700 12px 'JetBrains Mono',monospace;color:#075DC6}
.bp2 .roll .pl svg{transition:transform .15s}
.bp2 .roll .rr[open] .pl svg{transform:rotate(180deg)}
.bp2 .roll .rr[open]>summary{background:#F5F5F5}
.bp2 .pan{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 26px;background:#F5F5F5;padding:14px 14px 20px 38px;border-bottom:1px solid #E4E4E4}
.bp2 .pan .ph{font:700 10px/1 'JetBrains Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:#5C5C5C;padding-bottom:8px}
.bp2 .pan .pl2{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:7px 0;border-top:1px solid #E4E4E4;font:700 15px/1.1 'Barlow Condensed',sans-serif;text-transform:uppercase}
.bp2 .pan .pl2 em{font:600 11px 'JetBrains Mono',monospace;font-style:normal;color:#075DC6;white-space:nowrap}
.bp2 .pan .pl2 em.g{color:#8E8E8E}
.bp2 .notch{display:flex;gap:2px;margin-top:6px}
.bp2 .notch i{width:7px;height:16px;background:#D9D9D9}
.bp2 .notch i.f{background:#1E9E62}
.bp2 .pan .s{margin-top:6px;font:600 11px 'JetBrains Mono',monospace;color:#5C5C5C}
.bp2 .nb .r{display:grid;grid-template-columns:26px minmax(0,1fr) minmax(0,1.1fr) 100px;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid #C9DCCF}
.bp2 .nb .r:first-child{border-top:2px solid #111}
.bp2 .nb.big .r:first-child{border-top:0}
.bp2 .nb .rk{font:700 13px 'JetBrains Mono',monospace;color:#5C5C5C}
.bp2 .nb .nm{display:flex;align-items:center;gap:8px;font:900 19px/1 'Barlow Condensed',sans-serif;text-transform:uppercase;min-width:0}
.bp2 .nb .nm i{font:700 9px/1 'JetBrains Mono',monospace;font-style:normal;letter-spacing:.1em;color:#fff;background:#0F6B45;padding:3px 5px;border-radius:2px}
.bp2 .nb .bar{height:8px;background:#fff}
.bp2 .nb .bar i{display:block;height:100%;background:#1E9E62}
.bp2 .nb .tot{text-align:right;font:700 20px/1 'JetBrains Mono',monospace;white-space:nowrap}
.bp2 .nb .tot small{margin-left:3px;font-size:10px;color:#5C5C5C}
.bp2 .nb.big .nm{font-size:23px}.bp2 .nb.big .tot{font-size:23px}.bp2 .nb.big .bar{height:12px}
.bp2 .note{margin:14px 0 0;font-size:13px;color:#5C5C5C}
.bp2 .btn.green{background:#0F6B45}.bp2 .btn.green:hover{background:#1E9E62}
.bp2 .join{margin:0 -26px;padding:20px 26px 26px;border-top:1px solid #C9DCCF;display:grid;gap:12px;justify-items:start}
.bp2 .join .jt b{display:block;font:900 22px/1.05 'Barlow Condensed',sans-serif;text-transform:uppercase}
.bp2 .join .jt span{display:block;margin-top:4px;font-size:13.5px;color:#3A3A3A}
.bp2 .join .jd{display:none;font-size:13.5px;color:#0F6B45;border-left:3px solid #0F6B45;padding:2px 0 2px 10px}
.bp2 .join.sent .btn{display:none}.bp2 .join.sent .jd{display:block}
.bp2 .join .jn{font:600 9.5px/1 'JetBrains Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:#5C5C5C}
.bp2 .sec.nut{padding-bottom:0}
.bp2 .ev{display:grid;grid-template-columns:78px minmax(0,1fr);gap:16px;border:2px solid #111;background:#fff;padding:16px}
.bp2 .ev .dt{text-align:center;border-right:1px solid #E4E4E4;padding-right:14px}
.bp2 .ev .dt b{display:block;font:400 44px/1 Anton,Impact,sans-serif}
.bp2 .ev .dt span{font:700 11px 'JetBrains Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:#075DC6}
.bp2 .ev h3{margin:6px 0 4px;font:900 26px/1 'Barlow Condensed',sans-serif;text-transform:uppercase}
.bp2 .ev p{margin:0 0 12px;font-size:14px;color:#5C5C5C}
.bp2 .btn{display:inline-flex;align-items:center;gap:8px;background:#075DC6;color:#fff;border:0;border-radius:8px;padding:11px 16px;font:800 15px/1 'Barlow Condensed',sans-serif;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;cursor:pointer}
.bp2 .btn:hover{background:#1C77E0;color:#fff}
.bp2 .btn.ghost{background:#fff;color:#075DC6;border:2px solid #075DC6}
.bp2 .cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-top:2px solid #111;border-left:1px solid #E4E4E4;background:#fff}
.bp2 .cal span{min-height:52px;padding:5px 6px;border-right:1px solid #E4E4E4;border-bottom:1px solid #E4E4E4;font:600 11px 'JetBrains Mono',monospace;color:#8E8E8E}
.bp2 .cal span.h{min-height:0;padding:7px 6px;font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;background:#F5F5F5}
.bp2 .cal span.x{background:#FAFAFA}
.bp2 .cal span.t{color:#111;box-shadow:inset 0 0 0 2px #111}
.bp2 .cal span i{display:block;margin-top:5px;height:5px;border-radius:1px}
.bp2 .cal .c1{background:#075DC6}.bp2 .cal .c2{background:#1E9E62}.bp2 .cal .c3{background:#D9A21B}.bp2 .cal .c4{background:#111}
.bp2 .evl{margin-top:16px}
.bp2 .evl .r{display:grid;grid-template-columns:86px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #E4E4E4}
.bp2 .evl em{font:700 11.5px 'JetBrains Mono',monospace;font-style:normal;text-transform:uppercase;color:#075DC6}
.bp2 .evl b{display:block;font:800 18px/1.05 'Barlow Condensed',sans-serif;text-transform:uppercase}
.bp2 .evl small{display:flex;align-items:center;gap:6px;margin-top:3px;font:600 10px 'JetBrains Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:#5C5C5C}
.bp2 .evl small i{width:8px;height:8px;border-radius:1px}
.bp2 .ph-img{aspect-ratio:16/9;background:repeating-linear-gradient(135deg,#F5F5F5 0 12px,#EDEDED 12px 24px);display:grid;place-items:center;font:600 11px 'JetBrains Mono',monospace;color:#8E8E8E;margin-bottom:16px}
.bp2 .tp h3{margin:0 0 10px;font:900 28px/1.02 'Barlow Condensed',sans-serif;text-transform:uppercase;text-wrap:balance}
.bp2 .tp p{margin:0 0 16px;font-size:15px;line-height:1.55;color:#333;max-width:60ch}
.bp2 .word{margin:0;font-size:17px;line-height:1.55;max-width:60ch;text-wrap:pretty}
.bp2 .word+.sig{margin-top:12px;font:26px/1 'Permanent Marker',cursive;color:#E31B23}
.bp2 .ft{background:#050505;color:#9A9A9A;padding:24px 26px;display:grid;gap:10px;justify-items:start;font:600 10.5px/1.4 'JetBrains Mono',monospace}
@container (max-width:560px){
.bp2 .mh{padding:20px 18px 16px}.bp2 .mh .t{font-size:34px}
.bp2 .sec{padding:26px 18px 0}.bp2 .more{margin:20px -18px 0}.bp2 .more>summary{padding:15px 18px}.bp2 .more .in{padding:4px 18px 22px}
.bp2 .sh h2{font-size:28px}
.bp2 .lead{font-size:36px}
.bp2 .cards{grid-template-columns:minmax(0,1fr)}
.bp2 .nums{grid-template-columns:repeat(2,minmax(0,1fr))}.bp2 .nums b{font-size:44px}
.bp2 .top .card{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;column-gap:12px}
.bp2 .top .rk{font-size:44px;grid-row:span 2}.bp2 .top .nm{font-size:21px}.bp2 .top .ct{grid-column:3;grid-row:1 / span 2}.bp2 .top .ct span{display:none}
.bp2 .top .w{grid-column:2;margin:0;padding:0;border:0;font-size:14px}
.bp2 .roll .rr>summary{grid-template-columns:22px minmax(0,1fr) 36px;row-gap:7px}
.bp2 .roll .rr>summary .w{grid-column:2;grid-row:2}.bp2 .roll .rr>summary .pl{grid-column:3;grid-row:1 / span 2}
.bp2 .pan{grid-template-columns:minmax(0,1fr);padding-left:34px}
.bp2 .nb .r{grid-template-columns:22px minmax(0,1fr) 90px;row-gap:8px}
.bp2 .nb .bar{grid-column:2;grid-row:2}.bp2 .nb .tot{grid-column:3;grid-row:1 / span 2}
.bp2 .ev{grid-template-columns:62px minmax(0,1fr)}.bp2 .ev .dt b{font-size:36px}
.bp2 .join{margin:0 -18px;padding:18px 18px 22px}
.bp2 .cal span{min-height:40px}
.bp2 .evl .r{grid-template-columns:70px minmax(0,1fr)}.bp2 .evl .r .btn{grid-column:2;justify-self:start;padding:8px 12px;font-size:13px}
}
.bp2 a.vid{background:#1A1A1A center/cover}
.bp2 .vid.empty{background:repeating-linear-gradient(135deg,#1A1A1A 0 12px,#222 12px 24px)}
.bp2 .img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;margin-bottom:16px}
.bp2 .evs{display:grid;gap:12px}
.bp2 .ev.nt,.bp2 .ev.nd{grid-template-columns:minmax(0,1fr)}
.bp2 .rsvp{font:700 10.5px/1 'JetBrains Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:#075DC6}
.bp2 .btn.sm{padding:8px 12px;font-size:13px}
.bp2 .notch.in i.f{background:#1E9E62}
.bp2 .ft b{font-family:Anton,Impact,sans-serif;font-weight:400;font-size:22px;color:#fff;text-transform:uppercase}
.bp2 .cal span i{margin-top:3px}

/* LIVE [7.82 · v7.87 · 4 Oct 2026] — what the port adds to the mock's sheet.
   · the desk mounts the paper inside the app's own stylesheets, and three names collide there: the global .btn
     (min-height 46, centred, its own ghost hover), the desk composer's own .nb grid, and .dk a:hover's underline;
   · the video plays in place (an iframe takes the poster's box);
   · a disabled key (the Join key while it sends). */
.bp2 .btn{min-height:0;justify-content:flex-start;transition:none;transform:none}
.bp2 .btn.ghost:hover{background:#075DC6;color:#fff}
.bp2 a.btn:hover,.bp2 a.vid:hover{text-decoration:none}
.bp2 .btn[disabled]{opacity:.6;cursor:default}
.bp2 iframe.vid{aspect-ratio:16/9;width:100%;border:0;display:block;margin-bottom:18px;background:#0A0A0A}
.bp2 a.vid{display:grid}
.dk .bp2 .nb{display:block}
.dk .nb-prev .bp2{width:100%}

/* [7.95] the See bars are real buttons · the week at a glance · Raised the Bar on a blue band (the colour break the Week in Iron used to give) */
.bp2 .more{margin:22px 0 0;border-top:0;padding-bottom:26px}
.bp2 .more>summary{justify-content:center;gap:10px;padding:16px 20px;border-radius:4px;background:#0A0A0A;color:#fff!important;font:800 16px/1 'Barlow Condensed',sans-serif;letter-spacing:.08em;text-transform:uppercase}
.bp2 .more>summary:hover{background:#2A2A2A}
.bp2 .more[open]>summary{background:#fff;color:#0A0A0A!important;box-shadow:inset 0 0 0 2px #0A0A0A}
.bp2 .nut .more>summary{background:#0F6B45}.bp2 .nut .more>summary:hover{background:#0B5536}.bp2 .nut .more[open]>summary{background:#fff;color:#0F6B45!important;box-shadow:inset 0 0 0 2px #0F6B45}
.bp2 .more .in{padding:16px 0 0}
.bp2 .sec.blu{background:#075DC6;color:#fff}
.bp2 .blu .sh{border-color:#fff}.bp2 .blu .sh .no,.bp2 .blu .sh h2{color:#fff}.bp2 .blu .sh .k{color:#D6E6FA}
.bp2 .blu .top .card:first-child{border-color:#0A0A0A}
.bp2 .blu .more>summary{background:#fff;color:#075DC6!important}.bp2 .blu .more>summary:hover{background:#E5EFFC}
.bp2 .blu .more[open]>summary{background:transparent;color:#fff!important;box-shadow:inset 0 0 0 2px #fff}
.bp2 .blu .more .in{margin-top:12px;background:#fff;color:#111;border-radius:4px;padding:6px 16px 16px}
.bp2 .wk7{display:grid;grid-template-columns:repeat(var(--n,7),minmax(0,1fr));gap:6px;margin-top:16px}
.bp2 .wk7 .dy{border:2px solid #111;background:#fff;padding:10px 6px 11px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;min-width:0}
.bp2 .wk7 em{font:700 11px/1 'JetBrains Mono',monospace;font-style:normal;letter-spacing:.1em;text-transform:uppercase;color:#5C5C5C}
.bp2 .wk7 i{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#0A0A0A;color:#fff}
.bp2 .wk7 i svg{width:24px;height:24px}
.bp2 .wk7 b{font:800 14px/1 'Barlow Condensed',sans-serif;text-transform:uppercase}
.bp2 .wk7 .nm{font:500 11px/1.25 Inter,system-ui,sans-serif;color:#5C5C5C;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bp2 .wk7 .bench{border-color:#075DC6}.bp2 .wk7 .bench i{background:#075DC6}.bp2 .wk7 .bench b{color:#075DC6}
.bp2 .wk7 .heavy i{background:#B0730C}
.bp2 .wk7 .rest{border:2px dashed #C9C9C9;background:#F5F5F5}.bp2 .wk7 .rest i{background:#fff;color:#8E8E8E;box-shadow:inset 0 0 0 2px #D9D9D9}.bp2 .wk7 .rest b{color:#8E8E8E}
@container (max-width:560px){
.bp2 .more{margin:20px 0 0;padding-bottom:22px}.bp2 .more>summary{padding:15px 16px}.bp2 .more .in{padding:14px 0 0}
.bp2 .wk7{gap:4px}.bp2 .wk7 .dy{padding:8px 2px 9px;gap:5px}.bp2 .wk7 i{width:32px;height:32px}.bp2 .wk7 i svg{width:18px;height:18px}.bp2 .wk7 b{font-size:11px}.bp2 .wk7 .nm{display:none}.bp2 .wk7 em{font-size:9.5px}
}

/* [7.99 · v8.0] THE CLUBS */
.bp2 .clb{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}
.bp2 .clb .ct{border:2px solid var(--c);border-radius:12px;padding:14px 12px;background:#fff;color:var(--c);display:flex;flex-direction:column;gap:6px;min-width:0}
.bp2 .clb .ct.in{background:var(--c);color:#fff}
.bp2 .clb h3{margin:0;font-family:Anton,Impact,sans-serif;overflow-wrap:normal;word-break:keep-all;font-weight:400;font-size:21px;letter-spacing:.02em;line-height:.95;text-transform:uppercase}  /* [v8.8] app.html defines no --font-* vars, so the var() made the whole rule invalid (Inter) and the names broke mid-word */
.bp2 .clb p{margin:4px 0 0;font-weight:700;font-size:13px;line-height:1.3;color:inherit}
.bp2 .clb small{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;color:#5C5C5C}.bp2 .clb .ct.in small{color:rgba(255,255,255,.88)}
.bp2 .clb .st{margin-top:auto;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.bp2 .clb .st.lk{color:#5C5C5C}
.bp2 .clb .btn{margin-top:auto;align-self:flex-start;background:var(--c);border-color:var(--c);color:#fff;text-decoration:none}.bp2 .clb .btn:hover{background:var(--c);filter:brightness(1.12)}
@media(max-width:520px){.bp2 .clb{grid-template-columns:minmax(0,1fr)}}
.bp2 .clbw{display:grid;gap:10px}
.bp2 .clbw .cw{background:#fff;border:1px solid #E2E2E2;border-top:4px solid var(--c);border-radius:8px;padding:12px 14px}
.bp2 .clbw .h{display:flex;justify-content:space-between;gap:10px;align-items:baseline;flex-wrap:wrap}
.bp2 .clbw .h b{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--c)}
.bp2 .clbw .h span{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;color:#5C5C5C}
.bp2 .clbw h3{margin:6px 0 0;font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:20px;letter-spacing:.02em;text-transform:uppercase;line-height:1.05}
.bp2 .clbw ul{margin:6px 0 0;padding:0;list-style:none;font-size:13px;line-height:1.5}
.bp2 .clbw .og{margin:8px 0 0;font-size:12.5px}.bp2 .clbw .og em{font-style:normal;font-weight:800;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--c);margin-right:4px}
.bp2 .clbw .tbc{margin:6px 0 0;font-size:13px;color:#5C5C5C}
