/* 職得一搏 Career Play : court system. Plain CSS, no framework. */
:root{
  --ink:#0F1419;--ink-2:#36414B;--muted:#66727C;--rule:#D8DEDB;--panel:#F1F4F2;--white:#fff;
  --court:#12664F;--court-2:#0C4C3A;--court-3:#1B7A5E;--yellow:#FFD23F;--red:#B3261E;--red-bg:#FBEAE7;
  --display:"Big Shoulders Display","Barlow Condensed","Noto Sans TC",sans-serif;
  --sans:"Barlow","Noto Sans TC",system-ui,sans-serif;
  --bar:60px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--sans);color:var(--ink);background:#fff;font-size:16px;line-height:1.6;text-rendering:optimizeLegibility}
[data-lang="zh"] body{font-family:"Noto Sans TC","Barlow",system-ui,sans-serif;letter-spacing:.01em}
[data-lang="zh"] .en,[data-lang="en"] .zh{display:none!important}
h1,h2,h3,h4,p{margin:0}
h1,h2,h3,h4{line-height:1.25;text-wrap:balance}
p,li{text-wrap:pretty}
a{color:inherit}
button,input,select{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:3px solid var(--ink);outline-offset:2px}
.mast :focus-visible,.foot :focus-visible{outline-color:var(--yellow)}
.wrap{max-width:1240px;margin:0 auto;padding:0 24px}
.skip{position:absolute;left:-9999px;top:8px;z-index:50;background:var(--yellow);padding:8px 12px;font-weight:700}
.skip:focus{left:12px}
.disp{font-family:var(--display);font-weight:800;letter-spacing:.02em}

/* ---------- top bar ---------- */
.bar{position:sticky;top:0;z-index:30;background:#fff;border-bottom:1px solid var(--rule)}
.bar__in{display:flex;align-items:stretch;gap:20px;height:var(--bar)}
.mark{display:flex;align-items:center;gap:10px;text-decoration:none;white-space:nowrap}
.mark__zh{font-weight:900;font-size:20px;letter-spacing:.04em}
.mark__tag{font-family:var(--display);font-weight:800;font-size:15px;background:var(--court);color:#fff;padding:1px 7px;border-radius:2px;letter-spacing:.04em}
.tabs{display:flex;margin-left:auto}
.tab{display:flex;align-items:center;gap:8px;padding:0 18px;text-decoration:none;font-weight:600;font-size:15px;border-left:1px solid var(--rule);white-space:nowrap}
.tab__n{font-family:var(--display);font-weight:900;font-size:22px;color:var(--court);line-height:1}
.tab:hover{background:var(--panel)}
.tab[aria-current="page"]{background:var(--court);color:#fff}
.tab[aria-current="page"] .tab__n{color:var(--yellow)}
.lang{display:flex;align-items:center;gap:2px;padding-left:16px;border-left:1px solid var(--rule)}
.lang button{border:0;background:none;min-width:40px;height:36px;font-weight:700;font-size:14px;border-radius:2px}
.lang button[aria-pressed="true"]{background:var(--ink);color:#fff}
@media (max-width:900px){
  .bar__in{height:auto;flex-wrap:wrap;gap:0}
  .mark{height:52px}
  .lang{margin-left:auto;border-left:0}
  .tabs{order:3;width:calc(100% + 48px);margin:0 -24px;border-top:1px solid var(--rule)}
  .tab{flex:1;justify-content:center;padding:10px 6px;font-size:14px;flex-direction:column;gap:2px}
  .tab:first-child{border-left:0}
}

/* ---------- masthead: the court ---------- */
.mast{background:var(--court);color:#fff;position:relative;overflow:hidden}
.mast__lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.mast__lines *{fill:none;stroke:rgba(255,255,255,.2);stroke-width:2;vector-effect:non-scaling-stroke}
.mast__in{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:56px;padding-top:52px;padding-bottom:48px;align-items:end}
.mast__kicker{font-size:13.5px;color:rgba(255,255,255,.78);letter-spacing:.02em}
.mast__title{margin:14px 0 4px;font-size:clamp(54px,7.6vw,104px);font-weight:900;line-height:1;letter-spacing:.03em;white-space:nowrap}
.mast__en{font-family:var(--display);font-weight:800;font-size:clamp(20px,2.4vw,30px);letter-spacing:.16em;color:var(--yellow);text-transform:uppercase}
[data-lang="en"] .mast__title{font-family:var(--display);text-transform:uppercase;letter-spacing:.01em}
.mast__lede{margin-top:20px;max-width:35em;font-size:17.5px;line-height:1.7;color:rgba(255,255,255,.93)}
.wk{margin:0;background:rgba(6,44,33,.42);border:1px solid rgba(255,255,255,.28);padding:18px 18px 16px}
.wk__top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 12px;margin-bottom:12px}
.wk__title{font-size:14px;color:rgba(255,255,255,.8)}
.wk__sum{font-family:var(--display);font-weight:900;font-size:34px;line-height:1;color:var(--yellow);white-space:nowrap}
.wk__sum small{font-family:var(--sans);font-size:14px;font-weight:600;color:#fff;margin:0 4px}
.wk__grid{display:grid;grid-template-columns:40px repeat(7,minmax(0,1fr));gap:4px}
.wk__h{font-size:12px;text-align:center;color:rgba(255,255,255,.75)}
.wk__s{font-size:11.5px;color:rgba(255,255,255,.7);align-self:center}
.wk__b{height:28px;border-radius:2px}
.b-work{background:#fff}
.b-club{background:var(--yellow)}
.b-train{background:repeating-linear-gradient(135deg,rgba(255,255,255,.42) 0 2px,transparent 2px 7px);border:1px solid rgba(255,255,255,.35)}
.b-class{border:1px solid rgba(255,255,255,.4)}
.wk__legend{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:12px;font-size:12.5px;color:rgba(255,255,255,.88)}
.wk__legend i{display:inline-block;width:13px;height:13px;vertical-align:-2px;margin-right:6px;border-radius:2px}
@media (max-width:980px){.mast__in{grid-template-columns:1fr;gap:32px;padding-top:36px}}
@media (max-width:520px){.mast__title{font-size:clamp(46px,15vw,64px)}}

/* ---------- views ---------- */
.view{padding:44px 0 80px}
.view[hidden]{display:none}
.vhead{display:flex;justify-content:space-between;align-items:flex-end;gap:16px 32px;flex-wrap:wrap;margin-bottom:28px;padding-bottom:20px;border-bottom:2px solid var(--ink)}
.vhead h2{font-size:clamp(28px,3.2vw,40px);font-weight:900}
.vhead h2 .disp{color:var(--court);margin-right:12px}
.vhead p{margin-top:8px;color:var(--ink-2);max-width:44em}
.demo-tag{font-size:13px;border:1px solid var(--ink);border-radius:999px;padding:4px 12px;white-space:nowrap}

.tool{display:grid;grid-template-columns:350px minmax(0,1fr);gap:36px;align-items:start}
.out{display:grid;grid-template-columns:320px minmax(0,1fr);gap:36px;align-items:start}
@media (max-width:1200px){.out{grid-template-columns:1fr}}
@media (max-width:900px){
  .tool{display:flex;flex-direction:column;gap:28px}
  .out{display:contents}
  .out > :first-child{order:-1}
  .out > :last-child{order:1}
}

/* form */
.form{background:var(--panel);padding:22px 20px 8px;border-radius:4px}
.fs{border:0;margin:0 0 22px;padding:0;min-width:0}
.fs legend{font-weight:800;font-size:15px;padding:0;margin-bottom:12px}
.field{display:grid;gap:6px;margin-bottom:14px}
.field__top{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.field label,.lbl{font-size:13.5px;color:var(--ink-2)}
.field output{font-family:var(--display);font-weight:800;font-size:20px;line-height:1;font-variant-numeric:tabular-nums}
.row2{display:grid;grid-template-columns:1fr 92px;gap:10px}
.row2--even{grid-template-columns:1fr 1fr}
input[type=text],input[type=number],select{width:100%;height:44px;padding:0 12px;border:1px solid #B7C1BC;background:#fff;border-radius:3px}
select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);background-position:calc(100% - 18px) 19px,calc(100% - 13px) 19px;background-size:5px 5px;background-repeat:no-repeat;padding-right:32px}
input:focus,select:focus{border-color:var(--ink)}
input[type=range]{width:100%;accent-color:var(--court);height:28px;margin:0}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chipbtn{border:1px solid #B7C1BC;background:#fff;border-radius:999px;padding:7px 13px;font-size:14px;min-height:40px;text-align:left;line-height:1.3}
.chipbtn:hover{border-color:var(--ink)}
.chipbtn[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.chipbtn[aria-pressed="true"]::before{content:"\2713\00a0"}
.switch{display:flex;align-items:center;gap:12px;width:100%;border:1px solid #B7C1BC;background:#fff;border-radius:3px;padding:10px 12px;text-align:left;min-height:48px}
.switch__k{width:38px;height:22px;border-radius:999px;background:#C5CDC9;position:relative;flex:none;transition:background .15s}
.switch__k::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .15s}
.switch[aria-pressed="true"] .switch__k{background:var(--court)}
.switch[aria-pressed="true"] .switch__k::after{transform:translateX(16px)}
.switch small{display:block;color:var(--muted);font-size:12.5px}
.seg{display:inline-flex;border:1px solid var(--ink);border-radius:3px;overflow:hidden}
.seg button{border:0;background:#fff;padding:4px 12px;font-weight:700;font-size:13px}
.seg button[aria-pressed="true"]{background:var(--ink);color:#fff}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 16px;border:1.5px solid var(--ink);background:#fff;font-weight:700;font-size:14.5px;border-radius:3px;text-decoration:none;transition:background .12s}
.btn:hover{background:var(--yellow)}
.btn--solid{background:var(--ink);color:#fff}
.btn--solid:hover{background:var(--court);border-color:var(--court)}
.btn--sm{min-height:36px;padding:0 12px;font-size:13.5px}
.cardbar{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}

/* ---------- trading card ---------- */
.cardwrap{width:320px;max-width:100%;perspective:1400px;margin:0 auto}
.tcard{position:relative;width:100%;aspect-ratio:5/7;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.7,.2,1);transform:rotateX(var(--rx,0deg)) rotateY(calc(var(--ry,0deg) + var(--flip,0deg)))}
.tcard.is-flipped{--flip:180deg}
.face{position:absolute;inset:0;border-radius:16px;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;background:var(--court);color:#fff;padding:12px;display:flex;flex-direction:column;box-shadow:0 22px 44px -22px rgba(15,20,25,.6),inset 0 0 0 1px rgba(255,255,255,.12)}
.face--back{transform:rotateY(180deg);background:var(--ink)}
.tcard--pos .face{background:var(--ink)}
.tcard--pos .tc__win{background:#1D262F}
.tc__top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;padding:2px 4px 10px}
.tc__num{font-family:var(--display);font-weight:900;font-size:60px;line-height:.82;color:var(--yellow);font-variant-numeric:tabular-nums}
.tc__kind{font-family:var(--display);font-weight:800;font-size:15px;letter-spacing:.14em;color:var(--yellow);line-height:1.2}
.tc__sport{text-align:right;font-size:12px;letter-spacing:.06em;line-height:1.3;color:rgba(255,255,255,.85)}
.tc__sport b{display:block;font-family:var(--display);font-weight:800;font-size:22px;letter-spacing:.08em;color:#fff;text-transform:uppercase}
.tc__win{position:relative;flex:1;border-radius:9px;background:var(--court-3);overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:14px 14px 12px;min-height:0}
.tc__court{position:absolute;inset:0;width:100%;height:100%}
.tc__court *{fill:none;stroke:rgba(255,255,255,.55);stroke-width:1.4;vector-effect:non-scaling-stroke}
.tc__name{position:relative;font-size:30px;font-weight:900;line-height:1.1;overflow-wrap:anywhere}
.tc__pos{position:relative;font-size:14px;color:rgba(255,255,255,.88);margin-top:2px}
.tc__plate{background:#fff;color:var(--ink);border-radius:9px;margin-top:10px;padding:9px 10px 9px}
.tc__meta{display:flex;justify-content:space-between;gap:8px;font-size:11.5px;color:var(--ink-2);margin-bottom:7px;line-height:1.3}
.tc__meta b{color:var(--ink)}
.tc__stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:2px;text-align:center}
.tc__stats--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.st__k{font-size:11.5px;font-weight:700;white-space:nowrap}
[data-lang="en"] .st__k{font-family:var(--display);font-size:13px;letter-spacing:.06em}
.pips{display:flex;justify-content:center;gap:3px;margin-top:4px}
.pip{width:8px;height:8px;border-radius:50%;border:1.5px solid var(--court)}
.pip.on{background:var(--court)}
.stamp{position:absolute;top:14px;right:12px;width:86px;height:86px;border-radius:50%;border:3px double var(--yellow);color:var(--yellow);display:grid;place-items:center;text-align:center;font-weight:900;font-size:13px;line-height:1.15;transform:rotate(-12deg);background:rgba(12,76,58,.6);padding:6px}
.stamp[hidden]{display:none}
.shine{position:absolute;inset:0;border-radius:16px;pointer-events:none;background:radial-gradient(circle at var(--mx,50%) var(--my,30%),rgba(255,255,255,.2),transparent 48%);opacity:0;transition:opacity .2s}
.cardwrap:hover .shine{opacity:1}
.back__h{font-family:var(--display);font-weight:800;font-size:15px;letter-spacing:.14em;color:var(--yellow);padding:4px 4px 10px;display:flex;justify-content:space-between}
.back__list{list-style:none;margin:0;padding:0 4px;flex:1}
.back__list li{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.14);font-size:14px}
.back__list .pips .pip{border-color:var(--yellow)}
.back__list .pips .pip.on{background:var(--yellow)}
.back__list small{display:block;font-size:11.5px;color:rgba(255,255,255,.6)}
.back__foot{font-size:11.5px;color:rgba(255,255,255,.62);padding:10px 4px 2px;line-height:1.45}
@media (prefers-reduced-motion:reduce){.tcard{transition:none}html{scroll-behavior:auto}}

/* ---------- outputs ---------- */
.block{margin-bottom:34px}
.block__h{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}
.block__h h3{font-size:20px;font-weight:900}
.lines{list-style:none;margin:0;padding:0;counter-reset:l}
.lines li{position:relative;padding:12px 0 12px 38px;border-top:1px solid var(--rule)}
.lines li::before{counter-increment:l;content:counter(l);position:absolute;left:0;top:9px;font-family:var(--display);font-weight:900;font-size:24px;color:var(--court)}
.lines li.is-head{font-weight:700;padding-left:0}
.lines li.is-head::before{content:none}
.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.tags span{font-size:12.5px;background:var(--panel);padding:1px 8px;border-radius:2px;color:var(--ink-2)}
.empty{color:var(--muted);padding:14px 0;border-top:1px solid var(--rule)}
.note{font-size:13.5px;color:var(--muted);margin-top:10px;line-height:1.55}
.matches{list-style:none;margin:0;padding:0}
.match{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 0;border-top:1px solid var(--rule)}
.match__fit{font-family:var(--display);font-weight:900;font-size:36px;line-height:1;color:var(--court);font-variant-numeric:tabular-nums}
.match__fit small{font-size:18px;color:var(--muted)}
.match__fit.is-low{color:var(--muted)}
.match__role{font-weight:800;font-size:16.5px}
.match__org{font-size:13.5px;color:var(--muted)}
.need{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.need span{font-size:12.5px;padding:1px 8px;border-radius:2px;border:1px dashed #9AA6A0;color:var(--muted)}
.need span.ok{background:var(--court);border:1px solid var(--court);color:#fff}
@media (max-width:520px){.match{grid-template-columns:52px minmax(0,1fr)}.match .btn{grid-column:2;justify-self:start}}
.mini{display:flex;align-items:center;gap:12px}
.mini__card{width:44px;height:60px;border-radius:5px;background:var(--court);color:var(--yellow);display:grid;place-items:center;font-family:var(--display);font-weight:900;font-size:24px;flex:none}
.club{display:flex;gap:12px;align-items:flex-start;padding:14px;background:var(--panel);border-radius:4px;margin-top:4px}
.club__dot{width:14px;height:14px;border-radius:2px;flex:none;margin-top:5px;background:var(--yellow);border:1px solid var(--ink)}
.club.is-no .club__dot{background:#fff}

/* company readouts */
.ro{display:grid;grid-template-columns:1fr 1fr;border-top:2px solid var(--ink)}
.ro__c{padding:12px 0 14px;border-bottom:1px solid var(--rule)}
.ro__c:nth-child(3){padding-left:16px}
.ro__k{display:block;font-size:13.5px;color:var(--ink-2)}
.ro__v{font-family:var(--display);font-weight:800;font-size:34px;line-height:1.1;font-variant-numeric:tabular-nums}
.ro__c--big{grid-column:1/-1}
.ro__c--big .ro__v{font-size:54px;color:var(--court)}
.warn{background:var(--red-bg);color:var(--red);padding:10px 12px;margin-top:12px;font-size:14px;font-weight:600}
.warn:empty{display:none}
.gets{list-style:none;margin:0;padding:0}
.gets li{display:grid;grid-template-columns:110px 1fr;gap:14px;padding:12px 0;border-top:1px solid var(--rule);align-items:baseline}
.gets b{font-family:var(--display);font-weight:900;font-size:28px;line-height:1;color:var(--court)}
.fine{font-size:13px;color:var(--muted);margin-top:12px;line-height:1.55}

/* ---------- brief ---------- */
.brief{display:grid;grid-template-columns:270px minmax(0,1fr);gap:56px;align-items:start}
.qnav{position:sticky;top:calc(var(--bar) + 20px)}
.qnav p{font-size:13px;color:var(--muted);margin-bottom:8px}
.qnav ol{list-style:none;margin:0;padding:0}
.qnav a{display:grid;grid-template-columns:30px 1fr;gap:8px;padding:9px 0;border-top:1px solid var(--rule);text-decoration:none;font-size:14.5px;line-height:1.45}
.qnav a b{font-family:var(--display);font-weight:900;font-size:19px;color:var(--court);line-height:1.2}
.qnav a:hover span{text-decoration:underline}
.qnav a.is-on span{font-weight:700;background:linear-gradient(transparent 58%,var(--yellow) 58%)}
@media (max-width:900px){.brief{grid-template-columns:1fr;gap:24px}.qnav{position:static}}
.q{padding-bottom:52px;margin-bottom:52px;border-bottom:1px solid var(--rule);scroll-margin-top:calc(var(--bar) + 16px)}
.q__n{font-family:var(--display);font-weight:900;font-size:58px;line-height:.9;color:var(--court)}
.q h3{font-size:clamp(23px,2.5vw,31px);font-weight:900;margin:8px 0 16px}
.ans{font-size:18.5px;line-height:1.7;font-weight:500;max-width:44em}
mark{background:linear-gradient(transparent 56%,var(--yellow) 56%);color:inherit;padding:0 1px}
.q h4{font-size:16px;font-weight:800;margin:30px 0 10px}
.facts{list-style:none;margin:0;padding:0;max-width:52em}
.facts li{display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px;padding:13px 0;border-top:1px solid var(--rule);align-items:baseline}
.facts b{font-family:var(--display);font-weight:800;font-size:30px;line-height:1;white-space:nowrap;font-variant-numeric:tabular-nums}
.facts b small{font-family:var(--sans);font-size:14px;font-weight:600;color:var(--muted);margin-left:3px}
@media (max-width:600px){.facts li{grid-template-columns:1fr;gap:4px}}
.gap{margin-top:16px;padding:14px 16px;background:var(--panel);font-size:15px;max-width:52em}
.tbl{width:100%;border-collapse:collapse;font-size:15px;max-width:60em}
.tbl th,.tbl td{text-align:left;vertical-align:top;padding:11px 14px 11px 0;border-top:1px solid var(--rule)}
.tbl thead th{font-size:13px;color:var(--muted);font-weight:600;border-top:2px solid var(--ink)}
.tbl tbody th{font-weight:700;width:30%}
.scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch}
.steps{min-width:760px}
.steps td:first-child{font-family:var(--display);font-weight:900;font-size:24px;color:var(--court);width:44px}
.law{display:inline-block;margin-top:6px;font-size:12.5px;border:1px solid var(--ink);padding:1px 8px;border-radius:2px;text-decoration:none}
.law:hover{background:var(--yellow)}
@media (max-width:700px){.tbl:not(.steps),.tbl:not(.steps) tbody,.tbl:not(.steps) tr,.tbl:not(.steps) th,.tbl:not(.steps) td{display:block;width:auto}.tbl:not(.steps) thead{display:none}.tbl:not(.steps) tbody th{border-bottom:0;padding-bottom:2px}.tbl:not(.steps) td{border-top:0;padding-top:0}}
.week{display:grid;grid-template-columns:64px repeat(7,minmax(64px,1fr));gap:4px;min-width:600px;margin-top:6px}
.week__h{font-size:13px;font-weight:700;text-align:center;padding-bottom:4px}
.week__s{font-size:12.5px;color:var(--muted);align-self:center}
.week__c{min-height:52px;border-radius:2px;padding:6px 7px;font-size:12.5px;line-height:1.3;display:flex;flex-direction:column;justify-content:space-between}
.c-work{background:var(--ink);color:#fff}
.c-club{background:var(--yellow);border:1px solid var(--ink)}
.c-train{background:repeating-linear-gradient(135deg,#DDE4E0 0 3px,#F1F4F2 3px 8px)}
.c-class{border:1px solid #B7C1BC}
.c-rest{color:var(--muted)}
.week__c small{opacity:.75}
.ref{font-size:11px;font-weight:700;line-height:1;vertical-align:super;margin-left:2px;padding:1px 4px;border-radius:2px;background:var(--panel);color:var(--court);text-decoration:none;font-family:var(--sans)}
.ref:hover{background:var(--yellow);color:var(--ink)}
.ref::before{content:"["}.ref::after{content:"]"}
.sources{margin:0;padding-left:1.6em;font-size:14px;color:var(--ink-2);columns:2;column-gap:40px}
.sources li{break-inside:avoid;margin-bottom:9px;scroll-margin-top:calc(var(--bar) + 16px)}
.sources li:target{background:var(--yellow)}
.sources a{word-break:break-all;color:var(--court)}
@media (max-width:900px){.sources{columns:1}}

/* ---------- footer ---------- */
.foot{background:var(--ink);color:#fff;padding:48px 0 40px}
.foot__big{font-family:var(--display);font-weight:900;font-size:clamp(38px,6vw,76px);line-height:1;color:var(--yellow);text-transform:uppercase;letter-spacing:.01em}
.foot__line{margin-top:10px;font-size:18px}
.foot__row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 32px;margin-top:32px;padding-top:16px;border-top:1px solid rgba(255,255,255,.2);font-size:13.5px;color:rgba(255,255,255,.7)}

/* ---------- print: card + lines only ---------- */
@media print{
  .bar,.mast,.foot,.form,.cardbar,.demo-tag,.view:not(.is-active),.shine,.club,.block--matches{display:none!important}
  .view{padding:0}.tool,.out{display:block}
  .cardwrap{width:63mm;margin:0 0 8mm}
  .tcard{transform:none!important}
  .face--back{display:none}
  .face,.tc__plate,.pip.on{-webkit-print-color-adjust:exact;print-color-adjust:exact;box-shadow:none}
}