/* ── Decorative rules · keyed gold renders, used on cream (s2) and dark (s3) ─────
   hairline is the default; data-rule on the section picks a render. */
.s2[data-rule="r01"] .s2-rule { border:0; height:auto; aspect-ratio:64.93; background:url(/second-chair-full/images/v3/rules/rule-r01.png) center / 100% 100% no-repeat; }
.s2[data-rule="r02"] .s2-rule { border:0; height:auto; aspect-ratio:34.21; background:url(/second-chair-full/images/v3/rules/rule-r02.png) center / 100% 100% no-repeat; }
.s2[data-rule="r03"] .s2-rule { border:0; height:auto; aspect-ratio:29.78; background:url(/second-chair-full/images/v3/rules/rule-r03.png) center / 100% 100% no-repeat; }
.s2[data-rule="r04"] .s2-rule { border:0; height:auto; aspect-ratio:24.45; background:url(/second-chair-full/images/v3/rules/rule-r04.png) center / 100% 100% no-repeat; }
.s2[data-rule="r05"] .s2-rule { border:0; height:auto; aspect-ratio:55.76; background:url(/second-chair-full/images/v3/rules/rule-r05.png) center / 100% 100% no-repeat; }
.s2[data-rule="r06"] .s2-rule { border:0; height:auto; aspect-ratio:37.28; background:url(/second-chair-full/images/v3/rules/rule-r06.png) center / 100% 100% no-repeat; }
.s3[data-rule="r01"] .s3-rule { border:0; height:auto; aspect-ratio:64.93; background:url(/second-chair-full/images/v3/rules/rule-r01.png) center / 100% 100% no-repeat; }
.s3[data-rule="r02"] .s3-rule { border:0; height:auto; aspect-ratio:34.21; background:url(/second-chair-full/images/v3/rules/rule-r02.png) center / 100% 100% no-repeat; }
.s3[data-rule="r03"] .s3-rule { border:0; height:auto; aspect-ratio:29.78; background:url(/second-chair-full/images/v3/rules/rule-r03.png) center / 100% 100% no-repeat; }
.s3[data-rule="r04"] .s3-rule { border:0; height:auto; aspect-ratio:24.45; background:url(/second-chair-full/images/v3/rules/rule-r04.png) center / 100% 100% no-repeat; }
.s3[data-rule="r05"] .s3-rule { border:0; height:auto; aspect-ratio:55.76; background:url(/second-chair-full/images/v3/rules/rule-r05.png) center / 100% 100% no-repeat; }
.s3[data-rule="r06"] .s3-rule { border:0; height:auto; aspect-ratio:37.28; background:url(/second-chair-full/images/v3/rules/rule-r06.png) center / 100% 100% no-repeat; }

/* hairline round, 21:9 at 2k */
.s2[data-rule="x01"] .s2-rule { border:0; height:auto; aspect-ratio:80.0; background:url(/second-chair-full/images/v3/rules/rule-x01.png) center / 100% 100% no-repeat; }
.s2[data-rule="x03"] .s2-rule { border:0; height:auto; aspect-ratio:77.12; background:url(/second-chair-full/images/v3/rules/rule-x03.png) center / 100% 100% no-repeat; }
.s2[data-rule="x04"] .s2-rule { border:0; height:auto; aspect-ratio:76.09; background:url(/second-chair-full/images/v3/rules/rule-x04.png) center / 100% 100% no-repeat; }
.s2[data-rule="x05"] .s2-rule { border:0; height:auto; aspect-ratio:88.14; background:url(/second-chair-full/images/v3/rules/rule-x05.png) center / 100% 100% no-repeat; }
.s2[data-rule="x06"] .s2-rule { border:0; height:auto; aspect-ratio:75.32; background:url(/second-chair-full/images/v3/rules/rule-x06.png) center / 100% 100% no-repeat; }
.s2[data-rule="x07"] .s2-rule { border:0; height:auto; aspect-ratio:57.59; background:url(/second-chair-full/images/v3/rules/rule-x07.png) center / 100% 100% no-repeat; }
.s2[data-rule="x08"] .s2-rule { border:0; height:auto; aspect-ratio:70.53; background:url(/second-chair-full/images/v3/rules/rule-x08.png) center / 100% 100% no-repeat; }
.s3[data-rule="x01"] .s3-rule { border:0; height:auto; aspect-ratio:80.0; background:url(/second-chair-full/images/v3/rules/rule-x01.png) center / 100% 100% no-repeat; }
.s3[data-rule="x03"] .s3-rule { border:0; height:auto; aspect-ratio:77.12; background:url(/second-chair-full/images/v3/rules/rule-x03.png) center / 100% 100% no-repeat; }
.s3[data-rule="x04"] .s3-rule { border:0; height:auto; aspect-ratio:76.09; background:url(/second-chair-full/images/v3/rules/rule-x04.png) center / 100% 100% no-repeat; }
.s3[data-rule="x05"] .s3-rule { border:0; height:auto; aspect-ratio:88.14; background:url(/second-chair-full/images/v3/rules/rule-x05.png) center / 100% 100% no-repeat; }
.s3[data-rule="x06"] .s3-rule { border:0; height:auto; aspect-ratio:75.32; background:url(/second-chair-full/images/v3/rules/rule-x06.png) center / 100% 100% no-repeat; }
.s3[data-rule="x07"] .s3-rule { border:0; height:auto; aspect-ratio:57.59; background:url(/second-chair-full/images/v3/rules/rule-x07.png) center / 100% 100% no-repeat; }
.s3[data-rule="x08"] .s3-rule { border:0; height:auto; aspect-ratio:70.53; background:url(/second-chair-full/images/v3/rules/rule-x08.png) center / 100% 100% no-repeat; }
.s2[data-rule="x02"] .s2-rule { border:0; height:auto; aspect-ratio:80.32; background:url(/second-chair-full/images/v3/rules/rule-x02.png) center / 100% 100% no-repeat; }
.s3[data-rule="x02"] .s3-rule { border:0; height:auto; aspect-ratio:80.32; background:url(/second-chair-full/images/v3/rules/rule-x02.png) center / 100% 100% no-repeat; }

/* stacked-sheet round: one 21:9 render at 2k split into eight rows; data-weight fine|medium|heavy */
.s2[data-rule="y01"] .s2-rule { border:0; height:auto; aspect-ratio:52.71; background:url(/second-chair-full/images/v3/rules/rule-y01-w2.png) center / 100% 100% no-repeat; }
.s2[data-rule="y01"][data-weight="fine"] .s2-rule { background-image:url(/second-chair-full/images/v3/rules/rule-y01-w1.png); }
.s2[data-rule="y01"][data-weight="heavy"] .s2-rule { background-image:url(/second-chair-full/images/v3/rules/rule-y01-w3.png); }
.s2[data-rule="y02"] .s2-rule { border:0; height:auto; aspect-ratio:53.81; background:url(/second-chair-full/images/v3/rules/rule-y02-w2.png) center / 100% 100% no-repeat; }
.s2[data-rule="y02"][data-weight="fine"] .s2-rule { background-image:url(/second-chair-full/images/v3/rules/rule-y02-w1.png); }
.s2[data-rule="y02"][data-weight="heavy"] .s2-rule { background-image:url(/second-chair-full/images/v3/rules/rule-y02-w3.png); }
.s2[data-rule="y03"] .s2-rule { border:0; height:auto; aspect-ratio:63.0; background:url(/second-chair-full/images/v3/rules/rule-y03-w2.png) center / 100% 100% no-repeat; }
.s2[data-rule="y03"][data-weight="fine"] .s2-rule { background-image:url(/second-chair-full/images/v3/rules/rule-y03-w1.png); }
.s2[data-rule="y03"][data-weight="heavy"] .s2-rule { background-image:url(/second-chair-full/images/v3/rules/rule-y03-w3.png); }
.s2[data-rule="y04"] .s2-rule { border:0; height:auto; aspect-ratio:53.17; background:url(/second-chair-full/images/v3/rules/rule-y04-w2.png) center / 100% 100% no-repeat; }
.s2[data-rule="y04"][data-weight="fine"] .s2-rule { background-image:url(/second-chair-full/images/v3/rules/rule-y04-w1.png); }
.s2[data-rule="y04"][data-weight="heavy"] .s2-rule { background-image:url(/second-chair-full/images/v3/rules/rule-y04-w3.png); }
.s2[data-rule="y05"] .s2-rule { border:0; height:auto; aspect-ratio:53.81; background:url(/second-chair-full/images/v3/rules/rule-y05-w2.png) center / 100% 100% no-repeat; }
.s2[data-rule="y05"][data-weight="fine"] .s2-rule { background-image:url(/second-chair-full/images/v3/rules/rule-y05-w1.png); }
.s2[data-rule="y05"][data-weight="heavy"] .s2-rule { background-image:url(/second-chair-full/images/v3/rules/rule-y05-w3.png); }
.s2[data-rule="y06"] .s2-rule { border:0; height:auto; aspect-ratio:53.81; background:url(/second-chair-full/images/v3/rules/rule-y06-w2.png) center / 100% 100% no-repeat; }
.s2[data-rule="y06"][data-weight="fine"] .s2-rule { background-image:url(/second-chair-full/images/v3/rules/rule-y06-w1.png); }
.s2[data-rule="y06"][data-weight="heavy"] .s2-rule { background-image:url(/second-chair-full/images/v3/rules/rule-y06-w3.png); }
.s2[data-rule="y07"] .s2-rule { border:0; height:auto; aspect-ratio:52.71; background:url(/second-chair-full/images/v3/rules/rule-y07-w2.png) center / 100% 100% no-repeat; }
.s2[data-rule="y07"][data-weight="fine"] .s2-rule { background-image:url(/second-chair-full/images/v3/rules/rule-y07-w1.png); }
.s2[data-rule="y07"][data-weight="heavy"] .s2-rule { background-image:url(/second-chair-full/images/v3/rules/rule-y07-w3.png); }
/* y08 locked 2026-10-04: fixed-size parts (caps + centre ornament from the 2k render) with a CSS hairline between, so the ornament and stroke stay the section-3 size at any width. gold #B8933F on cream, fine weight. */
.s2[data-rule="y08"] .s2-rule { border:0; display:flex; align-items:center; height:14px; padding:0 10px; gap:30px; box-sizing:border-box;
  background: url(/second-chair-full/images/v3/rules/rule-y08-w2-oldgold-l.png) left center / auto 14px no-repeat, url(/second-chair-full/images/v3/rules/rule-y08-w2-oldgold-r.png) right center / auto 14px no-repeat, url(/second-chair-full/images/v3/rules/rule-y08-w2-oldgold-c.png) center / auto 14px no-repeat; }
.s2[data-rule="y08"] .s2-rule::before, .s2[data-rule="y08"] .s2-rule::after { content:""; flex:1 1 0; height:1.5px; background:#B8933F; }
.s2[data-rule="y08"][data-weight="fine"] .s2-rule { background-image:url(/second-chair-full/images/v3/rules/rule-y08-w1-oldgold-l.png), url(/second-chair-full/images/v3/rules/rule-y08-w1-oldgold-r.png), url(/second-chair-full/images/v3/rules/rule-y08-w1-oldgold-c.png); }
.s2[data-rule="y08"][data-weight="fine"] .s2-rule::before, .s2[data-rule="y08"][data-weight="fine"] .s2-rule::after { height:1px; }
.s2[data-rule="y08"][data-weight="heavy"] .s2-rule { background-image:url(/second-chair-full/images/v3/rules/rule-y08-w3-oldgold-l.png), url(/second-chair-full/images/v3/rules/rule-y08-w3-oldgold-r.png), url(/second-chair-full/images/v3/rules/rule-y08-w3-oldgold-c.png); }
.s2[data-rule="y08"][data-weight="heavy"] .s2-rule::before, .s2[data-rule="y08"][data-weight="heavy"] .s2-rule::after { height:2px; }
.s3[data-rule="y01"] .s3-rule { border:0; height:auto; aspect-ratio:52.71; background:url(/second-chair-full/images/v3/rules/rule-y01-w2.png) center / 100% 100% no-repeat; }
.s3[data-rule="y01"][data-weight="fine"] .s3-rule { background-image:url(/second-chair-full/images/v3/rules/rule-y01-w1.png); }
.s3[data-rule="y01"][data-weight="heavy"] .s3-rule { background-image:url(/second-chair-full/images/v3/rules/rule-y01-w3.png); }
.s3[data-rule="y02"] .s3-rule { border:0; height:auto; aspect-ratio:53.81; background:url(/second-chair-full/images/v3/rules/rule-y02-w2.png) center / 100% 100% no-repeat; }
.s3[data-rule="y02"][data-weight="fine"] .s3-rule { background-image:url(/second-chair-full/images/v3/rules/rule-y02-w1.png); }
.s3[data-rule="y02"][data-weight="heavy"] .s3-rule { background-image:url(/second-chair-full/images/v3/rules/rule-y02-w3.png); }
.s3[data-rule="y03"] .s3-rule { border:0; height:auto; aspect-ratio:63.0; background:url(/second-chair-full/images/v3/rules/rule-y03-w2.png) center / 100% 100% no-repeat; }
.s3[data-rule="y03"][data-weight="fine"] .s3-rule { background-image:url(/second-chair-full/images/v3/rules/rule-y03-w1.png); }
.s3[data-rule="y03"][data-weight="heavy"] .s3-rule { background-image:url(/second-chair-full/images/v3/rules/rule-y03-w3.png); }
.s3[data-rule="y04"] .s3-rule { border:0; height:auto; aspect-ratio:53.17; background:url(/second-chair-full/images/v3/rules/rule-y04-w2.png) center / 100% 100% no-repeat; }
.s3[data-rule="y04"][data-weight="fine"] .s3-rule { background-image:url(/second-chair-full/images/v3/rules/rule-y04-w1.png); }
.s3[data-rule="y04"][data-weight="heavy"] .s3-rule { background-image:url(/second-chair-full/images/v3/rules/rule-y04-w3.png); }
.s3[data-rule="y05"] .s3-rule { border:0; height:auto; aspect-ratio:53.81; background:url(/second-chair-full/images/v3/rules/rule-y05-w2.png) center / 100% 100% no-repeat; }
.s3[data-rule="y05"][data-weight="fine"] .s3-rule { background-image:url(/second-chair-full/images/v3/rules/rule-y05-w1.png); }
.s3[data-rule="y05"][data-weight="heavy"] .s3-rule { background-image:url(/second-chair-full/images/v3/rules/rule-y05-w3.png); }
.s3[data-rule="y06"] .s3-rule { border:0; height:auto; aspect-ratio:53.81; background:url(/second-chair-full/images/v3/rules/rule-y06-w2.png) center / 100% 100% no-repeat; }
.s3[data-rule="y06"][data-weight="fine"] .s3-rule { background-image:url(/second-chair-full/images/v3/rules/rule-y06-w1.png); }
.s3[data-rule="y06"][data-weight="heavy"] .s3-rule { background-image:url(/second-chair-full/images/v3/rules/rule-y06-w3.png); }
.s3[data-rule="y07"] .s3-rule { border:0; height:auto; aspect-ratio:52.71; background:url(/second-chair-full/images/v3/rules/rule-y07-w2.png) center / 100% 100% no-repeat; }
.s3[data-rule="y07"][data-weight="fine"] .s3-rule { background-image:url(/second-chair-full/images/v3/rules/rule-y07-w1.png); }
.s3[data-rule="y07"][data-weight="heavy"] .s3-rule { background-image:url(/second-chair-full/images/v3/rules/rule-y07-w3.png); }
/* y08 locked 2026-10-04: fixed-size parts (caps + centre ornament from the 2k render) with a CSS hairline between, so the ornament and stroke stay the section-3 size at any width. gold register. */
.s3[data-rule="y08"] .s3-rule { border:0; display:flex; align-items:center; height:14px; padding:0 10px; gap:30px; box-sizing:border-box;
  background: url(/second-chair-full/images/v3/rules/rule-y08-w2-gold-l.png) left center / auto 14px no-repeat, url(/second-chair-full/images/v3/rules/rule-y08-w2-gold-r.png) right center / auto 14px no-repeat, url(/second-chair-full/images/v3/rules/rule-y08-w2-gold-c.png) center / auto 14px no-repeat; }
.s3[data-rule="y08"] .s3-rule::before, .s3[data-rule="y08"] .s3-rule::after { content:""; flex:1 1 0; height:1.5px; background:#DAAD50; }
.s3[data-rule="y08"][data-weight="fine"] .s3-rule { background-image:url(/second-chair-full/images/v3/rules/rule-y08-w1-gold-l.png), url(/second-chair-full/images/v3/rules/rule-y08-w1-gold-r.png), url(/second-chair-full/images/v3/rules/rule-y08-w1-gold-c.png); }
.s3[data-rule="y08"][data-weight="fine"] .s3-rule::before, .s3[data-rule="y08"][data-weight="fine"] .s3-rule::after { height:1px; }
.s3[data-rule="y08"][data-weight="heavy"] .s3-rule { background-image:url(/second-chair-full/images/v3/rules/rule-y08-w3-gold-l.png), url(/second-chair-full/images/v3/rules/rule-y08-w3-gold-r.png), url(/second-chair-full/images/v3/rules/rule-y08-w3-gold-c.png); }
.s3[data-rule="y08"][data-weight="heavy"] .s3-rule::before, .s3[data-rule="y08"][data-weight="heavy"] .s3-rule::after { height:2px; }

/* section 4 paper band: same y08 as section 2 */
/* y08 locked 2026-10-04: fixed-size parts (caps + centre ornament from the 2k render) with a CSS hairline between, so the ornament and stroke stay the section-3 size at any width. gold #B8933F on cream, fine weight. */
.s4[data-rule="y08"] .s4-rule { border:0; display:flex; align-items:center; height:14px; padding:0 10px; gap:30px; box-sizing:border-box;
  background: url(/second-chair-full/images/v3/rules/rule-y08-w2-oldgold-l.png) left center / auto 14px no-repeat, url(/second-chair-full/images/v3/rules/rule-y08-w2-oldgold-r.png) right center / auto 14px no-repeat, url(/second-chair-full/images/v3/rules/rule-y08-w2-oldgold-c.png) center / auto 14px no-repeat; }
.s4[data-rule="y08"] .s4-rule::before, .s4[data-rule="y08"] .s4-rule::after { content:""; flex:1 1 0; height:1.5px; background:#B8933F; }
.s4[data-rule="y08"][data-weight="fine"] .s4-rule { background-image:url(/second-chair-full/images/v3/rules/rule-y08-w1-oldgold-l.png), url(/second-chair-full/images/v3/rules/rule-y08-w1-oldgold-r.png), url(/second-chair-full/images/v3/rules/rule-y08-w1-oldgold-c.png); }
.s4[data-rule="y08"][data-weight="fine"] .s4-rule::before, .s4[data-rule="y08"][data-weight="fine"] .s4-rule::after { height:1px; }
.s4[data-rule="y08"][data-weight="heavy"] .s4-rule { background-image:url(/second-chair-full/images/v3/rules/rule-y08-w3-oldgold-l.png), url(/second-chair-full/images/v3/rules/rule-y08-w3-oldgold-r.png), url(/second-chair-full/images/v3/rules/rule-y08-w3-oldgold-c.png); }
.s4[data-rule="y08"][data-weight="heavy"] .s4-rule::before, .s4[data-rule="y08"][data-weight="heavy"] .s4-rule::after { height:2px; }
/* s5: same fine kit as s4 */
.s5[data-rule="y08"] .s5-rule { border:0; display:flex; align-items:center; height:14px; padding:0 10px; gap:30px; box-sizing:border-box;
  background: url(/second-chair-full/images/v3/rules/rule-y08-w2-oldgold-l.png) left center / auto 14px no-repeat, url(/second-chair-full/images/v3/rules/rule-y08-w2-oldgold-r.png) right center / auto 14px no-repeat, url(/second-chair-full/images/v3/rules/rule-y08-w2-oldgold-c.png) center / auto 14px no-repeat; }
.s5[data-rule="y08"] .s5-rule::before, .s5[data-rule="y08"] .s5-rule::after { content:""; flex:1 1 0; height:1.5px; background:#B8933F; }
.s5[data-rule="y08"][data-weight="fine"] .s5-rule { background-image:url(/second-chair-full/images/v3/rules/rule-y08-w1-oldgold-l.png), url(/second-chair-full/images/v3/rules/rule-y08-w1-oldgold-r.png), url(/second-chair-full/images/v3/rules/rule-y08-w1-oldgold-c.png); }
.s5[data-rule="y08"][data-weight="fine"] .s5-rule::before, .s5[data-rule="y08"][data-weight="fine"] .s5-rule::after { height:1px; }
.s5[data-rule="y08"][data-weight="heavy"] .s5-rule { background-image:url(/second-chair-full/images/v3/rules/rule-y08-w3-oldgold-l.png), url(/second-chair-full/images/v3/rules/rule-y08-w3-oldgold-r.png), url(/second-chair-full/images/v3/rules/rule-y08-w3-oldgold-c.png); }
.s5[data-rule="y08"][data-weight="heavy"] .s5-rule::before, .s5[data-rule="y08"][data-weight="heavy"] .s5-rule::after { height:2px; }