/* .c-HEX paints a background only on chips, dots and bars. Tiles, KP picks and scorecard heads use --tc for a stripe, so they are excluded (r9 QA). */
/* Palette, bar widths, and utility classes. Replaces style attributes so the strict CSP stays intact. */
.c-3E7CB1:where(:not(.tile,.pk,.ph)){background:#3E7CB1}
.tile.c-3E7CB1,.pk.c-3E7CB1,th.ph.c-3E7CB1,.swatch.c-3E7CB1{--tc:#3E7CB1}
.tm.c-3E7CB1{background:#3E7CB1;color:#fff}
.c-D9822B:where(:not(.tile,.pk,.ph)){background:#D9822B}
.tile.c-D9822B,.pk.c-D9822B,th.ph.c-D9822B,.swatch.c-D9822B{--tc:#D9822B}
.tm.c-D9822B{background:#D9822B;color:#fff}
.c-C8402F:where(:not(.tile,.pk,.ph)){background:#C8402F}
.tile.c-C8402F,.pk.c-C8402F,th.ph.c-C8402F,.swatch.c-C8402F{--tc:#C8402F}
.tm.c-C8402F{background:#C8402F;color:#fff}
.c-1F4D3A:where(:not(.tile,.pk,.ph)){background:#1F4D3A}
.tile.c-1F4D3A,.pk.c-1F4D3A,th.ph.c-1F4D3A,.swatch.c-1F4D3A{--tc:#1F4D3A}
.tm.c-1F4D3A{background:#1F4D3A;color:#fff}
.c-7B4FA0:where(:not(.tile,.pk,.ph)){background:#7B4FA0}
.tile.c-7B4FA0,.pk.c-7B4FA0,th.ph.c-7B4FA0,.swatch.c-7B4FA0{--tc:#7B4FA0}
.tm.c-7B4FA0{background:#7B4FA0;color:#fff}
.c-1B1B1B:where(:not(.tile,.pk,.ph)){background:#1B1B1B}
.tile.c-1B1B1B,.pk.c-1B1B1B,th.ph.c-1B1B1B,.swatch.c-1B1B1B{--tc:#1B1B1B}
.tm.c-1B1B1B{background:#1B1B1B;color:#fff}
.c-E9DFC6:where(:not(.tile,.pk,.ph)){background:#E9DFC6}
.tile.c-E9DFC6,.pk.c-E9DFC6,th.ph.c-E9DFC6,.swatch.c-E9DFC6{--tc:#E9DFC6}
.tm.c-E9DFC6{background:#E9DFC6;color:#1B1B1B}
.c-2F6A9C:where(:not(.tile,.pk,.ph)){background:#2F6A9C}
.tile.c-2F6A9C,.pk.c-2F6A9C,th.ph.c-2F6A9C,.swatch.c-2F6A9C{--tc:#2F6A9C}
.tm.c-2F6A9C{background:#2F6A9C;color:#fff}
.c-FFFFFF:where(:not(.tile,.pk,.ph)){background:#FFFFFF}
.tile.c-FFFFFF,.pk.c-FFFFFF,th.ph.c-FFFFFF,.swatch.c-FFFFFF{--tc:#FFFFFF}
.tm.c-FFFFFF{background:#FFFFFF;color:#1B1B1B}
.dim-1{filter:brightness(0.72)}
.dim-2{filter:brightness(0.52)}
.dim-3{filter:brightness(0.37)}
.dim-4{filter:brightness(0.27)}
.dim-5{filter:brightness(0.19)}
.dim-6{filter:brightness(0.14)}
.dim-7{filter:brightness(0.1)}
.dim-8{filter:brightness(0.07)}
.pct-0{width:0%}
.pct-1{width:1%}
.pct-2{width:2%}
.pct-3{width:3%}
.pct-4{width:4%}
.pct-5{width:5%}
.pct-6{width:6%}
.pct-7{width:7%}
.pct-8{width:8%}
.pct-9{width:9%}
.pct-10{width:10%}
.pct-11{width:11%}
.pct-12{width:12%}
.pct-13{width:13%}
.pct-14{width:14%}
.pct-15{width:15%}
.pct-16{width:16%}
.pct-17{width:17%}
.pct-18{width:18%}
.pct-19{width:19%}
.pct-20{width:20%}
.pct-21{width:21%}
.pct-22{width:22%}
.pct-23{width:23%}
.pct-24{width:24%}
.pct-25{width:25%}
.pct-26{width:26%}
.pct-27{width:27%}
.pct-28{width:28%}
.pct-29{width:29%}
.pct-30{width:30%}
.pct-31{width:31%}
.pct-32{width:32%}
.pct-33{width:33%}
.pct-34{width:34%}
.pct-35{width:35%}
.pct-36{width:36%}
.pct-37{width:37%}
.pct-38{width:38%}
.pct-39{width:39%}
.pct-40{width:40%}
.pct-41{width:41%}
.pct-42{width:42%}
.pct-43{width:43%}
.pct-44{width:44%}
.pct-45{width:45%}
.pct-46{width:46%}
.pct-47{width:47%}
.pct-48{width:48%}
.pct-49{width:49%}
.pct-50{width:50%}
.pct-51{width:51%}
.pct-52{width:52%}
.pct-53{width:53%}
.pct-54{width:54%}
.pct-55{width:55%}
.pct-56{width:56%}
.pct-57{width:57%}
.pct-58{width:58%}
.pct-59{width:59%}
.pct-60{width:60%}
.pct-61{width:61%}
.pct-62{width:62%}
.pct-63{width:63%}
.pct-64{width:64%}
.pct-65{width:65%}
.pct-66{width:66%}
.pct-67{width:67%}
.pct-68{width:68%}
.pct-69{width:69%}
.pct-70{width:70%}
.pct-71{width:71%}
.pct-72{width:72%}
.pct-73{width:73%}
.pct-74{width:74%}
.pct-75{width:75%}
.pct-76{width:76%}
.pct-77{width:77%}
.pct-78{width:78%}
.pct-79{width:79%}
.pct-80{width:80%}
.pct-81{width:81%}
.pct-82{width:82%}
.pct-83{width:83%}
.pct-84{width:84%}
.pct-85{width:85%}
.pct-86{width:86%}
.pct-87{width:87%}
.pct-88{width:88%}
.pct-89{width:89%}
.pct-90{width:90%}
.pct-91{width:91%}
.pct-92{width:92%}
.pct-93{width:93%}
.pct-94{width:94%}
.pct-95{width:95%}
.pct-96{width:96%}
.pct-97{width:97%}
.pct-98{width:98%}
.pct-99{width:99%}
.pct-100{width:100%}

.bar i.bar-fill{display:block;min-width:0}
.bar i.bar-rest{display:block;flex:1;min-width:8px}
.u-fs12{font-size:12px}.u-fs11{font-size:11px}.u-fs14{font-size:14px}
.u-mt4{margin-top:4px}.u-mt6{margin-top:6px}.u-mt8{margin-top:8px}.u-mt10{margin-top:10px}
.u-mt12{margin-top:12px}.u-mt14{margin-top:14px}.u-mt16{margin-top:16px}.u-mt18{margin-top:18px}
.u-mb6{margin-bottom:6px}.u-mb8{margin-bottom:8px}.u-mb12{margin-bottom:12px}.u-mb0{margin-bottom:0}
.u-pad10{padding:10px}.u-op70{opacity:.7}.u-op80{opacity:.8}.u-op85{opacity:.85}
.u-y{color:var(--y)}.u-soju-n{color:#2f6a9c}.u-phone{width:300px}.u-center{text-align:center}
.u-thl{text-align:left;padding-left:6px}.u-h26{font-size:26px;margin-top:4px}.u-h26b{font-size:26px;margin-top:18px}
.u-mono11{font:500 11px 'DM Mono',monospace}
.u-rrh{font:500 11px 'DM Mono',monospace;min-height:0;padding:6px 12px;opacity:.7}
.u-card12{padding:12px;margin:12px 0}.u-card16{padding:16px}
.u-admin{padding:28px 0}.u-adminf{padding:16px;max-width:420px}
.u-plain{padding:40px 0 64px}.u-subn{max-width:520px}.u-span{grid-column:1/-1}
.u-ybg{background:var(--y)}.u-tagm{background:#E9DFC6}.u-tags{background:#3E7CB1;color:#fff}
.u-who{margin:20px 2px}.u-who>b{font-size:14px}
.u-cta{font-size:12px;letter-spacing:2px;margin-top:16px}
.u-note{font-size:12px;margin-top:14px;opacity:.7}
.u-chatf{padding-bottom:20px}.u-hostg{margin-top:10px}.u-bang{margin-top:6px}
.u-flex{display:flex;gap:8px}.u-flex10{display:flex;gap:10px;flex-wrap:wrap}.u-flex6{display:flex;gap:6px}
.u-flexw{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.u-sum{position:static}.u-err{padding:10px;margin-bottom:12px}
.u-srow{display:flex;gap:8px}.u-srow>.in{flex:1}.u-srow>.btn{min-height:48px}
.u-kp{padding:2px 8px}.u-opt12{margin-top:12px}.u-paste{margin-top:8px}.u-h3{margin-top:14px}
.u-padb{padding:12px 14px}.u-pad18{padding:18px}
.u-join{font-size:11px;text-align:center;margin-top:12px;opacity:.7}
.u-fld6{margin-top:6px}
.u-optline{border-top:1.5px dashed var(--line);padding-top:12px}
.u-optend{border-top:1.5px dashed var(--line);padding-top:12px;padding-bottom:0}
.u-num120{max-width:120px}.u-span2{grid-column:span 2}.u-track{letter-spacing:1px}
.u-stack{margin-top:14px}.u-hintb{margin-bottom:8px}.u-hintm{margin:-4px 0 12px}
.u-gridmb{margin-bottom:12px}.u-share{margin-top:16px}.u-fn{flex:none}
.u-avy{background:var(--y)}.u-avsoju{background:var(--soju);color:#fff}.u-avmak{background:var(--mak);color:#fff}
.u-form8{margin-top:8px}.u-formb{margin-bottom:8px}
.hole-off{display:none!important}
table.qr-tbl{border-collapse:collapse;border:0;margin:0}
table.qr-tbl td{padding:0;border:0;line-height:0}
table.qr-tbl td.qr-on{background:#000}
table.qr-tbl td.qr-off{background:#fff}
.u-hint-top{margin-top:10px}
.u-details{margin-top:12px}
body, button, input, textarea, select{word-break:keep-all;overflow-wrap:anywhere}


/* r10 QA: phones under ~600px tall (iPhone SE 1st gen, Android with browser chrome). Give the four score tiles room so the -/+ steppers are not clipped. */
@media (max-height:600px){
  body.page-score .note:not(.announcing){display:none}
  body.page-score .note.announcing{margin:2px 8px 0;min-height:0;padding:1px 6px 1px 4px;font-size:11px}
  body.page-score .note.announcing .kim{width:18px;height:18px}
  body.page-score .note.announcing span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}
  body.page-score .abar.scorehead{padding-top:4px;padding-bottom:4px;min-height:0}
  body.page-score .legend{padding-top:1px;padding-bottom:1px}
  body.page-score .sub{padding-top:5px;padding-bottom:5px}
  body.page-score .lstrip.scorecup{padding-top:3px;padding-bottom:3px;min-height:0}
  body.page-score .grid{row-gap:6px}
}