/* GINTENT · extra options: results (x5). Tokens only; paper surfaces (PDF pages, script pages, storyboard panels) keep their paper colours. */

/* ================= SHARED ================= */
.x5-sh{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.x5-sh>.mono{font-size:11px;letter-spacing:.14em;color:var(--tx3)}
.x5-box2{background:var(--s1);border:1px solid var(--line);border-radius:var(--r3);padding:18px 20px;min-width:0}
.x5-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin:0 6px 0 12px;vertical-align:middle;background:var(--tx3)}
.x5-dot.ok{background:var(--ok)}.x5-dot.bad{background:var(--bad)}
.x5-key{display:inline-block;width:16px;height:2px;margin:0 6px 0 12px;vertical-align:middle;background:var(--tx3)}
.x5-key.sc{height:4px;background:var(--gold)}.x5-key.big{background:var(--tx)}.x5-key.is90{width:0;height:12px;margin-left:0;border-left:2px dashed var(--gold);background:none}
.x5-still{position:relative}
.x5-meta .small{color:var(--tx2)}
.x5-hm{font-size:inherit}
.x5-fix{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:var(--r2);background:var(--gold-soft);border:1px solid var(--gold-line)}
.x5-fix .mono{font-size:10px;letter-spacing:.16em;color:var(--gold)}
.x5-fix.ok{background:var(--ok-s);border-color:color-mix(in srgb,var(--ok) 35%,transparent)}.x5-fix.ok .mono{color:var(--ok)}
[data-dir="b"] .x5-sh>.mono{letter-spacing:.2em}

/* ================= REPORT HEAD · focus ruler ================= */
.x5-rf{display:flex;flex-direction:column;gap:22px;padding:28px 30px 26px;background:var(--s1);border:1px solid var(--line);border-radius:var(--r3)}
.x5-rf-top{display:flex;align-items:flex-start;gap:20px;justify-content:space-between}
.x5-rf-h{display:flex;flex-direction:column;gap:12px;min-width:0}
.x5-rf-h .d3{font-size:clamp(24px,2.6vw,36px);max-width:30ch}
.x5-rf-sc{position:relative;padding-top:96px}
.x5-rf-win{position:absolute;top:0;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 16px 10px;background:var(--bg);border:1px solid var(--gold-line);border-radius:var(--r2);min-width:108px;z-index:2}
.x5-rf-win::after{content:"";position:absolute;left:50%;bottom:-7px;width:12px;height:12px;background:var(--bg);border-right:1px solid var(--gold-line);border-bottom:1px solid var(--gold-line);transform:translateX(-50%) rotate(45deg)}
.x5-rf-win span{font-size:9.5px;letter-spacing:.18em;color:var(--tx3);white-space:nowrap}
.x5-rf-win b{font-size:52px;line-height:.95;font-weight:500;color:var(--gold);letter-spacing:-.03em}
[data-dir="b"] .x5-rf-win b{font-family:var(--f-d);font-stretch:var(--stretch);font-weight:800;font-size:64px;line-height:.85}
.x5-rf-rule{position:relative;height:34px;border-bottom:1px solid var(--line2)}
.x5-rf-rule>i{position:absolute;bottom:0;width:1px;height:9px;background:var(--line2)}
.x5-rf-rule>i.mj{height:20px;background:var(--tx3)}
.x5-rf-fill{position:absolute;left:0;bottom:-1px;height:3px;background:var(--gold)}
.x5-rf-pin{position:absolute;bottom:-6px;width:2px;height:42px;background:var(--gold);transform:translateX(-50%)}
.x5-rf-prev{position:absolute;bottom:-1px;width:11px;height:11px;border-radius:50%;border:2px solid var(--tx3);background:var(--s1);transform:translate(-50%,50%);z-index:1}
.x5-rf-cert{position:absolute;bottom:0;top:-4px;width:0;border-left:2px dashed var(--gold)}
.x5-rf-num{position:relative;height:20px;margin-top:10px}
.x5-rf-num em{position:absolute;transform:translateX(-50%);font-style:normal;font-size:11.5px;color:var(--tx3);white-space:nowrap;display:inline-flex;align-items:center;gap:4px}
.x5-rf-num em:first-child{transform:none}.x5-rf-num em:last-child{transform:translateX(-100%)}
.x5-rf-num em.gold{color:var(--gold)}
.x5-rf-lab{position:relative;height:20px;margin-top:2px}
.x5-rf-lab span{position:absolute;transform:translateX(-50%);font-size:12px;color:var(--tx2);white-space:nowrap;display:inline-flex;align-items:center;gap:6px}
.x5-rf-lab i{width:9px;height:9px;border-radius:50%;border:2px solid var(--tx3)}
.x5-rf-why{display:grid;grid-template-columns:1fr 1fr;gap:18px 28px;padding-top:18px;border-top:1px solid var(--line)}
.x5-rf-why .mono{font-size:10.5px;letter-spacing:.16em;color:var(--tx3);margin-bottom:8px}
.x5-rf .rep-act{padding-top:0;margin-top:0}
@media (max-width:760px){.x5-rf{padding:20px 16px}.x5-rf-top{flex-direction:column}.x5-rf-why{grid-template-columns:1fr}.x5-rf-win b{font-size:40px}[data-dir="b"] .x5-rf-win b{font-size:48px}.x5-rf-sc{padding-top:80px}.x5-rf-win{min-width:96px;padding:6px 10px 8px}}

/* ================= REPORT HEAD · score composition ================= */
.x5-rb{display:flex;flex-direction:column;gap:16px;padding:26px 28px;background:var(--s1);border:1px solid var(--line);border-radius:var(--r3)}
.x5-rb-h{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px;align-items:start}
.x5-rb-n{display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.x5-rb-n>.mono{font-size:10.5px;letter-spacing:.18em;color:var(--tx3)}
.x5-rb-n b{font-size:96px;line-height:.85;font-weight:500;color:var(--gold);letter-spacing:-.04em}
[data-dir="b"] .x5-rb-n b{font-family:var(--f-d);font-stretch:var(--stretch);font-weight:800;font-size:120px}
.x5-rb-v{display:flex;flex-direction:column;gap:12px;min-width:0}
.x5-rb-v .d4{max-width:36ch}
.x5-rb-v .rep-act{padding-top:2px}
.x5-rb-bar{display:flex;gap:2px;height:60px;margin-top:6px;border-radius:var(--r2);overflow:hidden}
.x5-rb-s{position:relative;min-width:0;display:flex;flex-direction:column;justify-content:space-between;padding:7px 8px;background:var(--gold);color:var(--gold-ink);overflow:hidden}
.x5-rb-s:nth-child(even){background:var(--gold2)}
.x5-rb-s em{font-style:normal;font-size:11px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.x5-rb-s b{font-size:15px;font-weight:600}
.x5-rb-s.lost{background:repeating-linear-gradient(-45deg,var(--bad-s) 0 6px,transparent 6px 12px);color:var(--bad);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--bad) 40%,transparent)}
.x5-rb-cut{flex:none;width:3px;background:var(--tx)}
.x5-rb-scale{position:relative;height:16px;font-size:11px;color:var(--tx3)}
.x5-rb-scale span{position:absolute;top:0}.x5-rb-scale span:first-child{left:0}.x5-rb-scale span:last-child{right:0}.x5-rb-scale span:nth-child(2){transform:translateX(-50%);color:var(--tx)}
.x5-rb-leg{display:grid;grid-template-columns:1fr 1fr;gap:20px 40px;padding-top:4px}
.x5-rb-leg .mono{font-size:10.5px;letter-spacing:.16em;color:var(--tx3);margin-bottom:4px}
.x5-rb-r{display:grid;grid-template-columns:minmax(0,1fr) 40px 48px;gap:10px;align-items:baseline;padding:7px 0;border-bottom:1px solid var(--line);font-size:14px}
.x5-rb-r>span:first-child{color:var(--tx2)}.x5-rb-r em{font-style:normal;font-size:11px;color:var(--tx3)}
.x5-rb-r b,.x5-rb-r>span.mono{text-align:right}
.x5-rb-r b{font-weight:500}
.x5-rb-held{margin-top:12px}
@media (max-width:900px){.x5-rb-h{grid-template-columns:1fr;gap:16px}.x5-rb-leg{grid-template-columns:1fr}.x5-rb-s em{display:none}.x5-rb-s{padding:6px 3px;justify-content:flex-end;align-items:center}.x5-rb-s b{font-size:11px}}
@media (max-width:560px){.x5-rb{padding:20px 16px}.x5-rb-n b{font-size:72px}[data-dir="b"] .x5-rb-n b{font-size:88px}.x5-rb-s b{display:none}.x5-rb-bar{height:36px}}

/* ================= REPORT HEAD · reasons on the work ================= */
.x5-rs{display:flex;flex-direction:column;gap:14px}
.x5-rs-h{display:grid;grid-template-columns:auto minmax(0,1fr);gap:28px;align-items:center;padding:24px 26px;background:var(--s1);border:1px solid var(--line);border-radius:var(--r3)}
.x5-rs-n0{display:flex;flex-direction:column;gap:8px;align-items:flex-start;padding-right:28px;border-right:1px solid var(--line)}
.x5-rs-n0>span.mono{font-size:10.5px;letter-spacing:.18em;color:var(--tx3)}
.x5-rs-n0 b{font-size:88px;line-height:.85;font-weight:500;color:var(--gold);letter-spacing:-.04em}
[data-dir="b"] .x5-rs-n0 b{font-family:var(--f-d);font-stretch:var(--stretch);font-weight:800;font-size:110px}
.x5-rs-v{display:flex;flex-direction:column;gap:12px;min-width:0}
.x5-rs-v .rep-act{padding-top:2px}
.x5-rs-t{padding:18px 22px 20px;background:var(--s1);border:1px solid var(--line);border-radius:var(--r3)}
.x5-rs-th{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}.x5-rs-th>.mono{font-size:11px;letter-spacing:.14em;color:var(--tx3)}
.x5-rs-lanes{position:relative;padding:0 2px}
.x5-rs-up,.x5-rs-dn{position:relative;height:calc(var(--lvs,1) * 40px + 14px)}
.x5-rs-axis{position:relative;height:34px;border-radius:var(--r1);background:var(--s2);border:1px solid var(--line)}
.x5-rs-axis>em{position:absolute;bottom:5px;transform:translateX(-50%);font-style:normal;font-size:10.5px;color:var(--tx3)}
.x5-rs-axis>em::before{content:"";position:absolute;left:50%;bottom:17px;width:1px;height:10px;background:var(--line2)}
.x5-rs-axis>em:first-child{transform:none}.x5-rs-axis>em:first-child::before{left:0}
.x5-rs-axis>em:last-of-type{transform:translateX(-100%)}.x5-rs-axis>em:last-of-type::before{left:auto;right:0}
.x5-rs-axis>i{position:absolute;top:0;bottom:0;border-left:1px solid var(--line)}
.x5-rs-axis>i:first-child{border-left:0}
.x5-rs-axis>i em{position:absolute;left:0;right:0;bottom:8px;text-align:center;font-style:normal;font-size:10.5px;color:var(--tx3)}
.x5-rs-br{position:absolute;top:3px;bottom:3px;border-radius:var(--r1)}
.x5-rs-br.ok{background:var(--ok-s);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ok) 45%,transparent)}
.x5-rs-br.bad{background:var(--bad-s);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--bad) 45%,transparent)}
.x5-rs-pin{position:absolute;top:0;bottom:0;width:0;padding:0}
.x5-rs-pin.ok{color:var(--ok)}.x5-rs-pin.bad{color:var(--bad)}
.x5-rs-pin>i{position:absolute;left:-1px;width:2px;background:currentColor;opacity:.6}
.x5-rs-up .x5-rs-pin>i{bottom:0;height:calc(var(--lv) * 40px + 14px)}
.x5-rs-dn .x5-rs-pin>i{top:0;height:calc(var(--lv) * 40px + 14px)}
.x5-rs-n{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font-size:11px;font-weight:600;color:var(--bg);flex:none}
.x5-rs-pin.ok>.x5-rs-n,.x5-rs-list .ok .x5-rs-n{background:var(--ok)}.x5-rs-pin.bad>.x5-rs-n,.x5-rs-list .bad .x5-rs-n{background:var(--bad)}
.x5-rs-pin>.x5-rs-n{position:absolute;left:-11px}
.x5-rs-up .x5-rs-pin>.x5-rs-n{bottom:calc(var(--lv) * 40px + 12px)}
.x5-rs-dn .x5-rs-pin>.x5-rs-n{top:calc(var(--lv) * 40px + 12px)}
.x5-rs-l{position:absolute;left:18px;display:flex;flex-direction:column;gap:1px;width:max-content;max-width:210px;text-align:left}
.x5-rs-up .x5-rs-l{bottom:calc(var(--lv) * 40px + 7px)}
.x5-rs-dn .x5-rs-l{top:calc(var(--lv) * 40px + 9px)}
.x5-rs-pin.rt .x5-rs-l{left:auto;right:18px;text-align:right;align-items:flex-end}
.x5-rs-l b{font-size:13.5px;font-weight:600;color:var(--tx);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:210px}
.x5-rs-l em{font-style:normal;font-size:11px;color:var(--tx3)}
.x5-rs-pin:hover .x5-rs-l b{color:var(--gold)}
.x5-rs-list{display:none}
@media (max-width:900px){
  .x5-rs-h{grid-template-columns:1fr;gap:16px;padding:20px 18px}.x5-rs-n0{padding:0 0 16px;border-right:0;border-bottom:1px solid var(--line);flex-direction:row;align-items:flex-end;flex-wrap:wrap}.x5-rs-n0>span.mono{width:100%}
  .x5-rs-t{padding:16px 14px}.x5-rs-l{display:none}.x5-rs-up,.x5-rs-dn{height:calc(var(--lvs,1) * 26px + 12px)}
  .x5-rs-up .x5-rs-pin>i,.x5-rs-dn .x5-rs-pin>i{height:calc(var(--lv) * 26px + 12px)}.x5-rs-up .x5-rs-pin>.x5-rs-n{bottom:calc(var(--lv) * 26px + 10px)}.x5-rs-dn .x5-rs-pin>.x5-rs-n{top:calc(var(--lv) * 26px + 10px)}
  .x5-rs-axis>i em{font-size:9px}.x5-rs-axis.frames>i em{display:none}
  .x5-rs-list{display:grid;gap:4px;margin-top:16px}
  .x5-rs-list button{width:100%;display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--line);text-align:left;color:var(--tx);font-size:13.5px}
  .x5-rs-list em{font-style:normal;font-size:11px;color:var(--tx3)}
}

/* ================= PROJECTS · filter bar ================= */
.x5-fb{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:18px}
.x5-fb-q{flex:1;min-width:220px}
.x5-fb-q .inp{height:42px}
.x5-fb-g{display:flex;gap:2px;padding:3px;border-radius:var(--r3);background:var(--s2);border:1px solid var(--line);overflow-x:auto;scrollbar-width:none;max-width:100%}
.x5-fc{height:32px;padding:0 12px;border-radius:calc(var(--r3) - 3px);font-size:13px;color:var(--tx2);white-space:nowrap;flex:none}
.x5-fc:hover{color:var(--tx)}
.x5-fc.on{background:var(--s1);color:var(--tx);box-shadow:0 0 0 1px var(--line2)}
[data-dir="b"] .x5-fc{text-transform:uppercase;letter-spacing:.1em;font-size:11.5px}
.x5-fb-n{margin-left:auto}
@media (max-width:720px){.x5-fb-q{min-width:100%}.x5-fb-n{margin-left:0}}

/* ================= PROJECTS · contact sheet ================= */
.x5-cs-sheet{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 0;padding:22px 18px 26px;background:var(--s1);border:1px solid var(--line);border-radius:var(--r2)}
.x5-cs-f{display:flex;flex-direction:column;gap:12px;min-width:0}
.x5-cs-film{display:flex;flex-direction:column;background:var(--bg);cursor:pointer}
[data-mode="light"] .x5-cs-film{background:var(--tx)}
.x5-cs-sp{height:20px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background-image:repeating-linear-gradient(90deg,transparent 0 6px,color-mix(in srgb,var(--tx) 24%,var(--bg)) 6px 14px,transparent 14px 20px);background-size:20px 7px;background-repeat:repeat-x;background-position:0 50%}
[data-mode="light"] .x5-cs-sp{background-image:repeating-linear-gradient(90deg,transparent 0 6px,var(--s1) 6px 14px,transparent 14px 20px)}
.x5-cs-sp span{font-size:8.5px;letter-spacing:.14em;color:var(--gold);background:var(--bg);padding:0 5px;line-height:1}
[data-mode="light"] .x5-cs-sp span{background:var(--tx);color:var(--gold2)}
.x5-cs-im{position:relative;aspect-ratio:3/2;margin:0 7px;overflow:hidden;border-radius:2px}
.x5-cs-im>.ph{position:absolute;inset:0;transition:transform .6s}
.x5-cs-film:hover .x5-cs-im>.ph{transform:scale(1.04)}
.x5-cs-sc{position:absolute;right:8px;bottom:6px;z-index:3;display:grid;place-items:center;width:64px;height:42px}
.x5-cs-sc::before{content:"";position:absolute;inset:8px 12px;border-radius:50%;background:rgba(0,0,0,.5);filter:blur(7px)}
.x5-cs-sc b{position:relative;z-index:1;font-size:18px;color:#F3F2EE;font-weight:500;text-shadow:0 1px 8px rgba(0,0,0,.7)}
.x5-cs-o{position:absolute;inset:0;width:100%;height:100%;overflow:visible;transform:rotate(-7deg)}
.x5-cs-x{position:absolute;inset:0;z-index:2;background:linear-gradient(to top right,transparent calc(50% - 1.5px),var(--bad) calc(50% - 1.5px) calc(50% + 1.5px),transparent calc(50% + 1.5px)),linear-gradient(to top left,transparent calc(50% - 1.5px),var(--bad) calc(50% - 1.5px) calc(50% + 1.5px),transparent calc(50% + 1.5px))}
.x5-cs-dev{position:absolute;left:10px;bottom:10px;z-index:3;font-size:10px;letter-spacing:.12em;color:#F3F2EE;background:rgba(0,0,0,.62);padding:4px 7px}
.x5-cs-cap{display:flex;align-items:flex-start;gap:10px;padding:0 12px}
.x5-cs-no{font-size:11px;color:var(--gold);padding-top:3px}
.x5-cs-cap b{font-size:14px;line-height:1.3}
.x5-cs-cap{flex-wrap:wrap;row-gap:8px}
.x5-cs-cap>.col{flex:1 1 calc(100% - 40px)}
.x5-cs-cap>.btn,.x5-cs-cap>.st{margin-left:21px;flex:none}
@media (max-width:1200px){.x5-cs-sheet{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:860px){.x5-cs-sheet{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px 8px;gap:20px 0}}
@media (max-width:520px){.x5-cs-sheet{padding:12px 6px 16px}.x5-cs-sp{height:16px;padding:0 6px}.x5-cs-sp span:first-child{display:none}.x5-cs-im{margin:0 4px}.x5-cs-cap{padding:0 6px;gap:6px}.x5-cs-no{display:none}.x5-cs-cap b{font-size:13px}.x5-cs-cap>.btn,.x5-cs-cap>.st{margin-left:0}.x5-cs-sc{width:52px;height:34px}.x5-cs-sc b{font-size:15px}.x5-cs-dev{left:6px;bottom:6px;font-size:8.5px;padding:3px 5px}}

/* ================= PROJECTS · progress lanes ================= */
.x5-ln{background:var(--s1);border:1px solid var(--line);border-radius:var(--r3);overflow:hidden}
.x5-ln-hd,.x5-ln-r{display:grid;grid-template-columns:300px minmax(0,1fr) 150px;gap:28px;align-items:center;padding:0 20px}
.x5-ln-hd{height:46px;border-bottom:1px solid var(--line);background:var(--s2)}
.x5-ln-hd>.mono{font-size:11px;letter-spacing:.14em;color:var(--tx3)}
.x5-ln-xh{text-align:right}
.x5-ln-ax{position:relative;height:100%}
.x5-ln-ax em{position:absolute;top:50%;transform:translate(-50%,-50%);font-style:normal;font-size:11px;color:var(--tx3);white-space:nowrap}
.x5-ln-ax em:first-child{transform:translate(0,-50%)}.x5-ln-ax em:last-child{transform:translate(-100%,-50%)}
.x5-ln-ax em.gold{color:var(--gold)}
.x5-ln-r{min-height:78px;border-bottom:1px solid var(--line);transition:background .15s}
.x5-ln-r:last-child{border-bottom:0}
.x5-ln-r:hover{background:var(--s2)}
.x5-ln-n{display:flex;align-items:center;gap:12px;min-width:0;cursor:pointer;padding:12px 0}
.x5-ln-th{width:58px;height:40px;border-radius:var(--r1);flex:none}
.x5-ln-n b{font-size:14.5px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.x5-ln-n .small{display:flex;align-items:center;gap:6px;white-space:nowrap}
.x5-ln-t{position:relative;height:58px;cursor:pointer;background:linear-gradient(var(--line2),var(--line2)) 0 calc(50% + 6px)/100% 1px no-repeat}
.x5-ln-90{position:absolute;top:8px;bottom:8px;border-left:1.5px dashed var(--gold-line)}
.x5-ln-seg{position:absolute;top:calc(50% + 6px);height:4px;margin-top:-2px;background:var(--gold-soft);border-radius:99px;box-shadow:inset 0 0 0 1px var(--gold-line)}
.x5-ln-dot{position:absolute;top:calc(50% + 6px);width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--s1);border:2px solid var(--tx3)}
.x5-ln-dot em{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);font-style:normal;font-size:10.5px;color:var(--tx3);white-space:nowrap}
.x5-ln-dot.last{width:18px;height:18px;margin:-9px 0 0 -9px;border-color:var(--gold);background:var(--gold)}
.x5-ln-dot.last em{font-size:14px;color:var(--tx);font-weight:500;bottom:18px}
.x5-ln-dot.is90{box-shadow:0 0 0 5px var(--gold-soft)}
.x5-ln-none{position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:1}
.x5-ln-x{display:flex;align-items:center;justify-content:flex-end;gap:10px}
.x5-ln-x b{font-size:18px;font-weight:500}
@media (max-width:1100px){.x5-ln-hd,.x5-ln-r{grid-template-columns:220px minmax(0,1fr) 128px;gap:18px}}
@media (max-width:760px){.x5-ln-hd{display:none}.x5-ln-r{grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;padding:12px 14px}.x5-ln-t{grid-column:1/-1;grid-row:2;height:52px}.x5-ln-n{padding:0}.x5-ln-x .btn{display:none}}

/* ================= PROJECTS · list with preview ================= */
.x5-ms{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:18px;align-items:start}
.x5-ms-l{min-width:0;display:flex;flex-direction:column}
.x5-ms .x5-fb{margin-bottom:12px}
.x5-ms .x5-fb-q{min-width:100%}
.x5-ms-list{display:flex;flex-direction:column;background:var(--s1);border:1px solid var(--line);border-radius:var(--r3);overflow:hidden}
.x5-ms-i{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 14px;border-bottom:1px solid var(--line);text-align:left;color:var(--tx);transition:background .15s}
.x5-ms-i:last-child{border-bottom:0}
.x5-ms-i:hover{background:var(--s2)}
.x5-ms-i.on{background:var(--gold-soft);box-shadow:inset 3px 0 0 var(--gold)}
.x5-ms-th{width:54px;height:36px;border-radius:var(--r1)}
.x5-ms-i b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.x5-ms-i .small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.x5-ms-r b{font-size:17px;font-weight:500}
.x5-ms-p{position:sticky;top:86px;background:var(--s1);border:1px solid var(--line);border-radius:var(--r3);overflow:hidden}
.x5-ms-im{position:relative;aspect-ratio:16/8;background:#000}
.x5-ms-im>.ph{position:absolute;inset:0}
.x5-ms-im .wa-vf{inset:14px;z-index:2}.x5-ms-im .wa-vf .c{width:20px;height:20px}
.x5-ms-tc{position:absolute;left:26px;bottom:24px;z-index:3;font-size:10.5px;letter-spacing:.12em;color:#F3F2EE;background:rgba(0,0,0,.55);padding:4px 8px}
.x5-ms-b{display:flex;flex-direction:column;gap:12px;padding:20px 22px 22px}
.x5-ms-sc{display:flex;align-items:center;gap:18px}
.x5-ms-vs{display:flex;gap:8px;flex-wrap:wrap}
.x5-ms-v{display:flex;flex-direction:column;padding:8px 12px;border:1px solid var(--line);border-radius:var(--r2);min-width:78px;cursor:pointer}
.x5-ms-v b{font-size:20px;font-weight:500;line-height:1.1}
.x5-ms-v:hover{border-color:var(--gold-line)}
@media (max-width:900px){.x5-ms{grid-template-columns:1fr}.x5-ms-p{position:static;order:-1;scroll-margin-top:80px}}

/* ================= PROJECT DETAIL · shared ================= */
.x5-pd{display:flex;flex-direction:column;gap:18px}
.x5-pdh{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-bottom:22px;border-bottom:1px solid var(--line)}
.x5-pdh .d3{max-width:24ch}
.x5-cp{display:flex;flex-direction:column;gap:8px;padding:18px 20px;background:var(--s1);border:1px solid var(--line);border-radius:var(--r3);color:var(--tx)}
.x5-cp>.row .ic{color:var(--gold)}
.x5-cp.on{border-color:var(--gold);background:var(--gold-soft);cursor:pointer}
.x5-cp-m{position:relative;height:8px;border-radius:99px;background:var(--s3);margin-top:6px}
.x5-cp-m i{position:absolute;left:0;top:0;bottom:0;border-radius:99px;background:var(--gold)}
.x5-cp-m em{position:absolute;top:-5px;bottom:-5px;width:2px;background:var(--tx);margin-left:-1px}
.x5-cp .link{align-self:flex-start}
.x5-il{display:grid}
.x5-il>div{display:grid;grid-template-columns:128px minmax(0,1fr);gap:12px;padding:9px 0;border-top:1px solid var(--line)}
.x5-il>div:first-child{border-top:0}
.x5-il dd{margin:0;font-size:14px}
.x5-dz{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:16px 20px;border-radius:var(--r3);border:1px solid color-mix(in srgb,var(--bad) 32%,transparent);background:var(--s1)}
.x5-dz>.col{flex:1;min-width:200px}

/* project · version log */
.x5-lg-g{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:22px;align-items:start}
.x5-lg-side{display:flex;flex-direction:column;gap:14px;position:sticky;top:86px}
.x5-lg{position:relative;display:flex;flex-direction:column}
.x5-lg::before{content:"";position:absolute;left:103.5px;top:14px;bottom:24px;width:1px;background:var(--line2)}
.x5-lg-i{display:grid;grid-template-columns:86px 36px minmax(0,1fr);align-items:start;padding-bottom:14px}
.x5-lg-k{display:flex;flex-direction:column;align-items:flex-end;gap:2px;padding-top:14px;text-align:right}
.x5-lg-k b{font-size:22px;font-weight:500}
.x5-lg-dot{justify-self:center;margin-top:20px;position:relative;z-index:1;width:14px;height:14px;border-radius:50%;background:var(--bg);border:2px solid var(--tx3);display:grid;place-items:center;color:var(--gold-ink)}
.x5-lg-i.top .x5-lg-dot{border-color:var(--gold);background:var(--gold)}
.x5-lg-i.is90 .x5-lg-dot{width:24px;height:24px;margin-top:15px;background:var(--gold);border-color:var(--gold)}
.x5-lg-i.next .x5-lg-dot{border-style:dashed;border-color:var(--gold)}
.x5-lg-i.next .x5-lg-k{color:var(--gold)}
.x5-lg-c{display:flex;flex-direction:column;gap:10px;padding:16px 18px;background:var(--s1);border:1px solid var(--line);border-radius:var(--r3);min-width:0}
.x5-lg-i.top .x5-lg-c{border-color:var(--gold-line)}
.x5-lg-c.add{flex-direction:row;align-items:center;gap:14px;border-style:dashed;border-color:var(--gold-line);text-align:left;color:var(--tx);cursor:pointer;background:transparent}
.x5-lg-c.add>.ic{color:var(--gold)}
.x5-lg-c.add:hover{background:var(--gold-soft)}
.x5-lg-s{font-size:30px;font-weight:500;line-height:1}
.x5-lg-q{font-size:16px;line-height:1.45;color:var(--tx);padding-left:14px;border-left:2px solid var(--gold)}
.x5-lg-c .link{align-self:flex-start}
@media (max-width:1000px){.x5-lg-g{grid-template-columns:1fr}.x5-lg-side{position:static}}
@media (max-width:560px){.x5-lg::before{left:61px}.x5-lg-i{grid-template-columns:48px 26px minmax(0,1fr)}.x5-lg-k b{font-size:17px}.x5-lg-k .small{font-size:11px}.x5-lg-c{padding:14px}.x5-il>div{grid-template-columns:1fr;gap:2px}}

/* project · intent vs result */
.x5-bf-t{background:var(--s1);border:1px solid var(--line);border-radius:var(--r3);overflow:hidden}
.x5-bf-hd,.x5-bf-r{display:grid;grid-template-columns:150px minmax(0,1fr) minmax(0,1.15fr);gap:24px;padding:0 22px}
.x5-bf-hd{padding-top:14px;padding-bottom:14px;border-bottom:1px solid var(--line);background:var(--s2)}
.x5-bf-hd span{font-size:10.5px;letter-spacing:.16em;color:var(--tx3)}
.x5-bf-hd span:last-child{color:var(--gold)}
.x5-bf-r{padding-top:16px;padding-bottom:16px;border-bottom:1px solid var(--line);align-items:start}
.x5-bf-k{font-size:13px;color:var(--tx3);padding-top:2px}
.x5-bf-a{font-weight:500;font-size:15px;line-height:1.45}
.x5-bf-b{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding-left:22px;border-left:1px dashed var(--line2)}
.x5-bf-b .small{color:var(--tx2);font-size:13.5px}
.x5-bf-sum{display:flex;align-items:center;gap:22px;flex-wrap:wrap;padding:14px 22px;font-size:13.5px;color:var(--tx2)}
.x5-bf-sum b{font-size:20px;color:var(--tx);font-weight:500;margin-right:4px}
.x5-bf-f{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.x5-bf-f .x5-dz{flex-direction:column;align-items:flex-start}
.x5-bf-f .x5-dz>.col{min-width:0;flex:none}
.x5-bf-vs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.x5-bf-v{display:flex;flex-direction:column;padding:8px 12px;border:1px solid var(--line);border-radius:var(--r2);cursor:pointer}
.x5-bf-v b{font-size:22px;font-weight:500;line-height:1.1}
.x5-bf-v:hover{border-color:var(--gold-line)}
.x5-bf-ar{color:var(--tx3);display:grid}
@media (max-width:1000px){.x5-bf-f{grid-template-columns:1fr}}
@media (max-width:760px){.x5-bf-hd{display:none}.x5-bf-r{grid-template-columns:1fr;gap:8px;padding:16px}.x5-bf-b{padding-left:12px}.x5-bf-k{font-family:var(--f-m);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase}.x5-bf-sum{padding:14px 16px}}

/* project · slate and takes */
.x5-tk-sl{border-radius:var(--r2);overflow:hidden;border:1px solid var(--line2);background:var(--s1)}
.x5-tk-cl{height:34px;background:repeating-linear-gradient(-45deg,var(--tx) 0 22px,var(--bg) 22px 44px);border-bottom:1px solid var(--line2)}
.x5-tk-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.x5-tk-g>div{display:flex;flex-direction:column;gap:6px;padding:16px 20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0}
.x5-tk-g>div.w2{grid-column:span 2}
.x5-tk-g>div.w4{grid-column:1/-1;border-bottom:0;flex-direction:row;align-items:center;gap:16px;flex-wrap:wrap}
.x5-tk-g .mono{font-size:10.5px;letter-spacing:.18em;color:var(--tx3)}
.x5-tk-g b{font-family:var(--f-d);font-weight:var(--dw);font-stretch:var(--stretch);text-transform:var(--dcase);letter-spacing:var(--dls);font-size:clamp(20px,2vw,30px);line-height:1.05;overflow-wrap:anywhere}
.x5-tk-g .sc b{color:var(--gold);font-size:clamp(30px,3.2vw,46px);font-family:var(--f-m);letter-spacing:-.02em;text-transform:none}
.x5-tk-a .row{flex:1}
.x5-tk-ts{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(212px,250px);gap:12px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}
.x5-tk-t{position:relative;display:flex;flex-direction:column;gap:6px;padding:16px 18px;border:1px solid var(--line);border-radius:var(--r2);background:var(--s1);cursor:pointer;text-align:left;color:var(--tx);min-height:172px}
.x5-tk-t>.mono:first-child{font-size:11px;letter-spacing:.18em;color:var(--tx3)}
.x5-tk-t>b{font-size:52px;font-weight:500;line-height:1;letter-spacing:-.03em;margin-top:6px}
[data-dir="b"] .x5-tk-t>b{font-family:var(--f-d);font-stretch:var(--stretch);font-weight:800;font-size:64px}
.x5-tk-t .st{align-self:flex-start}
.x5-tk-t.best{border-color:var(--gold)}
.x5-tk-t.best>b{color:var(--gold)}
.x5-tk-best{position:absolute;right:12px;top:14px;font-style:normal;font-size:9.5px;letter-spacing:.14em;color:var(--gold);border:1.5px solid var(--gold);padding:3px 8px;border-radius:99px;transform:rotate(-4deg)}
.x5-tk-t.add{align-items:flex-start;justify-content:flex-end;border-style:dashed;border-color:var(--gold-line);background:transparent;color:var(--gold)}
.x5-tk-t.add .small{color:var(--tx3)}
.x5-tk-t.add:hover{background:var(--gold-soft)}
.x5-tk-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px}
.x5-tk-print{display:flex}.x5-tk-print .x5-cp{flex:1}
@media (max-width:900px){.x5-tk-row{grid-template-columns:1fr}}
@media (max-width:640px){.x5-tk-g{grid-template-columns:1fr 1fr}.x5-tk-g>div{padding:12px 14px}.x5-tk-g>div.w2{grid-column:1/-1}}

/* ================= COMPARE · score bridge ================= */
.x5-br{display:flex;flex-direction:column;gap:16px}
.x5-br-h{display:grid;grid-template-columns:auto minmax(0,1fr);gap:32px;align-items:end;padding:22px 24px;background:var(--s1);border:1px solid var(--line);border-radius:var(--r3)}
.x5-br-h>.col>.mono{font-size:11px;letter-spacing:.14em;color:var(--tx3)}
.x5-br-h .d3 .mono{font-weight:500}
.x5-br-h .body{max-width:56ch}
.x5-br-c{position:relative;padding:14px 24px 18px;background:var(--s1);border:1px solid var(--line);border-radius:var(--r3)}
.x5-br-r,.x5-br-ax{display:grid;grid-template-columns:240px minmax(0,1fr) 56px;gap:18px;align-items:center}
.x5-br-r{height:46px;border-top:1px solid var(--line)}
.x5-br-ax{height:26px}
.x5-br-k{font-size:14px;color:var(--tx2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.x5-br-k em{font-style:normal;font-size:11.5px;margin-left:6px}
.x5-br-k .sm{display:none}
.x5-br-t{position:relative;height:100%}
.x5-br-ax .x5-br-t em{position:absolute;top:4px;transform:translateX(-50%);font-style:normal;font-size:11px;color:var(--tx3)}
.x5-br-ax .x5-br-t em:first-child{transform:none}.x5-br-ax .x5-br-t em:last-child{transform:translateX(-100%)}
.x5-br-ax .x5-br-t em.gold{color:var(--gold)}
.x5-br-b{position:absolute;top:11px;bottom:11px;border-radius:var(--r1);z-index:1}
.x5-br-b.up{background:var(--ok)}
.x5-br-b.dn{background:var(--bad)}
.x5-br-b.a{background:var(--s3);box-shadow:inset 0 0 0 1px var(--line2)}
.x5-br-b.b{background:var(--gold)}
.x5-br-l{position:absolute;top:35px;height:22px;border-left:1px dotted var(--tx2);z-index:1}
.x5-br-90l{position:absolute;top:0;bottom:0;border-left:1.5px dashed var(--gold-line)}
.x5-br-r>b{text-align:right;font-size:16px;font-weight:500}
.x5-br-r.end .x5-br-k{color:var(--tx)}
.x5-br-k9{display:flex;align-items:center;padding-top:12px}
@media (max-width:760px){.x5-br-h{grid-template-columns:1fr;gap:10px;padding:18px}.x5-br-c{padding:10px 14px 14px}.x5-br-r,.x5-br-ax{grid-template-columns:84px minmax(0,1fr) 32px;gap:10px}.x5-br-k{font-size:12.5px}.x5-br-k em,.x5-br-k .lg{display:none}.x5-br-k .sm{display:inline}.x5-br-r>b{font-size:13.5px}.x5-br-r.end .x5-br-k .tag{padding:0 5px}}

/* ================= COMPARE · slope lines ================= */
.x5-sl{padding:20px 24px 18px;background:var(--s1);border:1px solid var(--line);border-radius:var(--r3)}
.x5-sl-c,.x5-sl-v{display:grid;grid-template-columns:170px minmax(0,1fr) 200px}
.x5-sl-c{margin-top:18px}
.x5-sl-l,.x5-sl-r{position:relative}
.x5-sl-l>span,.x5-sl-r>span{position:absolute;transform:translateY(-50%);font-size:12.5px;color:var(--tx3);white-space:nowrap;line-height:1}
.x5-sl-l>span{right:16px;text-align:right}
.x5-sl-r>span{left:16px}
.x5-sl-l b,.x5-sl-r b{font-weight:500;color:var(--tx2)}
.x5-sl-r em{font-style:normal;font-size:11.5px;margin-left:4px}
.x5-sl-l>span.big,.x5-sl-r>span.big{color:var(--tx)}.x5-sl-l>span.big b,.x5-sl-r>span.big b{color:var(--tx)}
.x5-sl-l>span.sc,.x5-sl-r>span.sc{color:var(--gold);font-weight:600}.x5-sl-l>span.sc b,.x5-sl-r>span.sc b{color:var(--gold);font-size:15px}
.x5-sl-g{position:relative}
.x5-sl-g svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.x5-sl-g polyline{fill:none;stroke:var(--line2);stroke-width:1.5;vector-effect:non-scaling-stroke;stroke-linejoin:round}
.x5-sl-g polyline.big{stroke:var(--tx);stroke-width:2}
.x5-sl-g polyline.dn{stroke:var(--bad)}
.x5-sl-g polyline.sc{stroke:var(--gold);stroke-width:4}
.x5-sl-g>i{position:absolute;z-index:1;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;border-radius:50%;background:var(--s1);border:2px solid var(--tx3)}
.x5-sl-g>i.big{border-color:var(--tx)}
.x5-sl-g>i.sc{width:14px;height:14px;margin:-7px 0 0 -7px;background:var(--gold);border-color:var(--gold)}
.x5-sl-ax{position:absolute;top:-8px;bottom:-8px;border-left:1px solid var(--line)}
.x5-sl-90{position:absolute;left:0;right:0;border-top:1.5px dashed var(--gold-line)}
.x5-sl-90 em{position:absolute;left:50%;top:-9px;transform:translateX(-50%);font-style:normal;font-size:10.5px;color:var(--gold);background:var(--s1);padding:0 6px}
.x5-sl-v{margin-top:16px}
.x5-sl-vs{position:relative;height:36px}
.x5-sl-vs span{position:absolute;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;white-space:nowrap}
.x5-sl-vs b{font-size:13px}.x5-sl-vs em{font-style:normal}
@media (max-width:760px){.x5-sl{padding:16px 12px}.x5-sl-c,.x5-sl-v{grid-template-columns:86px minmax(0,1fr) 104px}.x5-sl-l>span,.x5-sl-r>span{font-size:10.5px}.x5-sl-l>span{right:9px}.x5-sl-r>span{left:9px}.x5-sl-r em{display:none}.x5-hm{display:none}.x5-sl-l>span.sc b,.x5-sl-r>span.sc b{font-size:12.5px}}

/* ================= COMPARE · same moment ================= */
.x5-mo{display:flex;flex-direction:column;gap:10px}
.x5-mo-h{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:20px 22px;margin-bottom:4px;background:var(--s1);border:1px solid var(--line);border-radius:var(--r3)}
.x5-mo-h .col>.mono{font-size:11px;letter-spacing:.14em;color:var(--tx3)}
.x5-mo-h .d4 .mono{font-weight:500}
.x5-mo-k{display:flex;gap:8px;flex-wrap:wrap}
.x5-mo-hd,.x5-mo-r{display:grid;grid-template-columns:190px minmax(0,1fr) 30px minmax(0,1fr);gap:18px;align-items:center}
.x5-mo-hd{padding:0 18px}.x5-mo-hd .mono{font-size:11px;letter-spacing:.14em;color:var(--tx3)}.x5-mo-hd .gold{color:var(--gold)}
.x5-mo-r{padding:14px 18px;background:var(--s1);border:1px solid var(--line);border-radius:var(--r3)}
.x5-mo-r.open{border-color:color-mix(in srgb,var(--bad) 32%,transparent)}
.x5-mo-at{display:flex;flex-direction:column;align-items:flex-start;gap:7px}
.x5-mo-at b{font-size:16px}
.x5-mo-v{display:grid;grid-template-columns:136px minmax(0,1fr);gap:14px;align-items:center;min-width:0}
.x5-mo-v p{font-size:14px;color:var(--tx);line-height:1.45}
.x5-mo-v.old p{color:var(--tx2)}
.x5-mo-vl{display:none;font-style:normal;font-size:10.5px;letter-spacing:.12em;color:var(--tx3);margin-bottom:2px}
.x5-mo-m{position:relative;aspect-ratio:16/10;border-radius:var(--r1);overflow:hidden;background:#000}
.x5-mo-m>.ph{position:absolute;inset:0}
.x5-mo-m>.mono{position:absolute;left:6px;bottom:5px;z-index:3;font-size:9.5px;color:#F3F2EE;background:rgba(0,0,0,.6);padding:2px 5px}
.x5-mo-v.old .x5-mo-m{filter:grayscale(1);opacity:.62}
.x5-mo-m.fr{background:#F6F3EC;color:#2b2822;border:1px solid var(--line)}
.x5-mo-m.fr svg{width:100%;height:100%;display:block}
.x5-mo-m.pg{display:grid;place-items:center;background:#FBF9F4;color:#16140F}
.x5-mo-m.pg>.mono{position:static;background:none;color:#16140F;font-size:13px}
.x5-mo-ar{color:var(--gold);display:grid;place-items:center}
@media (max-width:1000px){.x5-mo-hd{display:none}.x5-mo-r{grid-template-columns:1fr;gap:12px}.x5-mo-at{flex-direction:row;align-items:center;flex-wrap:wrap}.x5-mo-ar{display:none}.x5-mo-vl{display:block}}
@media (max-width:560px){.x5-mo-v{grid-template-columns:104px minmax(0,1fr);gap:12px}.x5-mo-v p{font-size:13.5px}.x5-mo-r{padding:14px}}

/* ================= CERTIFICATE · laurel ================= */
.x5-cl{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:40px 56px 42px;background:var(--s1);border:1px solid var(--line2);box-shadow:inset 0 0 0 12px var(--s1),inset 0 0 0 13px var(--gold-line)}
.x5-cl-top{align-self:stretch;display:flex;justify-content:space-between;align-items:center;padding:0 6px}
.x5-cl-lr{position:relative;width:240px;height:240px;margin:2px 0 4px}
.x5-cl-w{position:absolute;inset:0;width:100%;height:100%}
.x5-cl-in{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding-bottom:8px}
.x5-cl-in span.mono{font-size:9px;letter-spacing:.22em;color:var(--tx3)}
.x5-cl-in b{font-size:74px;line-height:.9;font-weight:500;color:var(--tx);letter-spacing:-.03em}
[data-dir="b"] .x5-cl-in b{font-family:var(--f-d);font-stretch:var(--stretch);font-weight:800;font-size:92px}
.x5-cl-k{font-size:12px;letter-spacing:.24em}
.x5-cl .d2{max-width:18ch;font-size:clamp(32px,4.4vw,60px)}
.x5-cl-it{max-width:58ch;color:var(--tx2);font-size:15px;line-height:1.55}
.x5-cl-f{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;width:100%;max-width:720px;padding-top:18px;margin-top:10px;border-top:1px solid var(--line2)}
.x5-cl-f>div{display:flex;flex-direction:column;gap:4px}.x5-cl-f b{font-weight:500;font-size:14px}
@media (max-width:760px){.x5-cl{padding:30px 22px 32px;box-shadow:inset 0 0 0 8px var(--s1),inset 0 0 0 9px var(--gold-line)}.x5-cl-top{flex-direction:column;gap:6px}.x5-cl-lr{width:196px;height:196px}.x5-cl-in b{font-size:58px}[data-dir="b"] .x5-cl-in b{font-size:72px}.x5-cl-f{grid-template-columns:1fr;gap:12px}}

/* ================= CERTIFICATE · ticket ================= */
.x5-tt{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 220px}
.x5-tt-m,.x5-tt-s{position:relative;background:var(--s1);border:1px solid var(--line2)}
.x5-tt-m{border-right:0;border-radius:var(--r3) 0 0 var(--r3);padding:34px 40px;display:flex;flex-direction:column;gap:16px;min-width:0}
.x5-tt-s{border-left:2px dashed var(--line2);border-radius:0 var(--r3) var(--r3) 0;padding:30px 22px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center}
.x5-tt-s::before,.x5-tt-s::after{content:"";position:absolute;left:-14px;width:26px;height:26px;border-radius:50%;background:var(--bg);border:1px solid var(--line2)}
.x5-tt-s::before{top:-14px;clip-path:inset(50% -2px -2px -2px)}
.x5-tt-s::after{bottom:-14px;clip-path:inset(-2px -2px 50% -2px)}
.x5-tt-r1{display:flex;align-items:center;gap:14px}.x5-tt-r1>.mono{font-size:11px;letter-spacing:.22em;color:var(--tx3)}
.x5-tt-k{font-size:12px;letter-spacing:.22em}
.x5-tt .d2{max-width:18ch;font-size:clamp(32px,4.2vw,62px)}
.x5-tt-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line2);border-bottom:1px solid var(--line2)}
.x5-tt-g>div{display:flex;flex-direction:column;justify-content:flex-end;gap:6px;padding:14px 16px;border-left:1px solid var(--line);min-width:0}
.x5-tt-g>div:first-child{border-left:0;padding-left:0}
.x5-tt-g span.mono{font-size:10px;letter-spacing:.18em;color:var(--tx3)}
.x5-tt-g b{font-size:17px;font-weight:600}
.x5-tt-g b.gold{font-size:44px;line-height:.9;font-weight:500}
.x5-tt-it{font-size:14px;color:var(--tx2);line-height:1.6}.x5-tt-it .mono{font-size:10px;letter-spacing:.18em;color:var(--gold);margin-right:6px}
.x5-tt-s>span.mono{font-size:9.5px;letter-spacing:.2em;color:var(--tx3)}
.x5-tt-s>b{font-size:60px;font-weight:500;line-height:1;color:var(--gold);letter-spacing:-.03em}
[data-dir="b"] .x5-tt-s>b{font-family:var(--f-d);font-stretch:var(--stretch);font-weight:800;font-size:76px}
.x5-tt-s>.x5-tt-v{color:var(--tx2)}
.x5-tt-ad{font-family:var(--f-d);font-weight:var(--dw);font-stretch:var(--stretch);text-transform:uppercase;letter-spacing:.2em;font-size:13px;padding:8px 0;margin:6px 0;border-top:1px solid var(--line2);border-bottom:1px solid var(--line2);width:100%}
@media (max-width:760px){.x5-tt{grid-template-columns:1fr}.x5-tt-m{border-right:1px solid var(--line2);border-radius:var(--r3) var(--r3) 0 0;padding:24px 20px}.x5-tt-r1{flex-direction:column-reverse;align-items:flex-start}.x5-tt-r1 .sp{display:none}.x5-tt-s{border-left:1px solid var(--line2);border-top:2px dashed var(--line2);border-radius:0 0 var(--r3) var(--r3);padding:24px 20px}.x5-tt-s::before{top:-14px;left:-14px;clip-path:inset(-2px -2px -2px 50%)}.x5-tt-s::after{top:-14px;bottom:auto;left:auto;right:-14px;clip-path:inset(-2px 50% -2px -2px)}.x5-tt-g{grid-template-columns:1fr 1fr}.x5-tt-g>div:nth-child(3){border-left:0;padding-left:0}.x5-tt-g>div:nth-child(n+3){border-top:1px solid var(--line)}.x5-tt-g b.gold{font-size:36px}}

/* ================= CERTIFICATE · end credits ================= */
.x5-ec{display:flex;flex-direction:column;background:var(--s1);border:1px solid var(--line2)}
.x5-ec-lb{height:40px;background:var(--bg)}
.x5-ec-lb:first-child{border-bottom:1px solid var(--gold-line)}.x5-ec-lb:last-child{border-top:1px solid var(--gold-line)}
.x5-ec-in{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:48px 40px 40px}
.x5-ec-in>.mono:first-child{font-size:11px;letter-spacing:.34em;color:var(--gold)}
.x5-ec-k{font-size:14px;color:var(--tx2);letter-spacing:.03em}
.x5-ec .d2{max-width:18ch;margin-bottom:12px;font-size:clamp(32px,4.4vw,62px)}
.x5-ec-l{display:flex;flex-direction:column;gap:12px;width:100%;max-width:660px;margin:6px 0 4px}
.x5-ec-r{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:baseline}
.x5-ec-r span{text-align:right;font-family:var(--f-m);font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--tx3)}
.x5-ec-r b{text-align:left;font-weight:500;font-size:15px;line-height:1.4}
[data-dir="b"] .x5-ec-r b{font-family:var(--f-d);font-stretch:var(--stretch);text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:17px}
.x5-ec-sc{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:20px;padding-top:24px;border-top:1px solid var(--line);min-width:260px}
.x5-ec-sc span.mono{font-size:10.5px;letter-spacing:.24em;color:var(--tx3)}
.x5-ec-sc b{font-size:92px;line-height:.9;font-weight:500;color:var(--gold);letter-spacing:-.03em}
[data-dir="b"] .x5-ec-sc b{font-family:var(--f-d);font-stretch:var(--stretch);font-weight:800;font-size:120px}
.x5-ec-ft{display:flex;align-items:center;gap:16px;margin-top:12px;flex-wrap:wrap;justify-content:center}
@media (max-width:640px){.x5-ec-in{padding:30px 18px}.x5-ec-r{gap:12px}.x5-ec-r b{font-size:14px}.x5-ec-lb{height:22px}.x5-ec-sc{min-width:0;width:100%}.x5-ec-sc b{font-size:72px}}

/* ================= REPORT · OVERVIEW · dimension tiles ================= */
.x5-ot-w{display:flex;flex-direction:column;gap:12px}
.x5-ot-h{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:var(--r3);background:var(--s1)}
.x5-ot-h>div{display:flex;flex-direction:column;gap:4px;padding:14px 18px;border-left:1px solid var(--line);min-width:0}
.x5-ot-h>div:first-child{border-left:0}
.x5-ot-h>div>.mono{font-size:10.5px;letter-spacing:.16em;color:var(--tx3)}
.x5-ot-h b{font-size:15px;font-weight:500}
.x5-ot{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.x5-ot-t{display:flex;flex-direction:column;gap:12px;padding:18px;background:var(--s1);border:1px solid var(--line);border-radius:var(--r3);min-width:0}
.x5-ot-t.lo{border-color:color-mix(in srgb,var(--bad) 35%,transparent)}
.x5-ot-n{font-size:58px;line-height:.9;font-weight:500;letter-spacing:-.03em}
[data-dir="b"] .x5-ot-n{font-family:var(--f-d);font-stretch:var(--stretch);font-weight:800;font-size:72px}
.x5-ot-t.hi .x5-ot-n{color:var(--gold)}.x5-ot-t.lo .x5-ot-n{color:var(--bad)}
.x5-ot-vu{display:grid;grid-template-columns:repeat(10,1fr);gap:3px}
.x5-ot-vu i{height:14px;border-radius:2px;background:var(--s3)}
.x5-ot-vu i.on{background:var(--tx3)}
.x5-ot-t.hi .x5-ot-vu i.on{background:var(--gold)}
.x5-ot-t.lo .x5-ot-vu i.on{background:var(--bad)}
.x5-ot-f{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;margin-top:2px;padding:12px 0 0;border-top:1px solid var(--line);text-align:left;font-size:13.5px;color:var(--tx)}
.x5-ot-f.ok .ic{color:var(--ok)}.x5-ot-f.bad .ic{color:var(--bad)}
.x5-ot-f span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.x5-ot-f em{font-style:normal;font-size:11px;color:var(--tx3)}
.x5-ot-f:hover span{color:var(--gold)}
@media (max-width:1000px){.x5-ot{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.x5-ot-h{grid-template-columns:1fr}.x5-ot-h>div{border-left:0;border-top:1px solid var(--line)}.x5-ot-h>div:first-child{border-top:0}.x5-ot{gap:8px}.x5-ot-t{padding:14px;gap:10px}.x5-ot-t>.row .small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.x5-ot-n{font-size:40px}[data-dir="b"] .x5-ot-n{font-size:50px}.x5-ot-vu{gap:2px}.x5-ot-vu i{height:10px}.x5-ot-f{grid-template-columns:auto minmax(0,1fr);font-size:12.5px}.x5-ot-f em{display:none}}

/* ================= REPORT · OVERVIEW · distance to 90 ================= */
.x5-og{display:flex;flex-direction:column;gap:14px}
.x5-og-h{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:32px;align-items:center;padding:20px 24px;background:var(--s1);border:1px solid var(--line);border-radius:var(--r3)}
.x5-og-big{display:flex;align-items:center;gap:14px}
.x5-og-big b{font-size:72px;line-height:.85;font-weight:500;color:var(--gold);letter-spacing:-.04em}
[data-dir="b"] .x5-og-big b{font-family:var(--f-d);font-stretch:var(--stretch);font-weight:800;font-size:92px}
.x5-og-big span{font-size:14px;color:var(--tx2);max-width:13ch;line-height:1.3}
.x5-og-eq{display:flex;align-items:center;gap:16px;padding-left:32px;border-left:1px solid var(--line)}
.x5-og-eq>div{display:flex;flex-direction:column;gap:4px}
.x5-og-eq>div>span.mono{font-size:10px;letter-spacing:.16em;color:var(--tx3)}
.x5-og-eq b{font-size:30px;font-weight:500;line-height:1}
.x5-og-eq em{font-style:normal;color:var(--tx3);font-size:20px}
.x5-og-h>.body{max-width:40ch}
.x5-og-g{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:14px;align-items:start}
.x5-og-c{padding:14px 20px 16px;background:var(--s1);border:1px solid var(--line);border-radius:var(--r3)}
.x5-og-r,.x5-og-ax{display:grid;grid-template-columns:150px minmax(0,1fr) 44px;gap:14px;align-items:center}
.x5-og-r{height:44px;font-size:13.5px;color:var(--tx2)}
.x5-og-ax{height:24px}
.x5-og-ax>div{position:relative;height:100%}
.x5-og-ax em{position:absolute;top:3px;transform:translateX(-50%);font-style:normal;font-size:10.5px;color:var(--tx3)}
.x5-og-ax em:first-child{transform:none}.x5-og-ax em:last-child{transform:translateX(-100%)}
.x5-og-ax em.gold{color:var(--gold)}
.x5-og-t{position:relative;height:14px;border-radius:99px;background:var(--s2)}
.x5-og-b{position:absolute;left:0;top:0;bottom:0;border-radius:99px 0 0 99px;background:color-mix(in srgb,var(--tx) 32%,transparent)}
.x5-og-gap{position:absolute;top:0;bottom:0;background:repeating-linear-gradient(-45deg,var(--bad-s) 0 4px,transparent 4px 8px);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--bad) 55%,transparent);border-radius:0 99px 99px 0}
.x5-og-ov{position:absolute;top:0;bottom:0;background:var(--gold);border-radius:0 99px 99px 0}
.x5-og-90{position:absolute;top:-7px;bottom:-7px;border-left:2px solid var(--gold)}
.x5-og-r>b{text-align:right;font-size:14px;font-weight:500}
.x5-og-r>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.x5-og-f{padding:16px 18px 8px;background:var(--s1);border:1px solid var(--line);border-radius:var(--r3)}
.x5-og-x{width:100%;display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--line);text-align:left;color:var(--tx)}
.x5-og-x:first-of-type{border-top:0}
.x5-og-x>.mono:first-child{color:var(--gold);font-size:13px}
.x5-og-x b{font-size:14px}.x5-og-x>b.mono{font-size:18px}
.x5-og-x:hover .col>b{color:var(--gold)}
@media (max-width:1100px){.x5-og-h{grid-template-columns:auto minmax(0,1fr)}.x5-og-h>.body{grid-column:1/-1;max-width:none}.x5-og-g{grid-template-columns:1fr}}
@media (max-width:640px){.x5-og-h{grid-template-columns:1fr;gap:16px;padding:18px}.x5-og-eq{padding:14px 0 0;border-left:0;border-top:1px solid var(--line);gap:10px}.x5-og-eq b{font-size:24px}.x5-og-r,.x5-og-ax{grid-template-columns:82px minmax(0,1fr) 32px;gap:8px}.x5-og-r>span{font-size:12px}.x5-og-c{padding:12px}.x5-og-ax em:nth-child(2),.x5-og-ax em:nth-child(4),.x5-og-ax em:nth-child(5){display:none}}

/* ================= REPORT · OVERVIEW · three acts ================= */
.x5-oa{display:flex;flex-direction:column;gap:14px}
.x5-oa-rib{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border:1px solid var(--line);border-radius:var(--r3);background:var(--s1);overflow:hidden}
.x5-oa-rib>div{position:relative;display:flex;flex-direction:column;gap:2px;padding:12px 14px 15px;border-left:1px solid var(--line);min-width:0}
.x5-oa-rib>div:first-child{border-left:0}
.x5-oa-rib span{font-size:12px;color:var(--tx3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.x5-oa-rib b{font-size:22px;font-weight:500}
.x5-oa-rib .hi b{color:var(--gold)}
.x5-oa-rib i{position:absolute;left:0;bottom:0;height:3px;width:var(--w);background:var(--tx3)}
.x5-oa-rib .hi i{background:var(--gold)}
.x5-oa-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}
.x5-oa-c{display:flex;flex-direction:column;gap:2px;padding:20px;background:var(--s1);border:1px solid var(--line);border-radius:var(--r3);min-width:0}
.x5-oa-c header{display:flex;align-items:center;gap:14px;padding-bottom:14px;border-bottom:1px solid var(--line);margin-bottom:2px}
.x5-oa-no{font-family:var(--f-d);font-weight:var(--dw);font-stretch:var(--stretch);font-size:52px;line-height:.8;color:var(--gold);min-width:46px;letter-spacing:-.02em}
.x5-oa-c header .mono{font-size:10.5px;letter-spacing:.2em;color:var(--tx3)}
.x5-oa-i{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:12px 0;border-bottom:1px solid var(--line);text-align:left;color:var(--tx);width:100%}
.x5-oa-i:last-child{border-bottom:0}
.x5-oa-i .row{width:100%}
.x5-oa-i b{font-size:14.5px}
button.x5-oa-i:hover>b,button.x5-oa-i:hover .row>b{color:var(--gold)}
.x5-oa-c>.btn{align-self:flex-start;margin-top:10px}
@media (max-width:1000px){.x5-oa-g{grid-template-columns:1fr}.x5-oa-rib{grid-template-columns:repeat(3,minmax(0,1fr))}.x5-oa-rib>div:nth-child(4){border-left:0}.x5-oa-rib>div:nth-child(n+4){border-top:1px solid var(--line)}}
@media (max-width:640px){.x5-oa-c{padding:16px}.x5-oa-no{font-size:40px}}

/* ================= REPORT · EVIDENCE · shared monitor ================= */
.x5-mon{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:var(--r2);background:#000}
.x5-mon>.ph{position:absolute;inset:0}
.x5-mon .vw-mk span{max-width:calc(100% + 40px);overflow:hidden;text-overflow:ellipsis}
.x5-mon-tc{position:absolute;right:12px;bottom:10px;z-index:3;font-size:11px;letter-spacing:.06em;color:#F3F2EE;background:rgba(0,0,0,.6);padding:3px 8px}
.x5-mon.paper{aspect-ratio:auto;background:none;overflow:visible}
.x5-mon.frames{aspect-ratio:auto;display:grid;gap:10px;padding:12px;background:var(--s2);border:1px solid var(--line)}
.x5-mon.frames.n1{grid-template-columns:minmax(0,1fr)}.x5-mon.frames.n2{grid-template-columns:repeat(2,minmax(0,1fr))}.x5-mon.frames.n3{grid-template-columns:repeat(3,minmax(0,1fr))}.x5-mon.frames.n4{grid-template-columns:repeat(2,minmax(0,1fr))}
.x5-mon.frames.n1 .vb-f{max-width:520px;margin:0 auto;width:100%}
.x5-mon-ax{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);z-index:2;font-size:10px;letter-spacing:.12em;color:var(--bg);background:var(--bad);padding:4px 9px;white-space:nowrap}
.x5-mon-ax::before{content:"";position:absolute;left:50%;bottom:100%;height:600px;border-left:2px dashed var(--bad)}
.x5-th{display:block;width:64px;height:40px;border-radius:var(--r1);overflow:hidden;flex:none}
.x5-th.pg{display:grid;place-items:center;background:#FBF9F4;color:#16140F;font-size:11px;border:1px solid var(--line)}
.x5-th.fr{background:#F6F3EC;color:#2b2822;border:1px solid var(--line)}.x5-th.fr svg{width:100%;height:100%;display:block}
.x5-step{margin-top:auto;justify-content:space-between;padding-top:6px}

/* ================= REPORT · EVIDENCE · multitrack timeline ================= */
.x5-et{display:flex;flex-direction:column;gap:14px}
.x5-et-top{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:16px;align-items:stretch}
.x5-et-mon{min-width:0}
.x5-et-mon .x5-mon.paper .vs-page{max-height:420px;overflow:auto}
.x5-et-ins{display:flex;flex-direction:column;gap:12px;padding:20px;background:var(--s1);border:1px solid var(--line);border-radius:var(--r3);min-width:0}
.x5-et-tl{position:relative;display:flex;flex-direction:column;padding:10px 12px 12px;background:var(--bg2);border:1px solid var(--line);border-radius:var(--r2)}
.x5-et-trk{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;align-items:center;padding:3px 0}
.x5-et-lb{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--tx3);min-width:0}
.x5-et-lb b{display:inline-grid;place-items:center;min-width:28px;height:20px;padding:0 5px;border-radius:var(--r1);background:var(--s3);color:var(--tx2);font-size:10.5px;font-weight:500;flex:none}
.x5-et-lb em{font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.x5-et-trk.ok .x5-et-lb b{background:var(--ok-s);color:var(--ok)}.x5-et-trk.bad .x5-et-lb b{background:var(--bad-s);color:var(--bad)}
.x5-et-trk.ru .x5-et-lb b{background:var(--gold);color:var(--gold-ink)}
.x5-et-ln{position:relative;height:30px;border-radius:var(--r1);background:var(--s1)}
.x5-et-trk.pic .x5-et-ln{height:46px;overflow:hidden}
.x5-et-ln.x5-et-ruler{background:none;height:22px;border-bottom:1px solid var(--line2);border-radius:0}
.x5-et-ruler em{position:absolute;bottom:4px;transform:translateX(-50%);font-style:normal;font-size:10px;color:var(--tx3);white-space:nowrap}
.x5-et-ruler em:not(.c):first-child{transform:none}.x5-et-ruler em:not(.c):last-child{transform:translateX(-100%)}
.x5-et-u{position:absolute;top:0;bottom:0;border-right:1px solid var(--bg2);overflow:hidden}
.x5-et-u .ph{position:absolute;inset:0}
.x5-et-u.pg{display:grid;place-items:center;background:var(--s2)}
.x5-et-u.pg.has{background:var(--s3)}
.x5-et-u.pg.gap{background:var(--bad-s)}.x5-et-u.pg.ok{background:var(--ok-s)}
.x5-et-u.pg b{font-size:10px;color:var(--tx3);font-weight:500}
.x5-et-u.fr{background:#F6F3EC;color:#2b2822}
.x5-et-u.fr svg{width:100%;height:100%;display:block}
.x5-et-u.fr.bad{box-shadow:inset 0 0 0 2px var(--bad)}.x5-et-u.fr.warn{box-shadow:inset 0 0 0 2px var(--warn)}.x5-et-u.fr.ok{box-shadow:inset 0 0 0 2px var(--ok)}
.x5-et-sp{position:absolute;top:4px;bottom:4px;border-radius:var(--r1);background:var(--info-s);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--info) 40%,transparent);overflow:hidden;display:flex;align-items:center;padding:0 6px}
.x5-et-sp em{font-style:normal;font-size:11px;color:var(--tx2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.x5-et-ar{position:absolute;top:0;bottom:0;display:grid;place-items:center;color:var(--ok)}
.x5-et-ar.bad{color:var(--bad);background:var(--bad-s)}
.x5-et-clip{position:absolute;top:3px;bottom:3px;display:flex;align-items:center;gap:5px;padding:0 7px;border-radius:var(--r1);font-size:11.5px;text-align:left;overflow:hidden;color:var(--tx)}
.x5-et-clip.ok{background:var(--ok-s);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ok) 50%,transparent)}.x5-et-clip.ok .ic{color:var(--ok)}
.x5-et-clip.bad{background:var(--bad-s);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--bad) 50%,transparent)}.x5-et-clip.bad .ic{color:var(--bad)}
.x5-et-clip.on{box-shadow:inset 0 0 0 2px var(--gold);background:var(--gold-soft)}
.x5-et-clip em{font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.x5-et-phw{position:absolute;top:10px;bottom:12px;left:118px;right:12px;pointer-events:none;z-index:2}
.x5-et-ph{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:var(--gold)}
.x5-et-ph::before{content:"";position:absolute;top:0;left:-6px;border-left:7px solid transparent;border-right:7px solid transparent;border-top:9px solid var(--gold)}
@media (max-width:1000px){.x5-et-top{grid-template-columns:1fr}}
@media (max-width:640px){.x5-et-tl{padding:10px}.x5-et-trk{grid-template-columns:40px minmax(0,1fr);gap:8px}.x5-et-lb em{display:none}.x5-et-phw{left:58px;right:10px;top:10px;bottom:10px}.x5-et-clip em,.x5-et-sp em{display:none}.x5-et-clip{justify-content:center;padding:0}.x5-et-ins{padding:16px}.x5-et-ruler em.c:nth-of-type(even){display:none}}

/* ================= REPORT · EVIDENCE · one at a time ================= */
.x5-ef{display:flex;flex-direction:column;gap:14px}
.x5-ef-nav{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.x5-ef-k{font-size:11px;letter-spacing:.16em;color:var(--tx3)}
.x5-ef-dots{display:flex;gap:6px;align-items:center}
.x5-ef-dots button{width:26px;height:6px;border-radius:99px;background:var(--s3);transition:width .25s,background .25s}
.x5-ef-dots button.ok{background:color-mix(in srgb,var(--ok) 45%,transparent)}.x5-ef-dots button.bad{background:color-mix(in srgb,var(--bad) 45%,transparent)}
.x5-ef-dots button.on{width:46px;background:var(--gold)}
.x5-ef-g{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);background:var(--s1);border:1px solid var(--line);border-radius:var(--r3);overflow:hidden}
.x5-ef-m{display:flex;align-items:center;justify-content:center;background:var(--bg2);min-width:0}
.x5-ef-m .x5-mon{width:100%;border-radius:0}
.x5-ef-m .x5-mon:not(.paper):not(.frames)::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(#000 0 10%,transparent 10% 90%,#000 90%)}
.x5-ef-m .x5-mon:not(.paper):not(.frames) .x5-mon-tc{bottom:calc(10% + 10px)}
.x5-ef-m .x5-mon.paper{padding:24px}
.x5-ef-m .x5-mon.frames{border:0;background:none;padding:20px}
.x5-ef-t{display:flex;flex-direction:column;gap:12px;padding:24px;min-width:0}
.x5-ef-t .d4{font-size:clamp(24px,2.4vw,34px)}
.x5-ef-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(190px,1fr);gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}
.x5-ef-th{display:grid;grid-template-columns:64px minmax(0,1fr);gap:10px;align-items:center;padding:8px;border:1px solid var(--line);border-radius:var(--r2);background:var(--s1);text-align:left;color:var(--tx)}
.x5-ef-th:hover{border-color:var(--tx3)}
.x5-ef-th.on{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}
.x5-ef-th b{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.x5-ef-th em{font-style:normal;font-size:10.5px}
.x5-ef-th.ok em{color:var(--ok)}.x5-ef-th.bad em{color:var(--bad)}
.x5-ef-th .x5-th{height:40px}
@media (max-width:1000px){.x5-ef-g{grid-template-columns:1fr}}
@media (max-width:640px){.x5-ef-t{padding:18px}.x5-ef-m .x5-mon.paper{padding:12px}.x5-ef-m .x5-mon.frames{padding:10px}.x5-ef-strip{grid-auto-columns:minmax(170px,1fr)}}

/* ================= REPORT · EVIDENCE · margin notes ================= */
.x5-em{display:flex;flex-direction:column;padding:18px 20px 8px;background:var(--s1);border:1px solid var(--line);border-radius:var(--r3)}
.x5-em-r{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:40px;padding:16px 0;border-top:1px solid var(--line)}
.x5-sh+.x5-em-r{border-top:0;padding-top:4px}
.x5-em-c{min-width:0}
.x5-em-n{position:relative;display:flex;flex-direction:column;gap:8px;min-width:0}
.x5-em-r.has .x5-em-n::before{content:"";position:absolute;left:-40px;top:22px;width:34px;border-top:1px dashed var(--gold-line)}
.x5-em-r.has .x5-em-n::after{content:"";position:absolute;left:-8px;top:19px;width:7px;height:7px;border-radius:50%;background:var(--gold)}
.x5-em-v{display:grid;grid-template-columns:156px minmax(0,1fr);gap:16px;align-items:center}
.x5-em-th{aspect-ratio:16/10;border-radius:var(--r1)}
.x5-em-tc{font-size:11.5px;color:var(--gold)}
.x5-em-say{font-size:17px;line-height:1.45;color:var(--tx)}
.x5-em-pic{font-size:14px;color:var(--tx3);font-style:italic}
.x5-em-p .vs-page{padding:26px 34px 22px;font-size:13px}
.x5-em-b{display:flex;flex-direction:column;gap:8px}
.x5-em-frs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
.x5-em-more{display:grid;place-items:center;font-size:12px;color:var(--tx3);border:1px dashed var(--line2);border-radius:2px}
.x5-em-note{display:flex;flex-direction:column;gap:6px;padding:12px 14px;border-radius:var(--r2);border:1px solid var(--line);border-left:3px solid var(--ok);background:var(--s2);text-align:left;color:var(--tx);width:100%}
.x5-em-note.bad{border-left-color:var(--bad)}
.x5-em-note:hover{border-color:var(--tx3)}
.x5-em-note.on{border-color:var(--gold);border-left-color:var(--gold);background:var(--gold-soft)}
.x5-em-note .row{gap:8px}
.x5-em-note b{font-size:14px}
.x5-em-ic{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;flex:none;font-style:normal}
.x5-em-note.ok .x5-em-ic{background:var(--ok-s);color:var(--ok)}.x5-em-note.bad .x5-em-ic{background:var(--bad-s);color:var(--bad)}
.x5-em-fix{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12.5px;color:var(--gold);padding-top:8px;margin-top:2px;border-top:1px dashed var(--line2)}
@media (max-width:900px){.x5-em{padding:14px 14px 6px}.x5-em-r{grid-template-columns:1fr;gap:10px}.x5-em-r.has .x5-em-n{padding-left:14px;border-left:1px dashed var(--gold-line)}.x5-em-r.has .x5-em-n::before,.x5-em-r.has .x5-em-n::after{display:none}.x5-em-v{grid-template-columns:110px minmax(0,1fr)}.x5-em-frs{grid-template-columns:repeat(3,minmax(0,1fr))}.x5-em-say{font-size:15px}.x5-em-p .vs-page{padding:22px 18px}}

/* ================= REPORT · RECOMMENDATIONS · shared feedback ================= */
.x5-fbc{display:flex;flex-direction:column;gap:10px;padding:18px 20px;background:var(--s1);border:1px solid var(--line);border-radius:var(--r3)}
.x5-fbc>b{font-size:15px}
.x5-fbc-i{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:space-between;padding-top:12px;margin-top:4px;border-top:1px solid var(--line)}
.x5-fb-ok{display:flex;gap:12px;align-items:flex-start}.x5-fb-ok>.ic{color:var(--ok);margin-top:2px}
.x5-why{gap:8px}
.x5-pl{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;margin-top:2px;font-size:13px;color:var(--tx2)}
.x5-pl i{display:grid;place-items:center;width:18px;height:18px;border-radius:var(--r1);border:1.5px solid var(--line2);color:transparent;font-style:normal}
[data-x5-rc].on .x5-pl i{background:var(--gold);border-color:var(--gold);color:var(--gold-ink)}
[data-x5-rc].on .x5-pl{color:var(--tx)}

/* recommendations · impact and effort matrix */
.x5-mx{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:16px;align-items:start}
.x5-mx-l{display:flex;flex-direction:column;gap:14px;min-width:0}
.x5-mx-c{position:relative;aspect-ratio:1/1;max-height:520px;width:100%;background:var(--s1);border:1px solid var(--line);border-radius:var(--r3);overflow:hidden}
.x5-mx-q{position:absolute;padding:14px 16px;font-family:var(--f-m);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--tx3)}
.x5-mx-q b{font-weight:500}
.x5-mx-q.a{left:0;top:0;width:45%;height:50%;color:var(--gold);background:var(--gold-soft);border-right:1px solid var(--line2);border-bottom:1px solid var(--line2)}
.x5-mx-q.b{left:45%;top:0;right:0;height:50%;border-bottom:1px solid var(--line2)}
.x5-mx-q.c{left:0;top:50%;width:45%;bottom:0;border-right:1px solid var(--line2)}
.x5-mx-q.d{left:45%;top:50%;right:0;bottom:0}
.x5-mx-y{position:absolute;left:4px;top:50%;transform:translateY(-50%) rotate(180deg);writing-mode:vertical-rl;font-size:9.5px;letter-spacing:.18em;color:var(--tx3);display:none}
.x5-mx-x{position:absolute;right:14px;bottom:12px;font-size:9.5px;letter-spacing:.18em;color:var(--tx3)}
.x5-mx-c .x5-mx-q.a::after{content:"Impact high · effort low";display:block;margin-top:4px;font-size:9.5px;letter-spacing:.06em;text-transform:none;color:var(--tx3)}
.x5-mx-p{position:absolute;z-index:2;transform:translate(-17px,50%);display:flex;align-items:center;gap:8px;max-width:50%;text-align:left}
.x5-mx-p.rt{flex-direction:row-reverse;transform:translate(calc(-100% + 17px),50%);text-align:right}
.x5-mx-p b{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--gold);color:var(--gold-ink);font-size:14px;box-shadow:0 0 0 5px var(--gold-soft)}
.x5-mx-p em{font-style:normal;font-size:12.5px;color:var(--tx);line-height:1.3;background:var(--s1);padding:3px 6px;border-radius:var(--r1);box-shadow:0 0 0 1px var(--line)}
.x5-mx-p:hover em{box-shadow:0 0 0 1px var(--gold)}
.x5-mx-r{display:flex;flex-direction:column;gap:10px;min-width:0}
.x5-mx-r .x5-sh{margin-bottom:2px}
.x5-mx-i{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:14px;align-items:start;padding:16px;background:var(--s1);border:1px solid var(--line);border-radius:var(--r3);transition:border-color .2s,background .2s}
.x5-mx-i.on{border-color:var(--gold-line);background:var(--gold-soft)}
.x5-mx-n{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1.5px solid var(--gold);color:var(--gold);font-size:13px}
.x5-mx-v{font-size:24px;font-weight:500}
@media (max-width:1000px){.x5-mx{grid-template-columns:1fr}.x5-mx-c{max-height:none;aspect-ratio:4/3}}
@media (max-width:560px){.x5-mx-c{aspect-ratio:1/1}.x5-mx-q{padding:10px 12px;font-size:9.5px}.x5-mx-c .x5-mx-q.a::after{display:none}.x5-mx-p em{font-size:11px;max-width:120px}.x5-mx-i{padding:14px;gap:10px}}

/* recommendations · checklist with per-item feedback */
.x5-ck{display:flex;flex-direction:column;gap:12px}
.x5-ck-h{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--s1);border:1px solid var(--line);border-radius:var(--r3)}
.x5-ck-h>div{display:flex;flex-direction:column;gap:4px;padding:14px 18px;border-left:1px solid var(--line);min-width:0}.x5-ck-h>div:first-child{border-left:0}
.x5-ck-h>div>span.mono{font-size:10px;letter-spacing:.16em;color:var(--tx3)}
.x5-ck-h b{font-size:26px;font-weight:500}
.x5-ck-l{display:flex;flex-direction:column;background:var(--s1);border:1px solid var(--line);border-radius:var(--r3);overflow:hidden}
.x5-ck-i{display:grid;grid-template-columns:32px minmax(0,1fr) 64px 150px;gap:14px;align-items:start;padding:16px 18px;border-top:1px solid var(--line);transition:background .2s}
.x5-ck-i:first-child{border-top:0}
.x5-ck-i.on{background:var(--gold-soft)}
.x5-ck-b{display:grid;place-items:center;width:24px;height:24px;border-radius:var(--r1);border:1.5px solid var(--line2);color:transparent;margin-top:1px}
.x5-ck-b:hover{border-color:var(--gold)}
.x5-ck-i.on .x5-ck-b{background:var(--gold);border-color:var(--gold);color:var(--gold-ink)}
.x5-ck-i .col>b{font-size:15.5px}
.x5-ck-v{font-size:22px;font-weight:500;text-align:right}
.x5-ck-f{display:flex;align-items:center;justify-content:flex-end;gap:8px}
.x5-ck-th{display:flex;gap:4px}
.x5-ck-th .btn.icon{width:34px}
.x5-ck-th .btn.on{border-color:var(--gold);color:var(--gold);background:var(--gold-soft)}
.x5-ck-ok{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--ok)}
.x5-ck-why{grid-column:2/-1;display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:var(--r2);background:var(--s2);border:1px solid var(--line)}
.x5-ck-why>b{font-size:14px}
.x5-ck-why>.btn{align-self:flex-start}
.x5-ck-ft{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 18px;border:1px dashed var(--line2);border-radius:var(--r3)}
@media (max-width:760px){.x5-ck-h{grid-template-columns:1fr 1fr}.x5-ck-h>div:nth-child(3){border-left:0}.x5-ck-h>div:nth-child(n+3){border-top:1px solid var(--line)}.x5-ck-i{grid-template-columns:28px minmax(0,1fr) auto;padding:14px}.x5-ck-f{grid-column:2/-1;justify-content:flex-start}.x5-ck-why{grid-column:1/-1}.x5-ck-ft{padding:12px 14px}}

/* recommendations · change sheet */
.x5-ch{display:flex;flex-direction:column;background:var(--s1);border:1px solid var(--line2);border-radius:var(--r2);overflow:hidden}
.x5-ch-h{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:20px 22px;border-bottom:2px solid var(--tx)}
.x5-ch-h .col>.mono{font-size:10.5px;letter-spacing:.16em;color:var(--gold)}
.x5-ch-no{font-size:11px;color:var(--tx3)}
.x5-ch-hd,.x5-ch-r{display:grid;grid-template-columns:48px 160px minmax(0,1fr) minmax(0,1.1fr) minmax(0,.8fr) 84px;align-items:stretch}
.x5-ch-hd span{padding:10px 14px;font-family:var(--f-m);font-size:10px;letter-spacing:.16em;color:var(--tx3);border-right:1px solid var(--line);border-bottom:1px solid var(--line2);background:var(--s2)}
.x5-ch-hd span:last-child{border-right:0;text-align:right}
.x5-ch-r>*{padding:14px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0}
.x5-ch-r>*:last-child{border-right:0}
.x5-ch-n{font-size:15px;color:var(--gold)}
.x5-ch-w{display:flex;flex-direction:column;gap:6px;align-items:flex-start;text-align:left;color:var(--tx)}
.x5-ch-w>.mono{font-size:11.5px}
.x5-ch-w:hover>.mono{color:var(--gold)}
.x5-ch-th{width:100%;aspect-ratio:16/10;border-radius:var(--r1);display:block;overflow:hidden}
.x5-ch-th.pg{display:grid;place-items:center;background:#FBF9F4;color:#16140F;font-size:12px;border:1px solid var(--line)}
.x5-ch-th.fr{background:#F6F3EC;color:#2b2822;border:1px solid var(--line)}.x5-ch-th.fr svg{width:100%;height:100%;display:block}
.x5-ch-c{display:flex;flex-direction:column;gap:4px}
.x5-ch-c b{font-size:14px}
.x5-ch-l{display:none;font-style:normal;font-family:var(--f-m);font-size:10px;font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:var(--tx3)}
.x5-ch-v{font-size:22px;font-weight:500;text-align:right}
.x5-sg{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:16px 22px;background:var(--s2)}
.x5-sg-q{display:flex;flex-direction:column;gap:2px}.x5-sg-q .mono{font-size:10px;letter-spacing:.16em;color:var(--tx3)}
.x5-sg-o{display:flex;gap:18px;flex-wrap:wrap}
.x5-box{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--tx)}
.x5-box i{display:grid;place-items:center;width:20px;height:20px;border:1.5px solid var(--tx3);border-radius:2px;color:var(--gold-ink);font-style:normal}
.x5-box.on i{background:var(--gold);border-color:var(--gold)}
.x5-box:hover i{border-color:var(--gold)}
.x5-sg-i{margin-left:auto}
.x5-sg-why{flex-basis:100%;display:flex;flex-direction:column;gap:10px;padding-top:14px;border-top:1px dashed var(--line2)}
.x5-sg-why>.mono{font-size:10px;letter-spacing:.16em;color:var(--tx3)}
.x5-sg-why>.btn{align-self:flex-start}
.x5-sg-done{display:flex;align-items:center;gap:8px;color:var(--ok);font-size:14px}
@media (max-width:1100px){.x5-ch-hd{display:none}.x5-ch-r{grid-template-columns:48px minmax(0,1fr);border-bottom:2px solid var(--line2)}.x5-ch-r>*{border-right:0}.x5-ch-r>.x5-ch-n{grid-row:span 5;border-right:1px solid var(--line)}.x5-ch-w{flex-direction:row;align-items:center;gap:12px}.x5-ch-w .x5-ch-th{width:96px;flex:none}.x5-ch-l{display:block}.x5-ch-v{text-align:left}.x5-ch-r>*:last-child{border-bottom:0}}
@media (max-width:560px){.x5-ch-h{padding:16px}.x5-sg{padding:14px 16px}.x5-sg-i{margin-left:0}.x5-ch-r>*{padding:12px}}

/* ================= REPORTS LIST · covers ================= */
.x5-cv{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:22px}
.x5-cv-i{display:flex;flex-direction:column;gap:10px;min-width:0}
.x5-cv-pg{position:relative;aspect-ratio:210/297;display:flex;flex-direction:column;background:var(--s1);border:1px solid var(--line);border-radius:var(--r1);box-shadow:var(--shadow);overflow:hidden;cursor:pointer;transition:transform .25s,border-color .25s}
.x5-cv-pg:hover{transform:translateY(-3px);border-color:var(--gold-line)}
.x5-cv-top{display:flex;align-items:center;gap:8px;padding:10px 12px}
.x5-cv-top .mono{font-size:8.5px;letter-spacing:.2em;color:var(--tx3)}
.x5-cv-top .logo-m{width:18px;height:18px}
.x5-cv-im{height:44%;flex:none}
.x5-cv-rb{position:absolute;top:16px;right:-40px;z-index:3;width:150px;padding:4px 0;transform:rotate(45deg);background:var(--gold);color:var(--gold-ink);font-size:9px;letter-spacing:.2em;text-align:center}
.x5-cv-b{flex:1;display:flex;flex-direction:column;gap:5px;padding:12px;min-height:0}
.x5-cv-b>.mono{font-size:9px;letter-spacing:.16em;color:var(--gold)}
.x5-cv-b>b{font-family:var(--f-d);font-weight:var(--dw);font-stretch:var(--stretch);text-transform:var(--dcase);letter-spacing:var(--dls);font-size:18px;line-height:1.08;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.x5-cv-s{display:flex;align-items:baseline;gap:6px;margin-top:auto;padding-top:8px;border-top:1px solid var(--line)}
.x5-cv-s>b{font-size:30px;font-weight:500;line-height:1}
.x5-cv-s span.mono{font-size:11px}
.x5-cv-s>span.mono:last-child{color:var(--tx3);font-size:10.5px}
.x5-cv-i.is90 .x5-cv-pg{border-color:var(--gold)}
.x5-cv-i.is90 .x5-cv-s>b{color:var(--gold)}
.x5-cv-a{display:flex;gap:6px}
.x5-cv-a .btn{flex:1}
@media (max-width:560px){.x5-cv{grid-template-columns:1fr 1fr;gap:14px}.x5-cv-b>b{font-size:14px}.x5-cv-s>b{font-size:22px}.x5-cv-s>span.mono:last-child{display:none}.x5-cv-b{padding:10px}}

/* reports · archive */
.x5-ar{display:flex;flex-direction:column;gap:26px}
.x5-ar-l{position:relative;display:flex;flex-direction:column;gap:10px}
.x5-ar-l::before{content:"";position:absolute;left:83.5px;top:10px;bottom:10px;width:1px;background:var(--line2)}
.x5-ar-i{display:grid;grid-template-columns:64px 40px minmax(0,1fr);align-items:center}
.x5-ar-d{display:flex;flex-direction:column;align-items:flex-end;line-height:1}
.x5-ar-d b{font-size:28px;font-weight:500}
.x5-ar-d span{font-size:9.5px;letter-spacing:.14em;color:var(--tx3);margin-top:5px}
.x5-ar-dot{justify-self:center;width:11px;height:11px;border-radius:50%;background:var(--bg);border:2px solid var(--tx3);position:relative;z-index:1}
.x5-ar-i.is90 .x5-ar-dot{background:var(--gold);border-color:var(--gold)}
.x5-ar-c{display:grid;grid-template-columns:64px minmax(0,1fr) auto auto;gap:16px;align-items:center;padding:12px 16px 12px 12px;background:var(--s1);border:1px solid var(--line);border-radius:var(--r3);cursor:pointer;transition:border-color .2s;min-width:0}
.x5-ar-c:hover{border-color:var(--gold-line)}
.x5-ar-th{width:64px;height:42px;border-radius:var(--r1)}
.x5-ar-c b{font-size:14.5px}
.x5-ar-c .small{display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden}
.x5-ar-s{display:flex;align-items:center;gap:10px}
.x5-ar-s>b{font-size:24px;font-weight:500}
@media (max-width:640px){.x5-ar-l::before{left:51px}.x5-ar-i{grid-template-columns:40px 22px minmax(0,1fr)}.x5-ar-d b{font-size:20px}.x5-ar-d span{font-size:8.5px}.x5-ar-c{grid-template-columns:minmax(0,1fr) auto;gap:8px 10px;padding:12px}.x5-ar-th{display:none}.x5-ar-s{grid-row:1;grid-column:2}.x5-ar-c>.btn{grid-column:1/-1;justify-self:start}.x5-ar-c .small{white-space:normal;flex-wrap:wrap}}

/* reports · ranking */
.x5-rk{display:flex;flex-direction:column;gap:14px}
.x5-rk-h{display:flex;align-items:stretch;flex-wrap:wrap;background:var(--s1);border:1px solid var(--line);border-radius:var(--r3)}
.x5-rk-h>div:not(.x5-rk-f){display:flex;flex-direction:column;gap:4px;padding:14px 22px;border-right:1px solid var(--line)}
.x5-rk-h>div>span.mono{font-size:10px;letter-spacing:.16em;color:var(--tx3)}
.x5-rk-h b{font-size:26px;font-weight:500}
.x5-rk-f{margin:auto 14px auto auto}
.x5-rk-l{display:flex;flex-direction:column;gap:8px}
.x5-rk-i{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:14px;align-items:center}
.x5-rk-n{font-size:30px;font-weight:500;color:var(--tx3);text-align:right}
[data-dir="b"] .x5-rk-n{font-family:var(--f-d);font-stretch:var(--stretch);font-weight:800;font-size:38px}
.x5-rk-i:nth-child(-n+3) .x5-rk-n{color:var(--tx)}
.x5-rk-i:first-child .x5-rk-n{color:var(--gold)}
.x5-rk-c{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr) 56px;gap:22px;align-items:center;padding:14px 18px;background:var(--s1);border:1px solid var(--line);border-radius:var(--r3);cursor:pointer;transition:border-color .2s;min-width:0}
.x5-rk-c:hover{border-color:var(--gold-line)}
.x5-rk-c b{font-size:14.5px}
.x5-rk-c .small{display:flex;align-items:center;gap:6px;white-space:nowrap}
.x5-rk-t{position:relative;height:10px;border-radius:99px;background:var(--s3)}
.x5-rk-b{position:absolute;left:0;top:0;bottom:0;border-radius:99px;background:var(--tx3)}
.x5-rk-i.is90 .x5-rk-b{background:var(--gold)}
.x5-rk-90{position:absolute;top:-7px;bottom:-7px;border-left:2px dashed var(--gold)}
.x5-rk-s{font-size:24px;font-weight:500;text-align:right}
.x5-rk-i.is90 .x5-rk-s{color:var(--gold)}
.x5-rk-k{display:flex;align-items:center}
@media (max-width:760px){.x5-rk-h>div:not(.x5-rk-f){padding:12px 14px;flex:1 1 40%}.x5-rk-h>div:nth-child(2){border-right:0}.x5-rk-f{margin:10px 14px 14px}.x5-rk-i{grid-template-columns:34px minmax(0,1fr)}.x5-rk-n{font-size:18px}[data-dir="b"] .x5-rk-n{font-size:22px}.x5-rk-i>.btn{grid-column:2;justify-self:start}.x5-rk-c{grid-template-columns:minmax(0,1fr) 44px;gap:10px 12px;padding:12px}.x5-rk-t{grid-column:1/-1;grid-row:2}}

/* ================= PDF · paper pages (scale with the page, like a real preview) ================= */
.x5-a4{width:min(794px,94vw);aspect-ratio:210/297;container-type:inline-size;flex:none}
.x5-a4-in{position:relative;height:100%;display:flex;flex-direction:column;font-size:1.76cqw;line-height:1.5;padding:5.4em 5.2em 3.8em;overflow:hidden}
.x5-pp{--tx:#121316;--tx2:#4F535B;--tx3:#8A8E95;--line:#E6E3DC;--line2:#D3CFC5;--s1:#FFFFFF;--s2:#F6F4EF;--s3:#ECE9E2;--gold:#A8650C;--gold2:#C27B1C;--gold-ink:#FFFFFF;--gold-soft:rgba(166,118,26,.10);--gold-line:rgba(166,118,26,.45);--ok:#1D8752;--ok-s:rgba(29,135,82,.10);--bad:#C53B3B;--bad-s:rgba(197,59,59,.10);--warn:#B65A20;color:var(--tx);background:#FBFAF7;border:1px solid #E3E1DA;box-shadow:var(--shadow)}
.x5-pp .x5-still>img{filter:var(--img-f)}
.x5-pp-h{display:flex;justify-content:space-between;align-items:center;gap:1em;padding-bottom:1.1em;border-bottom:1px solid var(--line2);font-family:var(--f-m);font-size:.7em;letter-spacing:.16em;color:var(--tx3)}
.x5-pp-lg{display:inline-flex;align-items:center;gap:.6em;color:var(--tx)}
.x5-pp-h .x5-pp-lg,.x5-cf-h .x5-pp-lg{font-size:1.3em}
.x5-pp-lg b{font-family:var(--f-d);font-weight:700;letter-spacing:.22em;font-size:1em;font-stretch:100%}
.x5-pm{width:2em;height:2em;flex:none}
.x5-pp-t{font-family:var(--f-d);font-weight:var(--dw);font-stretch:var(--stretch);text-transform:var(--dcase);letter-spacing:var(--dls);line-height:var(--dlh);font-size:2.7em;margin:1em 0 .7em}
.x5-pp-cv{flex:1;display:flex;flex-direction:column;gap:1.3em;padding-top:2.6em;min-height:0}
.x5-pp-k{font-family:var(--f-m);font-size:.76em;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.x5-pp-n{font-family:var(--f-d);font-weight:var(--dw);font-stretch:var(--stretch);text-transform:var(--dcase);letter-spacing:var(--dls);line-height:var(--dlh);font-size:3.7em;max-width:13ch}
.x5-pp-sc{display:flex;align-items:flex-end;gap:.6em;margin-top:.4em}
.x5-pp-sc b{font-family:var(--f-m);font-weight:500;font-size:9.4em;line-height:.8;letter-spacing:-.05em;color:var(--gold)}
.x5-pp-sc span{font-family:var(--f-m);font-size:.86em;line-height:1.35;color:var(--tx3);padding-bottom:.4em}
.x5-pp-q{font-size:1.42em;line-height:1.38;max-width:28ch;padding-left:.9em;border-left:3px solid var(--gold);color:var(--tx)}
.x5-pp-band{flex:1 1 auto;min-height:8em;margin-top:.8em}
.x5-pp-m{display:grid;grid-template-columns:repeat(3,1fr);gap:.9em 1.4em;padding-top:1.2em;border-top:1px solid var(--line2);margin:0}
.x5-pp-m dt{font-family:var(--f-m);font-size:.64em;letter-spacing:.14em;text-transform:uppercase;color:var(--tx3)}
.x5-pp-m dd{margin:.2em 0 0;font-size:.86em}
.x5-a4-f{display:flex;justify-content:space-between;gap:1em;margin-top:auto;padding-top:1em;border-top:1px solid var(--line);font-family:var(--f-m);font-size:.64em;letter-spacing:.08em;color:var(--tx3)}
.x5-pp-cv+.x5-a4-f{margin-top:1.4em}
.x5-pp-2{display:grid;grid-template-columns:1fr 1fr;gap:1.8em}
.x5-pp h4{font-family:var(--f-m);font-weight:500;font-size:.68em;letter-spacing:.16em;text-transform:uppercase;color:var(--tx3);margin:0 0 .8em}
.x5-pp-li{position:relative;padding-left:1.2em;margin-bottom:.7em;font-size:.95em;line-height:1.45}
.x5-pp-li::before{content:"";position:absolute;left:0;top:.5em;width:.5em;height:.5em;border-radius:50%;background:var(--ok)}
.x5-pp-li.bad::before{background:var(--bad)}
.x5-pp-s{font-family:var(--f-d);font-weight:var(--dw);font-stretch:var(--stretch);text-transform:var(--dcase);letter-spacing:var(--dls);font-size:1.5em;margin:1.8em 0 .6em}
.x5-pp-tb{width:100%;border-collapse:collapse;font-size:.92em}
.x5-pp-tb th{text-align:left;font-family:var(--f-m);font-weight:500;font-size:.72em;letter-spacing:.12em;text-transform:uppercase;color:var(--tx3);padding:.6em .4em;border-bottom:1.5px solid var(--tx)}
.x5-pp-tb td{padding:.72em .4em;border-bottom:1px solid var(--line);vertical-align:top}
.x5-pp-tb td:last-child,.x5-pp-tb th:last-child{text-align:right}
.x5-pp-tb td:nth-child(2){font-family:var(--f-m);color:var(--tx3);font-size:.9em}
.x5-pp-tb td:nth-child(3){width:38%;vertical-align:middle}
.x5-pp-tb tr.tot td{border-bottom:0;border-top:1.5px solid var(--tx);font-weight:600}
.x5-pp-tb b{font-family:var(--f-m);font-weight:500}
.x5-pp-bar{display:block;height:.5em;background:var(--s3);border-radius:99px;overflow:hidden;min-width:5em}
.x5-pp-bar i{display:block;height:100%;background:var(--gold)}
.x5-pp-ev{display:flex;flex-direction:column}
.x5-pp-e{display:grid;grid-template-columns:8.5em minmax(0,1fr);gap:1.4em;padding:1em 0;border-top:1px solid var(--line)}
.x5-pp-at{display:flex;flex-direction:column;gap:.3em;font-family:var(--f-m);font-size:.86em;color:var(--gold)}
.x5-pp-at em{font-style:normal;font-size:.84em;color:var(--tx3);letter-spacing:.02em}
.x5-pp-at.big{font-size:1.8em;line-height:1}
.x5-pp-e b{font-size:1.04em}
.x5-pp-e p{margin:.3em 0 0;color:var(--tx2);font-size:.92em;line-height:1.5}
.x5-pp-ref{display:inline-block;margin-top:.5em;font-family:var(--f-m);font-size:.72em;letter-spacing:.04em;color:var(--tx3)}
.x5-pp-end{display:grid;grid-template-columns:repeat(3,1fr);margin-top:2em;border:1.5px solid var(--tx)}
.x5-pp-end>div{display:flex;flex-direction:column;gap:.2em;padding:1em 1.2em;border-left:1px solid var(--line2)}
.x5-pp-end>div:first-child{border-left:0}
.x5-pp-end span{font-family:var(--f-m);font-size:.66em;letter-spacing:.14em;text-transform:uppercase;color:var(--tx3)}
.x5-pp-end b{font-family:var(--f-m);font-weight:500;font-size:2.4em;line-height:1}
.x5-pp-end>div:nth-child(2) b{color:var(--gold)}
.x5-pp-note{margin-top:1.4em;font-size:.84em;line-height:1.6;color:var(--tx3);max-width:64ch}

/* pdf · coverage form */
.x5-cf-h{display:flex;align-items:center;justify-content:space-between;gap:1em;padding-bottom:1em;border-bottom:2.5px solid var(--tx)}
.x5-cf-h>div{display:flex;flex-direction:column;gap:.25em;min-width:0}
.x5-cf-k{font-family:var(--f-d);font-weight:800;font-stretch:var(--stretch);letter-spacing:.06em;font-size:1.8em;line-height:1}
.x5-cf-h>div>b{font-size:.82em;font-weight:500;color:var(--tx2)}
.x5-cf-h .x5-pp-lg{font-family:var(--f-m);font-size:.9em}
.x5-cf-g{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;padding:1px;background:var(--tx);margin:1.3em 0 1.4em}
.x5-cf-b{display:flex;flex-direction:column;gap:.25em;padding:.6em .8em;background:#FBFAF7;min-width:0}
.x5-cf-b.w2{grid-column:span 2}
.x5-cf-b span{font-family:var(--f-m);font-size:.6em;letter-spacing:.14em;text-transform:uppercase;color:var(--tx3)}
.x5-cf-b b{font-size:.88em;font-weight:600;line-height:1.3}
.x5-cf-sec{display:flex;flex-direction:column;gap:.6em;margin-bottom:1.3em}
.x5-cf-l{font-family:var(--f-m);font-size:.64em;letter-spacing:.18em;color:var(--tx);padding:.35em .6em;background:var(--s3);align-self:flex-start}
.x5-cf-log{font-size:1.34em;line-height:1.35;font-weight:500}
.x5-cf-sub{font-size:.8em;color:var(--tx2)}
.x5-cf-v{display:grid;grid-template-columns:repeat(3,1fr);gap:.8em}
.x5-cf-v>div{display:grid;grid-template-columns:auto 1fr;gap:.1em .7em;align-items:center;padding:.6em .7em;border:1px solid var(--line2)}
.x5-cf-v>div.on{border:1.5px solid var(--tx);background:var(--s2)}
.x5-cf-v i{grid-row:span 2;display:grid;place-items:center;width:1.7em;height:1.7em;border:1.5px solid var(--tx);font-style:normal;font-family:var(--f-m);font-weight:700;color:var(--gold)}
.x5-cf-v b{font-size:.86em}.x5-cf-v span{font-size:.72em;color:var(--tx3)}
.x5-cf-scr{display:grid;grid-template-columns:auto 1fr;gap:.2em 1.2em;align-items:center;margin-top:.5em}
.x5-cf-scr span{font-family:var(--f-m);font-size:.6em;letter-spacing:.16em;color:var(--tx3);grid-column:1}
.x5-cf-scr b{grid-column:1;font-family:var(--f-m);font-weight:500;font-size:3.4em;line-height:.9;color:var(--gold)}
.x5-cf-scr p{grid-column:2;grid-row:1/3;font-size:1em;line-height:1.45}
.x5-cf-t{width:100%;border-collapse:collapse;font-size:.86em}
.x5-cf-t th{font-family:var(--f-m);font-weight:500;font-size:.72em;letter-spacing:.1em;text-transform:uppercase;padding:.5em;border:1px solid var(--tx);background:var(--s3)}
.x5-cf-t td{padding:.5em .6em;border:1px solid var(--tx)}
.x5-cf-t td.x{text-align:center;font-family:var(--f-m);font-weight:700;color:var(--gold);width:11%}
.x5-cf-t td:last-child{text-align:right;width:9%}
.x5-cf-c{display:grid;grid-template-columns:7.5em minmax(0,1fr);gap:1em;padding:.75em 0;border-bottom:1px solid var(--line2)}
.x5-cf-c>span{font-family:var(--f-m);font-size:.82em;color:var(--gold);display:flex;flex-direction:column;gap:.2em}
.x5-cf-c>span em{font-style:normal;color:var(--tx3);font-size:.9em}
.x5-cf-c b{font-size:.98em}
.x5-cf-c p{margin:.25em 0 0;font-size:.88em;color:var(--tx2);line-height:1.5}
.x5-cf-p{font-size:.9em;line-height:1.6;color:var(--tx2)}
.x5-cf-sign{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4em;margin-top:2.6em}
.x5-cf-sign>div{display:flex;flex-direction:column;gap:.3em;padding-top:.8em;border-top:1px solid var(--tx)}
.x5-cf-sign span{font-family:var(--f-m);font-size:.62em;letter-spacing:.14em;text-transform:uppercase;color:var(--tx3)}
.x5-cf-sign b{font-size:.92em}

/* pdf · executive brief */
.x5-eb-band{display:flex;justify-content:space-between;align-items:center;gap:1em;margin:-5.4em -5.2em 0;padding:1.6em 5.2em;background:var(--tx);color:var(--s1)}
.x5-eb-band .x5-pp-lg{color:var(--s1);font-size:.92em}
.x5-eb-band>span:last-child{font-family:var(--f-m);font-size:.66em;letter-spacing:.16em;opacity:.8}
.x5-eb-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2em;align-items:end;padding:2em 0 1.4em;border-bottom:1.5px solid var(--tx)}
.x5-eb-n{font-family:var(--f-d);font-weight:var(--dw);font-stretch:var(--stretch);text-transform:var(--dcase);letter-spacing:var(--dls);line-height:var(--dlh);font-size:2.6em;margin:.3em 0 .45em}
.x5-eb-v{font-size:1.02em;line-height:1.45;color:var(--tx2);max-width:42ch}
.x5-eb-sc{display:flex;flex-direction:column;align-items:flex-end;gap:.25em;text-align:right}
.x5-eb-sc b{font-family:var(--f-m);font-weight:500;font-size:6em;line-height:.85;color:var(--gold);letter-spacing:-.04em}
.x5-eb-sc span{font-family:var(--f-m);font-size:.68em;letter-spacing:.14em;text-transform:uppercase;color:var(--tx3)}
.x5-eb-sc em{font-style:normal;font-size:.8em;color:var(--ok);font-family:var(--f-m)}
.x5-eb-g{display:grid;grid-template-columns:1fr 1fr;gap:2.2em;padding:1.3em 0;border-bottom:1px solid var(--line2)}
.x5-eb-g section{min-width:0}
.x5-eb-d{display:grid;grid-template-columns:9.5em minmax(0,1fr) 2em;gap:.8em;align-items:center;padding:.3em 0;font-size:.86em}
.x5-eb-d b{font-family:var(--f-m);font-weight:500;text-align:right}
.x5-eb-i{display:flex;flex-direction:column;gap:.1em;padding:.35em 0;border-bottom:1px solid var(--line)}
.x5-eb-i:last-child{border-bottom:0}
.x5-eb-i span{font-family:var(--f-m);font-size:.6em;letter-spacing:.14em;text-transform:uppercase;color:var(--tx3)}
.x5-eb-i b{font-size:.86em;font-weight:500;line-height:1.35}
.x5-eb-r{display:grid;grid-template-columns:5.6em minmax(0,1fr) auto;gap:.8em;align-items:baseline;padding:.5em 0;border-bottom:1px solid var(--line);font-size:.88em}
.x5-eb-r:last-child{border-bottom:0}
.x5-eb-r span{font-family:var(--f-m);color:var(--gold);font-size:.86em}
.x5-eb-r b{font-weight:500}
.x5-eb-r em{font-style:normal;font-family:var(--f-m);font-weight:600;color:var(--gold)}
.x5-eb-r em.bad{color:var(--bad);font-weight:500;font-size:.86em}
.x5-eb-why{display:grid;grid-template-columns:1fr 1fr;gap:2.2em;padding-top:1.3em}
.x5-eb-tb td:first-child{white-space:nowrap;font-family:var(--f-m);color:var(--gold)}
.x5-eb-tb td:first-child b{font-weight:500}
.x5-eb-tb td:nth-child(2){font-family:var(--f-u);color:var(--tx);font-size:1em}
.x5-eb-tb td:nth-child(2) span{color:var(--tx2);font-size:.92em}
.x5-eb-tb td:nth-child(3){width:auto;font-size:.9em;color:var(--tx2);white-space:nowrap}
.x5-eb-tb td:last-child{color:var(--tx3);font-size:.86em}
@media print{.x5-a4{width:100%;break-after:page}.x5-pp{box-shadow:none}}

/* existing slate certificate: keep its four facts inside the card on phones */
@media (max-width:760px){.x5-ctb .ctb-g{grid-template-columns:repeat(2,minmax(0,1fr))}.x5-ctb .ctb-g>div:nth-child(3){border-left:0}.x5-ctb .ctb-g b{font-size:clamp(22px,7vw,32px);overflow-wrap:anywhere}}
.x5-ck-i .tag,.x5-mx-i .tag,.x5-oa-i .tag{white-space:normal;height:auto;min-height:22px;padding:3px 8px;line-height:1.35;text-align:left}