/* SuperQ: the printed documents (2026-10-05). ONE DOCUMENT SYSTEM for everything a person can save: the Summary, the Full profile, and the Guide report (their own, a teammate's, a public link's). They had grown separately: three heading styles, text from 7.5pt to 13.5pt, own words drawn three ways, no page numbers, and pages that ended a third full. This file is loaded last, for print only, and outside the colour themes on purpose: a saved document is plum on white whatever theme the screen is in. THE SYSTEM page Letter, 18mm side margins; a footer with the page number header wordmark and date on one line, the title, one plum rule section 15pt display, plum, a hairline under it; never last on a page label 7.5pt caps, tracked, plum (amber for what a thing costs) body 10.5pt / 1.5; secondary 9.5pt; nothing under 8.5pt quote the person's own words: a plum bar, the label, the line at 12pt rows label left, answer right, a hairline between */ @page { size: Letter; margin: 17mm 18mm 19mm; } @page { @bottom-left { content: "SuperQ"; font: 600 8pt "Sora", sans-serif; color: #8E3F6C; letter-spacing: .04em; } @bottom-right { content: counter(page) " / " counter(pages); font: 500 8pt "Plus Jakarta Sans", sans-serif; color: #7A7184; } } @media print { :root { --pp:#8E3F6C; --pp-deep:#5C2A4E; --pa:#946124; --pink:#1D1A22; --psoft:#4A4352; --pfaint:#7A7184; --pline:#DDD6E0; } body[data-printing] { background:#fff !important; color:var(--pink) !important; font:400 10.5pt/1.5 "Plus Jakarta Sans",sans-serif !important; } body[data-printing] * { text-shadow:none !important; box-shadow:none !important; } body[data-printing] .page { max-width:none !important; padding:0 !important; margin:0 !important; } body[data-printing] p { orphans:3; widows:3; } /* ---------- the header, the same on every document ---------- */ body[data-printing^="profile"] .sqprint-head, body[data-printing="guide"] .hero { display:block !important; margin:0 0 16pt !important; padding:0 0 12pt !important; border:0 !important; border-bottom:1.5pt solid var(--pp) !important; border-radius:0 !important; background:none !important; } body[data-printing^="profile"] .sqprint-kick, body[data-printing="guide"] .hero .gmark { display:flex !important; align-items:baseline; gap:8pt; margin:0 0 14pt !important; font:500 8pt/1 "Plus Jakarta Sans",sans-serif !important; letter-spacing:.04em !important; text-transform:none !important; color:var(--pfaint) !important; } body[data-printing="guide"] .hero .gmark b { font:800 13pt/1 "Sora",sans-serif !important; letter-spacing:-.03em; color:var(--pink) !important; } body[data-printing="guide"] .hero .gmark em { font-style:normal; color:var(--pfaint) !important; } body[data-printing="guide"] .hero::after { display:none !important; } body[data-printing^="profile"] .sqprint-title, body[data-printing="guide"] .hero h1, body[data-printing="guide"] .hero .archetype { display:block !important; margin:0 0 5pt !important; padding:0 !important; border:0 !important; font:800 24pt/1.1 "Sora",sans-serif !important; letter-spacing:-.03em !important; color:var(--pink) !important; background:none !important; -webkit-text-fill-color:var(--pink) !important; text-decoration:none !important; } body[data-printing="guide"] .hero .kick { display:block !important; margin:0 0 5pt !important; padding:0 !important; border:0 !important; font:600 7.5pt/1.3 "Sora",sans-serif !important; letter-spacing:.14em !important; text-transform:uppercase !important; color:var(--pp) !important; } body[data-printing^="profile"] .sqprint-sub { display:block !important; margin:0 0 5pt !important; font:600 12pt/1.3 "Sora",sans-serif !important; color:var(--pp) !important; } body[data-printing^="profile"] .sqprint-head .codes { margin:0 !important; } body[data-printing^="profile"] .sqprint-head .codes.sqwords span { font:600 9.5pt/1.4 "Sora",sans-serif !important; color:var(--psoft) !important; } body[data-printing^="profile"] .sqprint-note, body[data-printing="guide"] .hero .essence { display:block !important; margin:8pt 0 0 !important; max-width:none !important; font:400 9pt/1.45 "Plus Jakarta Sans",sans-serif !important; color:var(--pfaint) !important; } /* ---------- sections ---------- */ body[data-printing^="profile"] h2.sqh2.sqsec, body[data-printing="guide"] .lenshead, body[data-printing^="profile"] .sqhole-print > .eyebrow { display:block !important; margin:18pt 0 9pt !important; padding:0 0 5pt !important; border:0 !important; border-bottom:.75pt solid var(--pline) !important; font:700 15pt/1.2 "Sora",sans-serif !important; letter-spacing:-.015em !important; text-transform:none !important; color:var(--pp) !important; break-after:avoid; page-break-after:avoid; } body[data-printing^="profile"] h2.sqh2.sqsec::before, body[data-printing="guide"] .lenshead::before { display:none !important; content:none !important; } body[data-printing^="profile"] h2.sqh2.sqsec > .eyebrow { display:inline !important; margin-left:8pt; font:400 8.5pt/1 "Plus Jakarta Sans",sans-serif !important; letter-spacing:0 !important; text-transform:none !important; color:var(--pfaint) !important; } body[data-printing^="profile"] h2.sqh2.sqsec > .eyebrow::first-letter { text-transform:uppercase; } body[data-printing] .block, body[data-printing] section.block { margin:0 !important; padding:0 !important; border:0 !important; } body[data-printing="guide"] .lens { margin:0 !important; padding:0 !important; border:0 !important; } /* ---------- the label ---------- */ body[data-printing^="profile"] .sqgrowth .movelabel, body[data-printing^="profile"] .sqtwo .movelabel, body[data-printing="guide"] .gmiss .eyebrow, body[data-printing^="profile"] .sqhole-print .grule h4 { display:block !important; margin:0 0 3pt !important; padding:0 !important; border:0 !important; font:600 7.5pt/1.35 "Sora",sans-serif !important; letter-spacing:.13em !important; text-transform:uppercase !important; color:var(--pp) !important; } /* ---------- the person's own words: one quote, everywhere ---------- */ body[data-printing="guide"] .gmiss, body[data-printing^="profile"] .sqhole-print .grule { display:block !important; margin:0 0 9pt !important; padding:1pt 0 2pt 10pt !important; border:0 !important; border-left:2pt solid var(--pp) !important; border-radius:0 !important; background:none !important; break-inside:avoid; page-break-inside:avoid; } body[data-printing="guide"] .gmiss::before { display:none !important; } body[data-printing="guide"] .gmiss p, body[data-printing^="profile"] .sqhole-print .grule p { margin:0 !important; max-width:none !important; font:600 11.5pt/1.4 "Sora",sans-serif !important; letter-spacing:-.005em !important; color:var(--pink) !important; } body[data-printing="guide"] .gmiss p::first-letter { text-transform:uppercase; } body[data-printing="guide"] .gmiss:not(.gown) { border-left-color:var(--pline) !important; } body[data-printing="guide"] .gmiss:not(.gown) p { font:400 10.5pt/1.5 "Plus Jakarta Sans",sans-serif !important; } body[data-printing="guide"] .lens > section.block:has(> .gmiss) { margin:0 !important; } /* ---------- rows: label left, answer right ---------- */ body[data-printing="guide"] .lens > section.block > .eyebrow:first-child { display:block !important; margin:12pt 0 2pt !important; padding:0 !important; border:0 !important; font:700 11pt/1.3 "Sora",sans-serif !important; letter-spacing:-.005em !important; text-transform:none !important; color:var(--pink) !important; } body[data-printing="guide"] .lens > section.block > .eyebrow:first-child::before { display:none !important; } body[data-printing="guide"] .tells { margin:0 !important; padding:0 !important; border:0 !important; } body[data-printing="guide"] .tell { display:grid !important; grid-template-columns:34% 1fr; column-gap:14pt; align-items:baseline; margin:0 !important; padding:5pt 0 !important; border:0 !important; border-top:.5pt solid var(--pline) !important; } body[data-printing="guide"] .tell .sig { margin:0 !important; font:600 9.5pt/1.4 "Plus Jakarta Sans",sans-serif !important; letter-spacing:0 !important; color:var(--psoft) !important; } body[data-printing="guide"] .tell .mean { margin:0 !important; max-width:none !important; font:400 10.5pt/1.4 "Plus Jakarta Sans",sans-serif !important; color:var(--pink) !important; } body[data-printing="guide"] .hint, body[data-printing="guide"] .lensblank, body[data-printing="guide"] .lens > section.block:has(> p.hint:only-child) { display:none !important; } body[data-printing="guide"] .advisory, body[data-printing^="profile"] .advisory { margin:14pt 0 0 !important; padding:8pt 0 0 !important; border-top:.5pt solid var(--pline) !important; font:400 8.5pt/1.45 "Plus Jakarta Sans",sans-serif !important; color:var(--pfaint) !important; max-width:none !important; } /* ---------- the profile ---------- */ body[data-printing^="profile"] .sqessence { display:grid !important; grid-template-columns:1fr 150pt; column-gap:20pt; align-items:start; margin:0 !important; padding:0 !important; } body[data-printing^="profile"] .sqessence .sqshape-wrap { grid-column:2; grid-row:1 / span 3; width:150pt !important; margin:0 !important; } body[data-printing^="profile"] .sqessence .sqcoreprose { grid-column:1; } body[data-printing^="profile"] .sqessence .sqcore { margin:0 !important; font:400 11.5pt/1.5 "Plus Jakarta Sans",sans-serif !important; color:var(--pink) !important; } body[data-printing^="profile"] .sqessence .sqquote { display:block !important; margin:9pt 0 0 !important; padding:1pt 0 2pt 10pt !important; border:0 !important; border-left:2pt solid var(--pa) !important; font:600 11pt/1.4 "Sora",sans-serif !important; color:var(--psoft) !important; } body[data-printing^="profile"] .sqpair { display:grid !important; grid-template-columns:1fr 1fr; column-gap:22pt; margin:0 !important; } body[data-printing^="profile"] .sqwall { margin:0 !important; padding:0 !important; border:0 !important; border-radius:0 !important; background:none !important; } body[data-printing^="profile"] .sqwall > h2.sqh2.sqsec { font-size:12pt !important; margin-top:16pt !important; } body[data-printing^="profile"] .sqwall.am > h2.sqh2.sqsec { color:var(--pa) !important; } body[data-printing^="profile"] .sqwall-sub, body[data-printing^="profile"] .sqwall-n { display:none !important; } body[data-printing^="profile"] .sqtiles { display:block !important; margin:0 !important; } body[data-printing^="profile"] .sqtile { display:block !important; margin:0 0 7pt !important; padding:0 0 0 9pt !important; border:0 !important; border-left:1.5pt solid var(--pp) !important; border-radius:0 !important; background:none !important; font:700 10.5pt/1.35 "Sora",sans-serif !important; letter-spacing:0 !important; color:var(--pink) !important; break-inside:avoid; } body[data-printing^="profile"] .sqtile.minus { border-left-color:var(--pa) !important; } body[data-printing^="profile"] .sqtile::before { display:none !important; } body[data-printing^="profile"] .sqtile .sqclamp { display:block !important; } body[data-printing^="profile"] .sqtile .sqwhy { margin:1pt 0 0 !important; font:400 9.5pt/1.45 "Plus Jakarta Sans",sans-serif !important; color:var(--psoft) !important; } /* row-gap: "The move" sits in the second row under the development area, and with no gap its label ran into the paragraph above (2026-10-08). */ body[data-printing^="profile"] .sqgrowth3 { display:grid !important; grid-template-columns:1fr 1fr; column-gap:22pt; row-gap:10pt; margin:0 !important; } body[data-printing^="profile"] .sqgrowth3 .sqp { margin:0 !important; padding:0 !important; border:0 !important; background:none !important; } /* The screen clamps these paragraphs to eight lines; on paper the box kept the clamped height while the text ran on, so "The move" printed over the development area's last line (2026-10-08). Paper shows the whole thing. */ body[data-printing] .sqclamp { display:block !important; max-height:none !important; -webkit-line-clamp:unset !important; overflow:visible !important; } /* The grid's row gap is overridden by a gap shorthand elsewhere (measured 0 under print media), so the second row carries its own clearance. */ body[data-printing^="profile"] .sqgrowth3 .sqp.act { margin-top:10pt !important; } body[data-printing^="profile"] .sqgrowth3 .sqp.dev .movelabel { color:var(--pa) !important; } body[data-printing^="profile"] .sqgrowth3 .sqp p, body[data-printing^="profile"] .sqtwo .sqp p { margin:0 !important; font:400 10.5pt/1.5 "Plus Jakarta Sans",sans-serif !important; color:var(--pink) !important; } body[data-printing^="profile"] .sqrecs ol { display:grid !important; grid-template-columns:1fr 1fr; gap:6pt 22pt; margin:0 !important; padding:0 !important; list-style:none !important; counter-reset:none !important; } body[data-printing^="profile"] .sqrecs ol li { display:block !important; position:relative; margin:0 !important; padding:0 0 0 11pt !important; border:0 !important; background:none !important; font:400 10.5pt/1.45 "Plus Jakarta Sans",sans-serif !important; color:var(--pink) !important; break-inside:avoid; } body[data-printing^="profile"] .sqrecs ol li::before { content:"" !important; position:absolute; left:0; top:5.5pt; width:4pt; height:4pt; margin:0 !important; border:0 !important; border-radius:50%; background:var(--pp) !important; } body[data-printing^="profile"] .sqtwo { display:block !important; margin:0 !important; } body[data-printing^="profile"] .sqtwo .sqp { display:grid !important; grid-template-columns:26% 1fr; column-gap:14pt; margin:0 !important; padding:7pt 0 !important; border:0 !important; border-top:.5pt solid var(--pline) !important; background:none !important; break-inside:avoid; } body[data-printing^="profile"] .sqtwo .sqp:first-child { border-top:0 !important; padding-top:0 !important; } body[data-printing^="profile"] .sqintro { margin:0 0 8pt !important; font:400 9.5pt/1.45 "Plus Jakarta Sans",sans-serif !important; color:var(--pfaint) !important; max-width:none !important; } body[data-printing^="profile"] .sqcards { display:grid !important; grid-template-columns:1fr 1fr; gap:0 22pt; margin:0 !important; } body[data-printing^="profile"] .sqcards .sqcard { margin:0 !important; padding:7pt 0 8pt !important; border:0 !important; border-top:.5pt solid var(--pline) !important; background:none !important; break-inside:avoid; } body[data-printing^="profile"] .sqcards .sqcard .movelabel { display:block !important; margin:0 0 2pt !important; padding:0 !important; border:0 !important; font:700 10.5pt/1.35 "Sora",sans-serif !important; letter-spacing:0 !important; text-transform:none !important; color:var(--pp) !important; } body[data-printing^="profile"] .sqcards .sqcard .sqlean { font:500 8.5pt/1 "Plus Jakarta Sans",sans-serif !important; letter-spacing:.04em; text-transform:uppercase; color:var(--pfaint) !important; margin-left:5pt; } body[data-printing^="profile"] .sqcards .sqcard .movetext { margin:0 !important; font:400 10.5pt/1.5 "Plus Jakarta Sans",sans-serif !important; color:var(--pink) !important; } body[data-printing^="profile"] .sqcards .sqcard .sqmore p { margin:2pt 0 0 !important; font:400 9.5pt/1.45 "Plus Jakarta Sans",sans-serif !important; color:var(--psoft) !important; } body[data-printing^="profile"] .sqthread-up { display:none !important; } body[data-printing^="profile"] .squnder { grid-column:1 / -1 !important; } body[data-printing^="profile"] .squnder .sqtend { display:grid !important; grid-template-columns:1fr 1fr; gap:0 22pt; columns:auto !important; margin:4pt 0 0 !important; } body[data-printing^="profile"] .squnder .sqtend-g { margin:0 !important; padding:4pt 0 !important; border:0 !important; } body[data-printing^="profile"] .squnder .sqtend-g > .movetext { font:500 10pt/1.4 "Plus Jakarta Sans",sans-serif !important; color:var(--pink) !important; } body[data-printing^="profile"] .squnder > .sqmore { margin:6pt 0 0 !important; padding:6pt 0 0 !important; border-top:.5pt solid var(--pline) !important; } body[data-printing^="profile"] .squnder .sqday-line { margin:2pt 0 0 !important; padding:0 !important; border:0 !important; font:400 9.5pt/1.45 "Plus Jakarta Sans",sans-serif !important; color:var(--psoft) !important; } body[data-printing^="profile"] .squnder > .movetext { margin:6pt 0 0 !important; padding:0 !important; border:0 !important; font:400 10pt/1.45 "Plus Jakarta Sans",sans-serif !important; } /* the full profile's second part follows on; it does not need a page of its own */ body[data-printing^="profile"] section.block { break-before:auto !important; page-break-before:auto !important; } } @media print { /* HEADINGS STAY WITH WHAT THEY HEAD (2026-10-08). "Under pressure, your pattern is / A balanced read" sat alone at the foot of page 5 with its body on page 6, and "How you tend to run" at the foot of page 6 with the figure on page 7. An eyebrow or a heading never ends a page; the pattern-name block and the signature figure never split. */ body[data-printing^="profile"] :is(.eyebrow, h2, h3, h4, .movelabel) { break-after:avoid; page-break-after:avoid; } body[data-printing^="profile"] section.block:has(> h2.archetype) { break-inside:avoid; page-break-inside:avoid; } body[data-printing^="profile"] .sqsig-wrap { break-inside:avoid; page-break-inside:avoid; break-before:avoid; } /* Nothing forces a new page; sections follow on and break where they must. */ body[data-printing] h2, body[data-printing] .sqdepth, body[data-printing] .sqdepth > *, body[data-printing] .sqtwo, body[data-printing] .sqgrowth, body[data-printing] .sqrecs, body[data-printing] .sqcards, body[data-printing] .sqhole-print { break-before:auto !important; page-break-before:auto !important; } body[data-printing^="profile"] .sqrecs, body[data-printing^="profile"] .sqessence { break-inside:auto !important; } /* Page 1 holds the essence and both lists whole. */ body[data-printing^="profile"] .sqprint-head { margin-bottom:10pt !important; padding-bottom:10pt !important; } body[data-printing^="profile"] .sqprint-kick { margin-bottom:10pt !important; } body[data-printing^="profile"] h2.sqh2.sqsec { margin-top:15pt !important; } body[data-printing^="profile"] .sqprint-head + h2.sqh2.sqsec, body[data-printing^="profile"] .sqsecnav + h2.sqh2.sqsec { margin-top:0 !important; } body[data-printing^="profile"] .sqessence { grid-template-columns:1fr 176pt; } body[data-printing^="profile"] .sqessence .sqshape-wrap { width:176pt !important; margin-top:-8pt !important; } body[data-printing^="profile"] .sqessence .sqcore { font-size:11pt !important; } body[data-printing^="profile"] .sqwall > h2.sqh2.sqsec { margin-top:10pt !important; } body[data-printing^="profile"] .sqwall > h2.sqh2.sqsec > .eyebrow { display:none !important; } body[data-printing^="profile"] .sqtile { margin-bottom:6pt !important; } } @media print { body[data-printing^="profile"] [data-view="snapshot"] .squnder .sqtend-g > .movetext { font:500 10pt/1.4 "Plus Jakarta Sans",sans-serif !important; color:#1D1A22 !important; } body[data-printing^="profile"] [data-view="snapshot"] .squnder > .movetext { font:400 10pt/1.45 "Plus Jakarta Sans",sans-serif !important; } body[data-printing^="profile"] .squnder > .sqmore > .movelabel { margin:0 0 2pt !important; } /* A heading is never left at the foot of a page with one line under it. */ body[data-printing^="profile"] .sqintro { break-inside:avoid; break-after:avoid; page-break-after:avoid; } body[data-printing^="profile"] .sqhole-print .grules { break-inside:avoid; page-break-inside:avoid; } } @media print { /* Nothing that is only an invitation, and no heading with nothing under it. */ body[data-printing="guide"] .lens:not(:has(.gmiss, .tells, .grules)) { display:none !important; } body[data-printing="guide"] section.block:has(#sqGuideTo34), body[data-printing="guide"] .sqfine, body[data-printing="guide"] [data-journey] { display:none !important; } body[data-printing="guide"] .advisorywrap { margin:0 !important; padding:0 !important; border:0 !important; } body[data-printing="guide"] .lens > section.block:has(> .gmiss:not(.gown)) { margin-top:6pt !important; } } @media print { /* "IN MY OWN WORDS" STARTS ITS OWN PAGE, as a single column of whole quotes: the same quote the Guide report uses. A forced break is the one page instruction every browser honours, and it suits the content: the person's own words are the page somebody else is handed. (section.block.sqhole-print, not .sqhole-print: the "nothing forces a new page" rule above names section.block and would outrank it.) */ body[data-printing^="profile"] section.block.sqhole-print { display:block !important; break-before:page !important; page-break-before:always !important; } body[data-printing^="profile"] .sqhole-print > .eyebrow { margin-top:0 !important; } body[data-printing^="profile"] .sqhole-print .grules { display:block !important; columns:auto !important; } body[data-printing^="profile"] .sqhole-print .grule { display:block !important; break-inside:avoid !important; page-break-inside:avoid !important; } /* The Guide report keeps a group of answers with its heading. */ body[data-printing="guide"] .lens > section.block:has(> .tells) { break-inside:avoid; page-break-inside:avoid; } /* The intro line of The Whole You is not split across pages. */ body[data-printing^="profile"] .sqintro { display:inline-block !important; width:100% !important; } } @media print { /* A TEAMMATE'S GUIDE, SAVED FROM THE DRAWER: the drawer is the document. */ body[data-printing="guide"][data-printsrc="drawer"] .view { display:none !important; } body[data-printing="guide"][data-printsrc="drawer"] .drawer { display:block !important; position:static !important; transform:none !important; inset:auto !important; width:auto !important; max-width:none !important; height:auto !important; overflow:visible !important; margin:0 !important; padding:0 !important; border:0 !important; background:#fff !important; opacity:1 !important; visibility:visible !important; } body[data-printing="guide"][data-printsrc="drawer"] .drawer .dava, body[data-printing="guide"][data-printsrc="drawer"] .drawer .dlink, body[data-printing="guide"][data-printsrc="drawer"] .drawer .dclose, body[data-printing="guide"][data-printsrc="drawer"] .drawer .sqback { display:none !important; } /* Their name is the title; the guide's own header follows it as the line under. */ body[data-printing="guide"][data-printsrc="drawer"] .drawer .dtitle { margin:0 0 3pt !important; font:800 24pt/1.1 "Sora",sans-serif !important; letter-spacing:-.03em !important; color:#1D1A22 !important; } body[data-printing="guide"][data-printsrc="drawer"] .drawer .drole { margin:0 0 10pt !important; font:600 12pt/1.3 "Sora",sans-serif !important; color:#8E3F6C !important; } body[data-printing="guide"][data-printsrc="drawer"] .drawer .hero .gmark { margin-bottom:8pt !important; } body[data-printing="guide"][data-printsrc="drawer"] .drawer > p.hint { display:none !important; } } /* ---------- the team record (team.js printRecord) ---------- */ #sqTeamRecord { display:none; } @media print { body[data-printing="team-record"] > *:not(#sqTeamRecord) { display:none !important; } body[data-printing="team-record"] #sqTeamRecord { display:block !important; color:var(--pink); } #sqTeamRecord .sqrec-head { margin:0 0 16pt; padding:0 0 12pt; border-bottom:1.5pt solid var(--pp); } #sqTeamRecord .sqrec-kick { margin:0 0 14pt; font:500 8pt/1 "Plus Jakarta Sans",sans-serif; color:var(--pfaint); letter-spacing:.04em; } #sqTeamRecord h1 { margin:0 0 5pt; font:800 24pt/1.1 "Sora",sans-serif; letter-spacing:-.03em; color:var(--pink); } #sqTeamRecord .sqrec-sub { margin:0; font:600 10.5pt/1.4 "Sora",sans-serif; color:var(--pp); } #sqTeamRecord h2 { margin:18pt 0 9pt; padding:0 0 5pt; border-bottom:.75pt solid var(--pline); font:700 15pt/1.2 "Sora",sans-serif; letter-spacing:-.015em; color:var(--pp); break-after:avoid; } #sqTeamRecord .sqrec-p { margin:0 0 8pt; font:400 10.5pt/1.5 "Plus Jakarta Sans",sans-serif; color:var(--pink); max-width:none; } #sqTeamRecord .sqrec-t { width:100%; border-collapse:collapse; margin:4pt 0 6pt; font:400 9.5pt/1.4 "Plus Jakarta Sans",sans-serif; } #sqTeamRecord .sqrec-t th { text-align:left; padding:0 8pt 5pt 0; font:600 7.5pt/1.3 "Sora",sans-serif; letter-spacing:.12em; text-transform:uppercase; color:var(--pfaint); border-bottom:.75pt solid var(--pline); } #sqTeamRecord .sqrec-t td { padding:6pt 8pt 6pt 0; vertical-align:top; border-bottom:.5pt solid var(--pline); color:var(--pink); } #sqTeamRecord .sqrec-t td b { font-weight:700; } #sqTeamRecord .sqrec-t td span { color:var(--pfaint); font-size:9pt; } #sqTeamRecord tr { break-inside:avoid; } }