/* fontit ladataan headissa (V4) */
:root{--ink:#0C0F14;--ink2:#0A0D12;--surface:#141A24;--surface2:#1A222E;--line:#232C3A;--blue:#2E8BFF;--glow:#62A8FF;--white:#F4F7FB;--grey:#8A94A6;--greyd:#5C6675;--disp:'Archivo',system-ui,sans-serif;--body:'Hanken Grotesk',system-ui,sans-serif;--mono:'JetBrains Mono',monospace;--wrap:1200px;--radius:14px}
.um{background:var(--ink);color:var(--white);font-family:var(--body);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;background-image:radial-gradient(1100px 520px at 78% -10%,rgba(46,139,255,.10),transparent 60%)}
.um a{color:inherit;text-decoration:none}
.um .wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:22px}
.um .display,.um h1,.um h2,.um h3{font-family:var(--disp);font-weight:800;font-stretch:125%;letter-spacing:-.02em;line-height:.98;text-transform:uppercase}
.um h1{font-size:clamp(40px,7vw,92px);font-weight:900}.um h2{font-size:clamp(26px,3.4vw,44px)}.um h3{font-size:clamp(18px,1.8vw,24px)}
.um .kicker{font-family:var(--mono);font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--grey);font-weight:500}
.um .lead{font-size:clamp(17px,1.5vw,20px);color:#C7CEDA;max-width:56ch}.um .muted{color:var(--grey)}
.um .mono,.um .num{font-family:var(--mono);font-variant-numeric:tabular-nums}.um .num{font-weight:600}
.um .dot{--d:11px;width:var(--d);height:var(--d);border-radius:50%;background:var(--blue);display:inline-block;position:relative;flex:none;box-shadow:0 0 10px rgba(46,139,255,.9)}
.um .dot.pulse::after{content:"";position:absolute;inset:0;border-radius:50%;animation:umpulse 1.8s cubic-bezier(.4,0,.2,1) infinite}
@keyframes umpulse{0%{box-shadow:0 0 0 0 rgba(46,139,255,.55)}70%{box-shadow:0 0 0 12px rgba(46,139,255,0)}100%{box-shadow:0 0 0 0 rgba(46,139,255,0)}}
.um .logo{font-family:var(--disp);font-weight:900;font-size:21px;letter-spacing:-.03em;text-transform:lowercase;color:var(--white)}.um .logo .d{color:var(--blue)}
.um .badge-live{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);background:rgba(46,139,255,.12);border:1px solid rgba(46,139,255,.45);padding:4px 9px 4px 7px;border-radius:999px}
.um .tag{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--grey);border:1px solid var(--line);padding:3px 8px;border-radius:999px}
.um .btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--disp);font-weight:800;text-transform:uppercase;letter-spacing:.02em;font-size:14px;padding:13px 20px;border-radius:999px;border:0;cursor:pointer;transition:.18s}
.um .btn--blue{background:var(--blue);color:#051022}.um .btn--blue:hover{background:var(--glow)}
.um .btn--ghost{background:transparent;color:var(--white);border:1px solid var(--line)}.um .btn--ghost:hover{border-color:var(--blue);color:var(--blue)}
.um .nav{display:flex;gap:22px}.um .nav a{font-size:14.5px;color:#C7CEDA;padding:4px 0}.um .nav a:hover,.um .nav a.active{color:var(--white)}
.um .ticker{border-block:1px solid var(--line);background:var(--ink2);overflow:hidden}.um .ticker .track{display:flex;width:max-content;animation:umscroll 38s linear infinite}.um .ticker:hover .track{animation-play-state:paused}
@keyframes umscroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.um .tick{display:flex;align-items:center;gap:9px;padding:11px 22px;border-right:1px solid var(--line);white-space:nowrap}.um .tick .lg{color:var(--grey);font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase}.um .tick .sc{font-family:var(--mono);font-weight:600;font-size:14px}.um .tick .sc b{color:var(--blue)}
.um .hero{padding:clamp(48px,8vw,110px) 0 clamp(36px,5vw,64px)}.um .hero h1 span{color:var(--blue)}.um .hero .sub{margin-top:22px;display:flex;align-items:center;gap:14px}.um .hero .tagline{font-family:var(--disp);font-weight:800;font-stretch:120%;text-transform:uppercase;font-size:clamp(15px,1.6vw,19px)}.um .hero .cta{margin-top:30px;display:flex;gap:12px;flex-wrap:wrap}
.um .hero--img{background-size:cover;background-position:right center;border-bottom:1px solid var(--line)}
.um .section{padding:clamp(34px,5vw,62px) 0}.um .section-head{display:flex;align-items:center;gap:12px;margin-bottom:22px}.um .section-head h2{margin:0}.um .section-head .seemore{margin-left:auto;font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--blue)}
.um .grid{display:grid;gap:24px}
.um .card{background:linear-gradient(180deg,var(--surface),var(--ink2));border:1px solid var(--line);border-radius:var(--radius);padding:18px;transition:.18s}.um .card:hover{border-color:rgba(46,139,255,.5);transform:translateY(-2px)}
.um .match{display:grid;gap:12px}.um .match .top{display:flex;align-items:center;justify-content:space-between}.um .match .teams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin:6px 0}.um .match .team{display:flex;align-items:center;gap:10px}.um .match .team.away{justify-content:flex-end;text-align:right}.um .match .team .nm{font-family:var(--disp);font-weight:800;text-transform:uppercase;font-size:17px}.um .match .crest{width:30px;height:30px;border-radius:8px;flex:none;background:linear-gradient(160deg,var(--surface2),var(--ink2));border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:11px;font-weight:700;color:var(--blue)}.um .match .score{font-family:var(--mono);font-weight:700;font-size:30px}.um .match .score b{color:var(--blue)}.um .match .meta{color:var(--grey);font-family:var(--mono);font-size:12px}
.um .table{width:100%;border-collapse:collapse;font-size:14.5px}.um .table thead th{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--grey);font-weight:500;text-align:right;padding:10px;border-bottom:1px solid var(--line)}.um .table thead th:nth-child(2){text-align:left}.um .table td{padding:11px 10px;border-bottom:1px solid rgba(35,44,58,.6);text-align:right}.um .table td:nth-child(2){text-align:left}.um .table .pos{font-family:var(--mono);color:var(--grey)}.um .table .tm{font-weight:600}.um .table .num{font-family:var(--mono)}.um .table .pts{font-weight:700}.um .table tbody tr:hover{background:rgba(46,139,255,.05)}.um .table tbody tr.hl{box-shadow:inset 3px 0 0 var(--blue)}.um .table tbody tr.hl .pos{color:var(--blue)}
.um .sportgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.um .sportcard{position:relative;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);display:block;aspect-ratio:3/2}.um .sportcard img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.um .sportcard:hover{border-color:var(--blue)}.um .sportcard:hover img{transform:scale(1.06)}.um .sportcard .ov{position:absolute;inset:0;padding:16px;display:flex;align-items:flex-end;background:linear-gradient(180deg,transparent 35%,rgba(8,11,16,.88))}.um .sportcard .ov .nm{font-family:var(--disp);font-weight:800;text-transform:uppercase;font-size:19px}.um .sportcard .ov .go{margin-left:auto;color:var(--blue);font-family:var(--mono)}
.um .breadcrumb{font-family:var(--mono);font-size:12px;color:var(--grey);padding:18px 0 0;display:flex;gap:8px}.um .article-head{padding:18px 0 30px;border-bottom:1px solid var(--line);margin-bottom:34px}.um .article-head h1{font-size:clamp(32px,4.6vw,60px);margin-top:14px}.um .article-head .dek{color:#C7CEDA;font-size:clamp(16px,1.4vw,19px);max-width:62ch;margin-top:16px}.um .article-head .byline{display:flex;gap:14px;align-items:center;margin-top:18px;color:var(--grey);font-family:var(--mono);font-size:12px;flex-wrap:wrap}.um .article-head .byline .who{color:var(--white)}
.um .layout{display:grid;grid-template-columns:1fr 250px;gap:48px;align-items:start}.um .article{max-width:70ch}.um .article>*+*{margin-top:18px}.um .article h2{font-size:clamp(22px,2.4vw,30px);margin-top:44px}.um .article h3{font-size:18px;text-transform:none;font-family:var(--body);font-weight:700;letter-spacing:0;margin-top:26px}.um .article p,.um .article li{color:#D4DAE4;font-size:17px}.um .article a{color:var(--blue);text-decoration:underline}.um .article ul,.um .article ol{padding-left:22px}.um .article li{margin-top:8px}.um .article strong{color:var(--white)}
.um .toc{position:sticky;top:78px;border-left:1px solid var(--line);padding-left:18px}.um .toc .lbl{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--grey);margin-bottom:10px}.um .toc a{display:block;color:#9aa3b2;font-size:13.5px;padding:6px 0;border-left:2px solid transparent;padding-left:10px;margin-left:-12px}.um .toc a:hover{color:var(--white);border-color:var(--blue)}
.um .callout{background:rgba(46,139,255,.07);border:1px solid rgba(46,139,255,.3);border-radius:var(--radius);padding:18px 20px}.um .callout .lbl{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--blue);margin-bottom:6px;display:flex;align-items:center;gap:8px}.um .callout p{margin:0;font-size:16px;color:#D4DAE4}
.um .ctable{width:100%;border-collapse:collapse;font-size:15px}.um .ctable th{text-align:left;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--grey);font-weight:500;padding:10px 12px;border-bottom:1px solid var(--line)}.um .ctable td{padding:12px;border-bottom:1px solid rgba(35,44,58,.6);color:#D4DAE4}.um .ctable td:first-child{color:var(--white);font-weight:600}.um .ctable .free{color:var(--blue);font-family:var(--mono);font-size:13px}
.um .faq details{border-bottom:1px solid var(--line);padding:4px 0}.um .faq summary{cursor:pointer;list-style:none;padding:16px 0;font-weight:600;font-size:17px;display:flex;justify-content:space-between;gap:16px;align-items:center;color:var(--white)}.um .faq summary::after{content:"+";font-family:var(--mono);color:var(--blue);font-size:22px}.um .faq details[open] summary::after{content:"–"}.um .faq details p{color:#C7CEDA;font-size:16px;padding:0 0 18px;max-width:68ch}
.um .band{background:linear-gradient(120deg,rgba(46,139,255,.14),rgba(46,139,255,.03));border:1px solid rgba(46,139,255,.3);border-radius:var(--radius);padding:26px;display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:40px 0}.um .band h3{text-transform:none;font-family:var(--disp);font-size:22px}
.um .responsible{font-size:12.5px;color:var(--greyd);display:flex;align-items:center;gap:8px}.um .responsible .age{font-family:var(--mono);font-weight:700;color:var(--grey);border:1px solid var(--line);border-radius:999px;padding:1px 7px;font-size:11px}
.um .odds{display:flex;gap:10px}.um .odd{flex:1;text-align:center;background:var(--surface2);border:1px solid var(--line);border-radius:9px;padding:12px 8px;position:relative}.um .odd.best{border-color:var(--blue)}.um .odd .k{font-family:var(--mono);font-size:11px;color:var(--grey)}.um .odd .v{font-family:var(--mono);font-weight:700;font-size:20px}.um .odd.best .v{color:var(--blue)}.um .vihje{position:absolute;top:-9px;left:50%;transform:translateX(-50%);font-family:var(--mono);font-size:10px;text-transform:uppercase;background:var(--blue);color:#051022;padding:2px 8px;border-radius:999px;font-weight:700}
.um .umfoot{border-top:1px solid var(--line);background:var(--ink2);margin-top:40px}.um .umfoot .frow{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:30px;padding:46px 0 30px}.um .umfoot h4{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--grey);margin-bottom:12px}.um .umfoot a{display:block;color:#C7CEDA;font-size:14.5px;padding:4px 0}.um .umfoot a:hover{color:var(--blue)}.um .umfoot .legal{border-top:1px solid var(--line);padding:18px 0;display:flex;gap:16px;flex-wrap:wrap;color:var(--greyd);font-size:12.5px;align-items:center}
@media(max-width:980px){.um .layout{grid-template-columns:1fr}.um .toc{display:none}}
@media(max-width:860px){.um .nav{display:none}.um .umfoot .frow{grid-template-columns:1fr 1fr}}

html body{background:#0C0F14}.wp-block-post-title,.entry-title,.wp-block-template-part .wp-block-post-title{display:none}.um{background:var(--ink);color:var(--white);font-family:var(--body);font-size:17px;line-height:1.65}.um .topbar{position:sticky;top:0;z-index:50;background:rgba(10,13,18,.82);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.um .topbar .row{display:flex;align-items:center;gap:24px;height:62px}.um .spacer{flex:1}.um .hero--img{background-size:cover;background-position:center;border:1px solid var(--line);border-radius:var(--radius)}.um .wp-block-post-content,.um.entry-content{max-width:none}.um .sportcard{background:radial-gradient(130% 110% at 50% 135%,rgba(46,139,255,.22),#0A0D12)}.um .sportcard img{filter:brightness(1.6) saturate(1.2)}.um .match .score{white-space:nowrap}.um .match .teams{gap:14px}/*UMFIX*/body{padding-top:0!important}.wp-site-blocks{gap:0!important}.wp-block-post-content.entry-content,.entry-content.wp-block-post-content{max-width:none!important;padding:0!important;margin:0!important}.um{max-width:none!important;width:100%!important;margin-inline:0!important}.admin-bar .um .topbar{top:32px}.um .hero--img{min-height:480px;display:flex;align-items:center;background-size:cover;background-position:center right;border:0;border-radius:0;padding-block:0}.um .hero{padding-block:clamp(40px,5vw,70px)}.um .hero--img .lead{color:#E3E8EF}.um>.breadcrumb,.um>.article-head,.um>.layout,.um>.callout,.um>.band,.um>.faq,.um>.card,.um>h2,.um>h3,.um>p,.um>ul,.um>ol,.um>div{max-width:1180px;margin-inline:auto;padding-inline:22px}.um>.layout{padding-block:0 60px}/*/UMFIX*//*UMAUDIT*/html,body{overflow-x:hidden!important}.topbar .row{min-width:0}.topbar{background:rgb(10,13,18)!important;backdrop-filter:none;-webkit-backdrop-filter:none}.um .match .teams{align-items:center;gap:12px}.um .match .team{flex:1 1 0;min-width:0;display:flex;align-items:center;gap:8px}.um .match .team.away{justify-content:flex-end;text-align:right}.um .match .team .nm{min-width:0;font-size:14.5px;line-height:1.16;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.um .match .team .crest{flex:0 0 auto}.um .match .score{flex:0 0 auto;white-space:nowrap;font-size:19px}@media(max-width:860px){.topbar nav.nav{flex:1 1 auto;min-width:0;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:2px}.topbar nav.nav::-webkit-scrollbar{display:none}.topbar nav.nav a{padding:11px 10px;white-space:nowrap;flex:0 0 auto}}.admin-bar .ticker{margin-top:32px}/*UMAUDIT-END*//*UMMEGA*/
.topbar nav.nav{gap:2px}
.topbar nav.nav{position:relative}.topbar nav.nav .navitem{position:static}
.topbar nav.nav .navitem>a{display:inline-flex;align-items:center;gap:7px;padding:11px 14px;border-radius:10px;font-weight:600;letter-spacing:-.01em;transition:background .18s cubic-bezier(.22,1,.36,1),color .18s}
.topbar nav.nav .navitem>a::after{content:"";width:5px;height:5px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-1px);opacity:.5;transition:transform .18s cubic-bezier(.22,1,.36,1),opacity .18s}
.topbar nav.nav .navitem:hover>a,.topbar nav.nav .navitem:focus-within>a{background:rgba(255,255,255,.06);color:#F4F7FB}
.topbar nav.nav .navitem:hover>a::after,.topbar nav.nav .navitem:focus-within>a::after{transform:rotate(-135deg) translateY(-2px);opacity:1}

.mega{position:absolute;top:calc(100% + 10px);left:0;z-index:80;display:grid;grid-auto-flow:column;align-items:stretch;gap:0;padding:0;background:#0B0E14;border:1px solid rgba(255,255,255,.09);border-radius:16px;box-shadow:0 24px 60px -12px rgba(0,0,0,.72),0 0 0 1px rgba(46,139,255,.05);opacity:0;visibility:hidden;transform:translateY(-6px);pointer-events:none;transition:opacity .2s cubic-bezier(.22,1,.36,1),transform .2s cubic-bezier(.22,1,.36,1),visibility .2s;overflow:hidden}
.mega::before{content:"";position:absolute;top:-12px;left:0;right:0;height:14px}
/*mega-keyline: aina-paalla oleva brandimerkki, jotta paneeli ei valu harmaaksi kun mikaan ei ole livena*/
.mega::after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--blue,#2E8BFF);z-index:2;pointer-events:none}
.mega-h{color:#8794A8}

.navitem:hover>.mega,.navitem:focus-within>.mega{opacity:1!important;visibility:visible!important;transform:translateY(0)!important;pointer-events:auto!important}


.mega-col{display:flex;flex-direction:column;min-width:296px;padding:18px 10px 14px}
.mega-col+.mega-col{border-left:1px solid rgba(255,255,255,.07)}
.mega-h{display:block;font-family:var(--mono,"JetBrains Mono",monospace);font-size:10.5px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:#6E7A8C;padding:0 14px 10px}

.mega a.mega-link{display:grid;grid-template-columns:1fr auto;align-items:baseline;column-gap:16px;row-gap:2px;padding:11px 14px 12px;border-radius:9px;text-decoration:none;position:relative;transition:background .16s cubic-bezier(.22,1,.36,1)}
.mega a.mega-link+.mega-link::before{content:"";position:absolute;top:0;left:14px;right:14px;height:1px;background:rgba(255,255,255,.055)}
.mega a.mega-link:hover,.mega a.mega-link:focus-visible{background:rgba(46,139,255,.09);outline:none}
.mega a.mega-link:focus-visible{box-shadow:inset 0 0 0 1px rgba(46,139,255,.55)}
.ml-t{grid-column:1;font-family:var(--display,"Archivo",sans-serif);font-size:17px;font-weight:700;line-height:1.2;letter-spacing:-.015em;color:#E9EFF7;transition:color .16s}
.ml-s{grid-column:1;font-size:12.5px;font-weight:400;line-height:1.35;color:#7C8798;transition:color .16s}
.ml-m{grid-column:2;grid-row:1 / span 2;align-self:center;font-family:var(--mono,"JetBrains Mono",monospace);font-size:11px;font-weight:500;letter-spacing:.06em;color:#6E7A8C;}
.ml-m.is-live{display:flex;align-items:center;gap:5px;color:var(--blue,#2E8BFF)}
.ml-m.is-live .d{width:5px;height:5px;border-radius:50%;background:currentColor;flex:none}
.mega a.mega-link:hover .ml-t{color:#fff}
.mega a.mega-link:hover .ml-s{color:#9BA8BA}
.mega a.mega-link:hover .ml-m{color:var(--glow,#62A8FF)}

.mega-feat{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;width:268px;padding:20px;text-decoration:none;overflow:hidden;background-color:#10151E;background-size:cover;background-position:center;isolation:isolate}
/*mega-armour: brand.css .topbar nav.nav a{padding:4px 0} voittaa matalan spesifisyyden saannot, joten jokainen mega-linkki tarvitsee .mega a -tason*/
.mega a.mega-feat{padding:22px 22px 20px;text-decoration:none;font-size:inherit;color:inherit}
.mega a.mega-link{padding:12px 16px 13px}
.mega .mega-h{padding:0 16px 10px}
.mega a.mega-link+.mega-link::before{left:16px;right:16px}
.mega-feat::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(185deg,rgba(11,14,20,.35) 0%,rgba(11,14,20,.82) 58%,rgba(11,14,20,.96) 100%)}
.mega-feat-k{display:flex;align-items:center;gap:7px;font-family:var(--mono,"JetBrains Mono",monospace);font-size:10.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#9FB3CC}
.mega-feat-k .dot{width:7px;height:7px;border-radius:50%;background:var(--blue,#2E8BFF);box-shadow:0 0 0 3px rgba(46,139,255,.22)}
.mega-feat strong{font-family:var(--display,"Archivo",sans-serif);font-size:25px;font-weight:800;line-height:1.06;letter-spacing:-.025em;color:#fff}
.mega-feat .mega-feat-s{font-size:12.5px;line-height:1.4;color:#AAB8CA}
.mega-feat .mega-feat-go{margin-top:4px;font-family:var(--mono,"JetBrains Mono",monospace);font-size:11px;letter-spacing:.06em;color:var(--glow,#62A8FF)}
.mega-feat:hover .mega-feat-go{color:#fff}
.mega-feat::before{content:"";position:absolute;inset:0;z-index:1;border-left:1px solid rgba(255,255,255,.07);pointer-events:none;transition:background .18s}
.mega-feat:hover::before{background:rgba(46,139,255,.08)}

@media (prefers-reduced-motion:reduce){
.mega,.mega a.mega-link,.topbar nav.nav .navitem>a,.topbar nav.nav .navitem>a::after{transition:none!important}
}
@media (max-width:1080px){.mega-feat{display:none}}
@media (max-width:980px){.mega{display:none!important}}
/*\/UMMEGA*/
/*UMV3*/
/* vaihe 2: hero kompaktiksi. Mitattu: hero 610px korkea ja ensimmainen urheiluelementti y=964 eli 812px taitteen alapuolella. */
.um .hero,.um .hero--img{min-height:300px!important;padding-top:34px!important;padding-bottom:34px!important}
.um h1{font-size:clamp(38px,5.2vw,64px)!important;line-height:1.02!important;letter-spacing:-.03em}
.um .hero p{font-size:16px;line-height:1.5}
/* vaihe 3: typografia-asteikko neljaan tasoon 64/34/22/17, suhteet 1.88 / 1.55 / 1.29 (oli vain 91 ja 44) */
.um h2{font-size:clamp(26px,2.6vw,34px)!important;line-height:1.1!important;letter-spacing:-.02em}
.um h3{font-size:22px;line-height:1.22;font-weight:700;letter-spacing:-.015em}
/* vaihe 3: yksi korttijarjestelma neljan sijaan */
.um a.nx,.um .card,.um .card.match{background:#10151E;border:1px solid rgba(255,255,255,.07);border-radius:14px}
.um a.nx,.um .card,.um .card.match{padding:16px}
/* vaihe 3: kosketuskohteet vahintaan 44px (mitattu 14 linkkia alle, pahin 143x20) */
.um .seemore{display:inline-flex;align-items:center;min-height:44px;padding:0 4px}
.um .section-head{gap:16px;margin-bottom:18px}
/*\/UMV3*/
/*UMV3B*/
/* hero-teksti liukui oikealle: .wrap kutistui sisallon mukaan ja margin-inline:auto keskitti sen (mitattu margin-left 336px). Pakotetaan taysleveaksi, jolloin hero linjautuu muiden osioiden kanssa. */
.um .hero .wrap,.um .hero--img .wrap{flex:1 1 auto;width:100%;max-width:1180px;margin-inline:auto}
/* hero viela matalammaksi jotta kortit nakyvat kokonaan taitteen ylapuolella */
.um .hero,.um .hero--img{min-height:250px!important;padding-top:26px!important;padding-bottom:26px!important}
/* .nx-kortin kulma jai 13px koska sivukohtainen CSS latautuu headerin jalkeen: nostetaan spesifisyytta */
.um .nxwrap a.nx{border-radius:14px}
/*\/UMV3B*/
/*UMV3C*/
/* linjaus: osioilla on kaksinkertainen kaare (37px + 22px), herolla vain yksi, joten hero-teksti alkoi 36px vasemmalta. bandWrap on 1152px levea -> sama herolle. */
.um .hero .wrap,.um .hero--img .wrap{max-width:1152px}
/* heron pystyrytmi oli epasaannollinen: 16/16, 14/42.9, 22/0, 18/16, 30/0. Saannollistetaan ja tiivistetaan. */
.um .hero .kicker,.um .hero--img .kicker{margin-top:8px;margin-bottom:10px}
.um .hero h1,.um .hero--img h1{margin-top:6px;margin-bottom:16px}
.um .hero .sub,.um .hero--img .sub{margin-top:14px;margin-bottom:0}
.um .hero .lead,.um .hero--img .lead{margin-top:10px;margin-bottom:12px}
.um .hero .cta,.um .hero--img .cta{margin-top:20px}
/*\/UMV3C*/
/*UMV3D*/
/* .wrap on content-box, joten padding kasvatti leveyden 1152 -> 1196 ja hero jai 22px muita osioita vasemmalle */
.um .hero .wrap,.um .hero--img .wrap{box-sizing:border-box}
/* footer-linkit olivat 252x32: lapaisee WCAG AA:n 24px mutta on ahdas kosketukselle */
.um footer.umfoot .frow a{display:inline-flex;align-items:center;min-height:44px;padding:2px 0}
/*\/UMV3D*/




/*UMMEGACLICK*/
/* klikkaus avaa paneelin: ilman tata valikko oli hover-only ja kosketuslaitteella saavuttamaton */
.navitem.is-open>.mega{opacity:1!important;visibility:visible!important;transform:translateY(0)!important;pointer-events:auto!important}
/* sulkeutumisviive estaa rapsymisen kun valikon yli pyyhkaistaan; avautuminen pysyy valittomana */
.mega{transition-delay:.14s}
.navitem:hover>.mega,.navitem:focus-within>.mega,.navitem.is-open>.mega{transition-delay:0s}
/*\/UMMEGACLICK*/

/*UMPOST*/
/* ARTIKKELI- JA ARKISTOSIVUT. Brandi-CSS oli skoopattu .um-kaareeseen, eika WP:n artikkelipohja ole sen sisalla.
   Mitattu ennen korjausta: otsikon kontrasti 1.03 ja leipatekstin 1.09 (vaatimus 4.5) eli jutut olivat lukukelvottomia. */
body.single{background:#0C0F14;color:#C8D2E0}
body.single main{color:#C8D2E0}
/* leipateksti: 68ch rivipituus, 18px, ilmava riviväli */
body.single .wp-block-post-content,body.single .entry-content{max-width:70ch;margin-inline:auto;padding:0 22px;font-size:18px;line-height:1.72;color:#C8D2E0!important}
body.single .wp-block-post-content p,body.single .entry-content p{color:#C8D2E0!important;margin:0 0 1.15em;font-size:18px;line-height:1.72}
body.single .wp-block-post-content li,body.single .entry-content li{color:#C8D2E0!important;font-size:18px;line-height:1.65;margin:0 0 .5em}
body.single .wp-block-post-content strong,body.single .entry-content strong{color:#F4F7FB!important;font-weight:700}
body.single .wp-block-post-content a,body.single .entry-content a{color:var(--glow,#62A8FF)!important;text-decoration:underline;text-underline-offset:3px}
/* otsikot brandin asteikkoon */
body.single h1{color:#F4F7FB!important;font-family:var(--display,"Archivo",sans-serif);font-size:clamp(30px,3.6vw,44px);line-height:1.1;letter-spacing:-.025em;max-width:22ch;margin-inline:auto;padding:0 22px}
body.single h2{color:#F4F7FB!important;font-family:var(--display,"Archivo",sans-serif);font-size:26px;line-height:1.18;letter-spacing:-.02em;margin:1.9em auto .6em;max-width:58ch;padding:0 22px}
body.single h3{color:#E9EFF7!important;font-family:var(--display,"Archivo",sans-serif);font-size:20px;line-height:1.25;margin:1.5em auto .4em;max-width:70ch;padding:0 22px}
/* paivays ja meta */
body.single .wp-block-post-date{color:#8A94A6!important;font-family:var(--mono,"JetBrains Mono",monospace);font-size:12.5px;letter-spacing:.05em}
/*\/UMPOST*/
/*UMPOST2*/
/* 1) Jutun otsikko oli display:none (teema piilottaa .wp-block-post-title singularissa) -> juttu naytti alkavan ilman otsikkoa */
body.single .wp-block-post-title{display:block!important;text-align:left!important;color:#F4F7FB!important;font-family:var(--display,"Archivo",sans-serif);font-size:clamp(30px,3.4vw,42px);line-height:1.08;letter-spacing:-.025em;max-width:20ch;margin:34px auto 10px;padding:0 22px;width:100%;box-sizing:border-box}
body.single .wp-block-post-date{display:block!important;max-width:70ch;margin:0 auto 26px;padding:0 22px;width:100%;box-sizing:border-box;text-align:left}
/* 2) .entry-content on alignwide (max-width:none voitti) -> rivipituus oli 1154px eli noin 150 merkkia. Luettava raja on 65-75. */
body.single .wp-block-post-content.entry-content,body.single .entry-content.alignwide{max-width:58ch!important;margin-inline:auto!important;width:100%;box-sizing:border-box}
body.single .wp-block-post-content.entry-content p,body.single .wp-block-post-content.entry-content ul,body.single .wp-block-post-content.entry-content ol{max-width:none;padding:0}
body.single .wp-block-post-content.entry-content h2,body.single .wp-block-post-content.entry-content h3{max-width:none;padding:0}
/*\/UMPOST2*/


/*UMNEWS*/.um .newsgrid{display:grid;grid-template-columns:1.55fr 1fr;gap:18px;align-items:stretch}.um a.nw--lead{grid-row:span 2}.um a.nw{display:flex;flex-direction:column;gap:9px;padding:0 0 18px;border-radius:14px;background:#10151E;border:1px solid rgba(255,255,255,.07);text-decoration:none;overflow:hidden;transition:border-color .18s cubic-bezier(.22,1,.36,1),background .18s}.um a.nw:hover{border-color:rgba(46,139,255,.45);background:#131A25}.um .nw-img{display:block;overflow:hidden;background:#0B0E14;margin:0 0 4px}.um .nw-img img{display:block;width:100%;height:172px;object-fit:cover;transition:transform .35s cubic-bezier(.22,1,.36,1)}.um a.nw--lead .nw-img img{height:328px}.um a.nw:hover .nw-img img{transform:scale(1.03)}.um .nw-top,.um h3.nw-t,.um .nw-x,.um .nw-go{padding-left:18px;padding-right:18px}.um a.nw .nw-top:first-child{padding-top:18px}.um .nw-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.um .nw-k{font-family:var(--mono,"JetBrains Mono",monospace);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--blue,#2E8BFF)}.um .nw-d{font-family:var(--mono,"JetBrains Mono",monospace);font-size:11px;color:#7C8798}.um h3.nw-t{font-family:var(--display,"Archivo",sans-serif);font-size:18px;font-weight:800;line-height:1.2;letter-spacing:-.02em;color:#E9EFF7;margin:0}.um a.nw--lead h3.nw-t{font-size:30px;line-height:1.08;letter-spacing:-.03em}.um a.nw:hover h3.nw-t{color:#fff}.um .nw-x{font-size:14px;line-height:1.55;color:#8A94A6;margin:0}.um a.nw--lead .nw-x{font-size:15.5px}.um .nw-go{margin-top:auto;padding-top:4px;font-family:var(--mono,"JetBrains Mono",monospace);font-size:11.5px;letter-spacing:.05em;color:var(--glow,#62A8FF)}.um a.nw:hover .nw-go{color:#fff}@media (max-width:820px){.um .newsgrid{grid-template-columns:1fr}.um a.nw--lead{grid-row:auto}.um a.nw--lead .nw-img img{height:220px}.um a.nw--lead h3.nw-t{font-size:23px}}/*UMNEWS-END*/
/*UMFOOT*/.um footer.umfoot .frow h4 ~ a{display:flex;width:fit-content;margin:0 0 10px}.um footer.umfoot .frow h4 ~ a:last-child{margin-bottom:0}.um footer.umfoot .frow h4{margin:0 0 14px}/*UMFOOT-END*/
/*UMLIGHT*/html body.single-post{background:#fff !important}html body.single-post main,html body.single-post .wp-block-post-content,html body.single-post .entry-content{color:#1A1D23 !important}html body.single-post .entry-content p,html body.single-post .wp-block-post-content p,html body.single-post .entry-content li,html body.single-post .wp-block-post-content li{color:#1A1D23 !important}html body.single-post .entry-content strong,html body.single-post .wp-block-post-content strong{color:#0C0F14 !important}html body.single-post .wp-block-post-title,html body.single-post h1,html body.single-post .entry-content h2,html body.single-post .entry-content h3,html body.single-post .entry-content h4,html body.single-post .wp-block-post-content h2,html body.single-post .wp-block-post-content h3,html body.single-post .wp-block-post-content h4{color:#0C0F14 !important}html body.single-post .entry-content a,html body.single-post .wp-block-post-content a{color:#0B5FCC !important;text-decoration:underline;text-underline-offset:3px}html body.single-post .entry-content a:hover,html body.single-post .wp-block-post-content a:hover{color:#08479B !important}html body.single-post .entry-content em,html body.single-post .wp-block-post-content em{color:#2A2E36 !important}html body.single-post .entry-content blockquote,html body.single-post .wp-block-post-content blockquote{border-left:3px solid #2E8BFF;padding-left:18px;color:#3A4048 !important}html body.single-post .entry-content table,html body.single-post .wp-block-post-content table{display:block;overflow-x:auto;max-width:100%;border-collapse:collapse;font-size:15.5px;margin:28px 0}html body.single-post .entry-content th,html body.single-post .wp-block-post-content th{background:#F2F5F8;color:#0C0F14 !important;text-align:left;font-weight:700;padding:10px 12px;border-bottom:2px solid #D8DEE6;white-space:nowrap}html body.single-post .entry-content td,html body.single-post .wp-block-post-content td{padding:10px 12px;border-bottom:1px solid #E8ECF1;color:#242830 !important}html body.single-post .entry-content code,html body.single-post .wp-block-post-content code{font-family:var(--mono,"JetBrains Mono",monospace);background:#F2F5F8;color:#0C0F14 !important;padding:2px 6px;border-radius:4px}html body.single-post .wp-block-post-date,html body.single-post .wp-block-post-terms,html body.single-post .wp-block-post-author,html body.single-post .taxonomy-category{color:#5A6270 !important}@media (max-width:820px){html body.single-post .entry-content{font-size:17.5px}}/*UMLIGHT-END*/
/*UMTYPO*/html body.single-post .wp-block-post-title,html body.single-post .entry-content,html body.single-post .wp-block-post-content,html body.single-post .wp-block-post-date,html body.single-post .wp-block-post-terms{max-width:680px !important;margin-left:auto !important;margin-right:auto !important}html body.single-post .wp-block-post-featured-image,html body.single-post .wp-block-post-featured-image img{max-width:920px !important;margin-left:auto !important;margin-right:auto !important;border-radius:10px}html body.single-post .wp-block-post-featured-image{margin-top:26px !important;margin-bottom:34px !important}html body.single-post .wp-block-post-title,html body.single-post h1{font-size:clamp(32px,4.2vw,46px) !important;line-height:1.08 !important;letter-spacing:-.025em;margin-bottom:12px !important}html body.single-post .entry-content h2,html body.single-post .wp-block-post-content h2{font-size:30px !important;line-height:1.2 !important;letter-spacing:-.015em;margin-top:52px !important;margin-bottom:14px !important}html body.single-post .entry-content h3,html body.single-post .wp-block-post-content h3{font-size:23px !important;line-height:1.25 !important;margin-top:34px !important;margin-bottom:10px !important}html body.single-post .entry-content p,html body.single-post .wp-block-post-content p{font-size:19px !important;line-height:1.68 !important;margin-bottom:1.25em !important}html body.single-post .entry-content li,html body.single-post .wp-block-post-content li{font-size:19px !important;line-height:1.6 !important}html body.single-post .entry-content p:first-of-type,html body.single-post .wp-block-post-content p:first-of-type{font-size:21.5px !important;line-height:1.58 !important;color:#2A2E36 !important}html body.single-post .wp-block-post-date,html body.single-post .wp-block-post-terms,html body.single-post .taxonomy-category,html body.single-post .wp-block-post-author{font-family:var(--mono,"JetBrains Mono",monospace) !important;font-size:12px !important;letter-spacing:.1em;text-transform:uppercase;color:#5A6270 !important}@media (max-width:820px){html body.single-post .wp-block-post-title,html body.single-post .entry-content,html body.single-post .wp-block-post-content{max-width:100% !important;padding-left:20px;padding-right:20px}html body.single-post .entry-content p,html body.single-post .wp-block-post-content p{font-size:17.5px !important}html body.single-post .entry-content h2,html body.single-post .wp-block-post-content h2{font-size:25px !important;margin-top:40px !important}}/*UMTYPO-END*/
/*UMMOBIILI*/html body.single-post .wp-block-post-featured-image img,html body.single-post .entry-content img{max-width:min(920px,100%) !important;height:auto !important}@media (max-width:860px){.topbar .mega{position:static !important;width:100% !important;max-width:100% !important;grid-template-columns:1fr !important;box-shadow:none !important;border-radius:0 !important}.topbar .mega-feat{grid-column:auto !important}.topbar .mega img{max-width:100% !important;height:auto !important}}@media (max-width:860px){html,body{overflow-x:hidden !important;max-width:100% !important}}@media (max-width:640px){html body.single-post .entry-content p,html body.single-post .wp-block-post-content p,html body.single-post .entry-content li{font-size:17px !important;line-height:1.62 !important}html body.single-post .wp-block-post-title{font-size:29px !important;line-height:1.14 !important}html body.single-post .entry-content h2{font-size:22px !important;margin-top:34px !important}html body.single-post .entry-content table{font-size:14px !important}}/*UMMOBIILI-END*/
/*UMLAJI*/
.um .lajiuutiset{margin:38px 0}
/* Sivun muut osiot ovat 1224px. .wrap on 1244px, mika jattaisi otsikon 12px
   oikealle muihin nahden. Sama leveys poistaa eron. */
.um section.lajiuutiset .wrap{max-width:1224px;padding-left:0;padding-right:0}
.um .lu-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px;flex-wrap:wrap}
.um .lu-head h2{margin:0;font-size:24px;letter-spacing:-.02em}
.um .lu-all{font-family:var(--mono,"JetBrains Mono",monospace);font-size:11.5px;letter-spacing:.05em;color:var(--glow,#62A8FF);text-decoration:none}
.um .lu-all:hover{color:#fff}
.um #um-lajiuutiset{display:grid;grid-template-columns:1.5fr 1fr;gap:18px;align-items:start}
.um a.lu-lead{display:flex;flex-direction:column;gap:9px;padding:0 0 18px;border-radius:14px;background:#10151E;border:1px solid rgba(255,255,255,.07);text-decoration:none;overflow:hidden;transition:border-color .18s,background .18s}
.um a.lu-lead:hover{border-color:rgba(46,139,255,.45);background:#131A25}
.um .lu-img{display:block;overflow:hidden;background:#0B0E14}
.um .lu-img img{display:block;width:100%;height:250px;object-fit:cover;transition:transform .35s}
.um a.lu-lead:hover .lu-img img{transform:scale(1.03)}
.um .lu-top,.um h3.lu-t,.um .lu-x{padding-left:18px;padding-right:18px}
.um .lu-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px}
.um .lu-k{font-family:var(--mono,"JetBrains Mono",monospace);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--blue,#2E8BFF)}
.um .lu-d{font-family:var(--mono,"JetBrains Mono",monospace);font-size:11px;color:#7C8798}
.um h3.lu-t{font-family:var(--display,"Archivo",sans-serif);font-size:22px;font-weight:800;line-height:1.16;letter-spacing:-.02em;color:#E9EFF7;margin:0}
.um a.lu-lead:hover h3.lu-t{color:#fff}
.um .lu-x{font-size:14.5px;line-height:1.5;color:#8A94A6;margin:0}
.um .lu-list{display:flex;flex-direction:column;gap:10px}
.um a.lu-row{display:flex;gap:12px;align-items:center;padding:10px;border-radius:11px;background:#0F141C;border:1px solid rgba(255,255,255,.06);text-decoration:none;transition:border-color .18s,background .18s}
.um a.lu-row:hover{border-color:rgba(46,139,255,.4);background:#131A25}
.um .lu-rimg{flex:0 0 84px;height:58px;border-radius:7px;overflow:hidden;background:#0B0E14}
.um .lu-rimg img{display:block;width:100%;height:100%;object-fit:cover}
.um .lu-rw{display:flex;flex-direction:column;gap:3px;min-width:0}
.um .lu-rt{font-family:var(--display,"Archivo",sans-serif);font-size:14.5px;font-weight:700;line-height:1.24;color:#DDE5EF}
.um a.lu-row:hover .lu-rt{color:#fff}
.um .lu-tyhja{color:#8A94A6;font-size:14px}
@media (max-width:820px){
 .um #um-lajiuutiset{grid-template-columns:1fr}
 .um .lu-img img{height:190px}
 .um h3.lu-t{font-size:19px}
}
/*UMLAJI-END*/
/*UMKAT*/html body.single-post .um-kategoria{font-size:0 !important;margin:0 0 10px !important;text-align:center;line-height:1}html body.single-post .um-kategoria a{font-family:var(--mono,"JetBrains Mono",monospace) !important;font-size:12px !important;letter-spacing:.16em;text-transform:uppercase;color:#0B5FCC !important;text-decoration:none;font-weight:600}html body.single-post .um-kategoria a:hover{text-decoration:underline;text-underline-offset:3px}html body.single-post .um-kategoria a:not(:first-child){display:none !important}/*UMKAT-END*/
/*UMLIIGA*/
.um .um-liiga .ottelut{display:grid;grid-template-columns:repeat(auto-fit,minmax(252px,1fr));gap:14px}
.um .um-liiga .liiga-ottelu{background:rgba(255,255,255,.022);border:1px solid var(--line);
 border-radius:13px;padding:14px 16px 15px;transition:border-color .18s,transform .18s}
.um .um-liiga .liiga-ottelu:hover{border-color:rgba(46,139,255,.42);transform:translateY(-2px)}
.um .um-liiga .liiga-ottelu .top{display:flex;align-items:center;justify-content:space-between;
 gap:10px;margin:0 0 12px}
.um .um-liiga .liiga-ottelu .tag{font-family:var(--mono);font-size:10px;letter-spacing:.1em;
 text-transform:uppercase;color:var(--grey)}
.um .um-liiga .liiga-ottelu .meta{font-family:var(--mono);font-size:10px;letter-spacing:.1em;
 text-transform:uppercase;color:var(--greyd)}
.um .um-liiga .liiga-ottelu .teams{display:grid;grid-template-columns:1fr auto 1fr;
 align-items:center;gap:10px}
.um .um-liiga .liiga-ottelu .team{display:flex;align-items:center;gap:9px;min-width:0}
.um .um-liiga .liiga-ottelu .team.away{justify-content:flex-end;text-align:right}
.um .um-liiga .liiga-ottelu .nm{font-weight:650;font-size:14px;line-height:1.25;
 overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.um .um-liiga .liiga-ottelu .score{font-family:var(--mono);font-size:20px;white-space:nowrap;
 color:var(--white);letter-spacing:.02em}
.um .um-liiga .liiga-ottelu .score b{font-weight:700}
.um .um-liiga .liiga-ottelu .score.tyhja{color:var(--greyd);font-size:16px}
.um .um-liiga .vaakuna{width:26px;height:26px;object-fit:contain;flex:0 0 26px;display:block}
.um .liiga-taulukko .vaakuna{width:24px;height:24px;flex:0 0 24px}
.um .um-liiga .vaakuna-tyhja{width:26px;height:26px;flex:0 0 26px;border-radius:50%;
 background:var(--surface2);border:1px solid var(--line);display:inline-flex;
 align-items:center;justify-content:center;font-family:var(--mono);font-size:9px;color:var(--grey)}
.um .liiga-taulukko{min-width:580px}
.um .liiga-taulukko tbody tr.raja td{border-bottom:1px solid rgba(46,139,255,.45)}
.um .liiga-taulukko td.nimi{display:flex;align-items:center;gap:10px}
.um .liiga-taulukko .jn{font-weight:650;white-space:nowrap}
.um .liiga-taulukko .maalit{color:var(--grey);font-size:13px}
.um .liiga-taulukko .pist{color:var(--blue);font-weight:700;width:44px}
/*UMLIIGA-END*/
/*UMTICKB*/
.um .ticker .tick .tb{width:20px;height:20px;object-fit:contain;display:inline-block;
 vertical-align:-5px;margin:0 7px 0 3px;flex:0 0 20px}
.um .ticker .tick .tb+.sc,.um .ticker .tick .sc+.tb{margin-left:7px}
.um .ticker .tick img.tb:last-child{margin:0 3px 0 7px}
/*UMTICKB-END*/
/*UMLIVE2*/
.um .um-live2 .ottelut{display:grid;grid-template-columns:repeat(auto-fit,minmax(252px,1fr));gap:14px}
.um .um-live2 .liiga-ottelu{background:rgba(255,255,255,.022);border:1px solid var(--line);
 border-radius:13px;padding:14px 16px 15px}
.um .um-live2 .liiga-ottelu .top{display:flex;align-items:center;justify-content:space-between;
 gap:10px;margin:0 0 12px}
.um .um-live2 .liiga-ottelu .tag,.um .um-live2 .liiga-ottelu .meta{font-family:var(--mono);
 font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--grey)}
.um .um-live2 .liiga-ottelu .meta{color:var(--greyd)}
.um .um-live2 .liiga-ottelu .teams{display:grid;grid-template-columns:1fr auto 1fr;
 align-items:center;gap:10px}
.um .um-live2 .liiga-ottelu .team{display:flex;align-items:center;min-width:0}
.um .um-live2 .liiga-ottelu .team.away{justify-content:flex-end;text-align:right}
.um .um-live2 .liiga-ottelu .nm{font-weight:650;font-size:14px;overflow:hidden;
 text-overflow:ellipsis;white-space:nowrap}
.um .um-live2 .liiga-ottelu .score{font-family:var(--mono);font-size:20px;white-space:nowrap;color:var(--white)}
.um .um-live2 .liiga-ottelu .score.tyhja{color:var(--greyd);font-size:16px}
.um .um-live2 .liiga-ottelu .team{gap:9px}
.um .um-live2 .vaakuna{width:26px;height:26px;object-fit:contain;flex:0 0 26px;display:block}
.um .um-live2 .vaakuna-tyhja{width:26px;height:26px;flex:0 0 26px;border-radius:50%;
 background:var(--surface2);border:1px solid var(--line);display:inline-flex;
 align-items:center;justify-content:center;font-family:var(--mono);font-size:9px;color:var(--grey)}
.um .um-tulos .lohko-head h2{display:flex;align-items:center;gap:11px}
.um .sarjalogo{object-fit:contain;display:block;flex:0 0 auto}
.um .um-live2 .sarjarivi{display:flex;flex-wrap:wrap;gap:10px 20px;margin:0 0 16px}
.um .um-live2 .sarja{display:flex;align-items:center;gap:9px;font-size:13px;
 color:var(--grey);font-weight:600}
.um .um-live2 .sessiot{display:grid;gap:2px}
.um .um-live2 .sessio{display:grid;grid-template-columns:96px 1fr auto;align-items:center;
 gap:12px;padding:11px 12px;border-radius:9px;border:1px solid transparent}
.um .um-live2 .sessio:nth-child(odd){background:rgba(255,255,255,.018)}
.um .um-live2 .sessio.kisa{background:rgba(46,139,255,.1);border-color:rgba(46,139,255,.32)}
.um .um-live2 .sessio .pv{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--grey)}
.um .um-live2 .sessio .nm{font-weight:650;font-size:14.5px}
.um .um-live2 .sessio.kisa .nm{color:var(--blue)}
.um .um-live2 .sessio .aika{font-size:15px;color:var(--white)}
.um .um-live2 .tulossa .muted{font-size:14px;line-height:1.65;margin:0 0 10px}
.um .um-live2 .tulossa a{color:var(--blue);text-decoration:none;font-weight:600}
.um .um-live2 .tulossa a:hover{text-decoration:underline}
@media (max-width:760px){
 .um .um-live2 .ottelut{grid-template-columns:1fr}
 .um .um-live2 .sessio{grid-template-columns:88px 1fr auto;gap:8px;padding:10px 8px}
}
/*UMLIVE2-END*/
/*UMTULOS*/
.um .um-tulos{margin:14px auto 44px;max-width:1224px;padding:0 22px;box-sizing:border-box}
.um .um-tulos .lohko{background:linear-gradient(180deg,var(--surface),var(--ink2));
 border:1px solid var(--line);border-radius:18px;padding:26px 30px 28px;margin:0 0 20px}
.um .um-tulos .lohko-head{display:flex;align-items:baseline;justify-content:space-between;
 gap:16px;border-bottom:1px solid var(--line);padding-bottom:14px;margin:0 0 20px}
.um .um-tulos .lohko-head h2{margin:0;font-size:19px;letter-spacing:-.01em;line-height:1.2;
 min-width:0;overflow-wrap:anywhere}
.um .um-tulos .lohko-pvm{font-size:11px;color:var(--grey);letter-spacing:.14em;
 text-transform:uppercase;white-space:nowrap}
.um .um-tulos .selite{font-size:11.5px;line-height:1.75;margin:18px 0 0;color:var(--greyd)}
.um .um-tulos .lahde{font-size:12px;margin:4px 2px 0;color:var(--greyd)}
.um .um-tulos .lataa{grid-column:1/-1;margin:0;padding:8px 0;color:var(--grey);font-size:14px}
.um .um-tulos .vieritin{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -6px}
.um .um-tulos table{width:100%;border-collapse:collapse}
.um .um-tulos thead th{font-family:var(--mono);font-size:10px;letter-spacing:.12em;
 text-transform:uppercase;color:var(--greyd);text-align:right;padding:0 9px 12px;
 border-bottom:1px solid var(--line);font-weight:600}
.um .um-tulos thead th.nimi{text-align:left}
.um .um-tulos tbody td{padding:9px;text-align:right;font-size:14px;
 border-bottom:1px solid rgba(35,44,58,.5);color:var(--white)}
.um .um-tulos tbody tr:last-child td{border-bottom:0}
.um .um-tulos tbody tr:hover td{background:rgba(46,139,255,.06)}
.um .um-tulos tbody td.nimi{text-align:left}
.um .um-tulos .sija{color:var(--grey);width:34px;text-align:center;font-size:12px}
.um .um-tulos .tulossa p{font-size:14px;line-height:1.65;margin:0 0 10px;color:var(--grey)}
.um .um-tulos .tulossa p:last-child{margin-bottom:0}
.um .um-tulos .tulossa a{color:var(--blue);text-decoration:none;font-weight:600}
.um .um-tulos .tulossa a:hover{text-decoration:underline}
@media (max-width:760px){
 .um .um-tulos{padding:0 22px}
 .um .um-tulos .lohko{padding:20px 18px 22px;border-radius:15px}
 .um .um-tulos .lohko-head{flex-direction:column;align-items:flex-start;gap:5px}
 .um .um-tulos .lohko-head h2{font-size:17px}
 .um .um-tulos .vieritin{margin:0}
}
/*UMTULOS-END*/
/*UMF1*/
.um .um-f1 .f1-tulos{min-width:520px}
.um .um-f1 .f1-kalenteri{min-width:460px}
.um .um-f1 td.kuljettaja{display:flex;align-items:center;gap:10px}
.um .um-f1 .vari{width:3px;height:19px;border-radius:2px;background:var(--greyd);flex:0 0 3px}
.um .um-f1 .kn{font-weight:650;white-space:nowrap}
.um .um-f1 .kasvot{width:34px;height:34px;border-radius:50%;object-fit:cover;flex:0 0 34px;
 background:var(--surface2);border:1px solid var(--line);display:block;margin:-4px 0}
.um .um-f1 .talli{color:var(--grey);font-size:13px;white-space:nowrap}
.um .um-f1 .ero{color:var(--grey);font-size:13px;white-space:nowrap}
.um .um-f1 .pist{color:var(--blue);font-weight:700;width:40px}
.um .um-f1 tbody tr:nth-child(-n+3) .kn{color:var(--white)}
.um .um-f1 tbody tr:nth-child(1) .sija{color:var(--blue);font-weight:700}
.um .um-f1 .f1-kalenteri .rata{color:var(--grey);font-size:13px}
.um .um-f1 .f1-kalenteri tr.mennyt td{color:var(--greyd)}
.um .um-f1 .f1-kalenteri tr.mennyt .nimi{color:var(--greyd)}
.um .um-f1 .f1-kalenteri tr.seuraava td{background:rgba(46,139,255,.09)}
.um .um-f1 .f1-kalenteri tr.seuraava .sija{color:var(--blue);font-weight:700}
.um .um-f1 .sessiot{display:grid;gap:2px}
.um .um-f1 .sessio{display:grid;grid-template-columns:104px 1fr auto;align-items:center;
 gap:12px;padding:11px 12px;border-radius:9px;border:1px solid transparent}
.um .um-f1 .sessio:nth-child(odd){background:rgba(255,255,255,.018)}
.um .um-f1 .sessio.kisa{background:rgba(46,139,255,.1);border-color:rgba(46,139,255,.32)}
.um .um-f1 .sessio .pv{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--grey)}
.um .um-f1 .sessio .nm{font-weight:650;font-size:14.5px}
.um .um-f1 .sessio.kisa .nm{color:var(--blue)}
.um .um-f1 .sessio .aika{font-size:15px;color:var(--white)}
@media (max-width:760px){
 .um .um-f1 .sessio{grid-template-columns:92px 1fr auto;gap:8px;padding:10px 8px}
 .um .um-f1 .sessio .nm{font-size:13.5px}
}
.um .um-f1 .mm-parit{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.um .um-f1 .mm-box h3{margin:0 0 12px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;
 color:var(--grey);font-family:var(--mono);font-weight:600}
.um .um-f1 .f1-mm{min-width:0}
.um .um-f1 .f1-mm td.nimi{display:flex;flex-direction:column;gap:1px}
.um .um-f1 .f1-mm .talli{color:var(--greyd);font-size:11.5px}
.um .um-f1 .f1-mm tbody tr:nth-child(1) .sija{color:var(--blue);font-weight:700}
@media (max-width:760px){.um .um-f1 .mm-parit{grid-template-columns:1fr;gap:24px}}
/*UMF1-END*/
/*UMETUH1*/
.um .um-etusivu-h1{max-width:1224px;margin:22px auto 0;padding:0 22px;box-sizing:border-box}
.um .um-etusivu-h1 h1{font-family:var(--mono,"JetBrains Mono",monospace);font-size:12.5px;font-weight:600;
 letter-spacing:.14em;text-transform:uppercase;color:var(--grey);margin:0;line-height:1.5}
html body.single-post .paivitetty{font-size:15px;color:#4A5364;border-left:3px solid #0B5FCC;
 padding:4px 0 4px 14px;margin:34px 0 0}
/*UMETUH1-END*/
/*UMDATA*/
.um .wrap-tulos{max-width:1224px;margin:0 auto 34px;padding:0 22px;box-sizing:border-box}
.um .um-teksti h2{font-size:22px;margin:30px 0 10px}.um .um-teksti p,.um .um-teksti li{font-size:16.5px;line-height:1.7;color:var(--grey);max-width:76ch}
.um .um-teksti a,.um .jl-muut a{color:var(--blue);text-decoration:none;font-weight:600}
.um .um-linkit h2{font-size:19px;margin:0 0 14px}
.um .jl-ruudukko{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:8px}
.um .jl-ruudukko .jl{display:block;padding:10px 12px;border:1px solid var(--line);border-radius:10px;color:var(--white);
 text-decoration:none;font-weight:650;font-size:14px;background:rgba(255,255,255,.02);transition:border-color .15s}
.um .jl-ruudukko .jl:hover,.um .jl-ruudukko .jl.oma{border-color:rgba(46,139,255,.6)}
.um .jl-muut{margin:14px 0 0;font-size:14px;color:var(--greyd)}
.um .joukkue-tiivis{font-size:17px;line-height:1.65;color:var(--grey);margin:0 0 20px;max-width:80ch}
.um .joukkue-tiivis strong{color:var(--white)}
.um .liiga-taulukko a.jn{color:var(--white);text-decoration:none}.um .liiga-taulukko a.jn:hover{color:var(--blue)}
.um .liiga-taulukko tr.oma td{background:rgba(46,139,255,.12)}
.um .kausiohjelma{width:100%;border-collapse:collapse;min-width:520px}
.um .kausiohjelma th{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--greyd);
 text-align:left;padding:0 9px 10px;border-bottom:1px solid var(--line)}
.um .kausiohjelma td{padding:8px 9px;border-bottom:1px solid rgba(35,44,58,.5);font-size:14px}
.um .kausiohjelma tr.pelattu td{color:var(--grey)}.um .kausiohjelma .voitto{color:#3ecf8e;font-weight:700}
.um .kausiohjelma .tappio{color:var(--grey)}.um .kausiohjelma .live{color:var(--blue);font-weight:700}
.um .ukk details{border-bottom:1px solid var(--line);padding:12px 0}.um .ukk summary{cursor:pointer;font-weight:650;font-size:15.5px}
.um .ukk details p{margin:8px 0 0;color:var(--grey);line-height:1.65}
.um .um-ohjelma .lohko-head h2{font-size:17px}
.um .porssi-parit{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.um .nhl-porssi{width:100%;border-collapse:collapse}.um .nhl-porssi td.joukkue{display:flex;align-items:center;gap:7px;color:var(--grey);font-size:13px}
@media (max-width:860px){.um .porssi-parit{grid-template-columns:1fr}}
/*UMDATA-END*/
/*UMNHL*/
.um .um-nhl .ottelut{display:grid;grid-template-columns:repeat(auto-fit,minmax(262px,1fr));gap:14px}
.um .um-nhl .nhl-ottelu{background:rgba(255,255,255,.022);border:1px solid var(--line);
 border-radius:13px;padding:14px 16px 15px;transition:border-color .18s,transform .18s}
.um .um-nhl .nhl-ottelu:hover{border-color:rgba(46,139,255,.42);transform:translateY(-2px)}
.um .um-nhl .nhl-ottelu .top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px}
.um .um-nhl .nhl-ottelu .tag,.um .um-nhl .nhl-ottelu .meta{font-family:var(--mono);font-size:10px;
 letter-spacing:.1em;text-transform:uppercase;color:var(--grey)}
.um .um-nhl .nhl-ottelu .meta{color:var(--greyd);text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.um .um-nhl .nhl-ottelu .teams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px}
.um .um-nhl .nhl-ottelu .team{display:flex;align-items:center;gap:9px;min-width:0}
.um .um-nhl .nhl-ottelu .team.away{justify-content:flex-end;text-align:right}
.um .um-nhl .nhl-ottelu .nm{font-weight:650;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.um .um-nhl .nhl-ottelu .score{font-family:var(--mono);font-size:20px;white-space:nowrap;color:var(--white)}
.um .um-nhl .nhl-ottelu .score.tyhja{color:var(--greyd);font-size:15px}
.um .um-nhl .vaakuna{width:28px;height:28px;object-fit:contain;flex:0 0 28px;display:block}
.um .um-nhl .nhl-taulukko .vaakuna{width:22px;height:22px;flex:0 0 22px}
.um .um-nhl .vaakuna-tyhja{width:28px;height:28px;flex:0 0 28px;border-radius:50%;background:var(--surface2);
 border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:9px;color:var(--grey)}
.um .um-nhl .konf-parit{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.um .um-nhl .konf h3{margin:0 0 12px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;
 color:var(--grey);font-family:var(--mono);font-weight:600}
.um .um-nhl .nhl-taulukko{min-width:430px}
.um .um-nhl .nhl-taulukko td.nimi{display:flex;align-items:center;gap:9px}
.um .um-nhl .nhl-taulukko .jn{font-weight:650;white-space:nowrap;font-size:13.5px}
.um .um-nhl .nhl-taulukko .maalit{color:var(--grey);font-size:12.5px}
.um .um-nhl .nhl-taulukko .pist{color:var(--blue);font-weight:700;width:36px}
.um .um-nhl .nhl-taulukko tbody tr:nth-child(8) td{border-bottom:1px solid rgba(46,139,255,.45)}
@media (max-width:980px){.um .um-nhl .konf-parit{grid-template-columns:1fr;gap:24px}}
@media (max-width:760px){.um .um-nhl .ottelut{grid-template-columns:1fr}}
/*UMNHL-END*/
/*UMNAUHA*/
.um .ticker a.tick{color:inherit;text-decoration:none}.um .ticker a.tick:hover .sc b{color:var(--blue)}
/*UMNAUHA-END*/
/*UMETU*/
.um .um-etusivu-h1 h1{font-family:var(--mono,"JetBrains Mono",monospace)!important;font-size:12.5px!important;
 font-weight:600!important;letter-spacing:.14em!important;line-height:1.5!important;text-transform:uppercase;
 color:var(--grey)!important;margin:0!important;max-width:none!important}
.um .um-etu .etu-tulokset{margin:0;padding:0;max-width:none;display:grid;
 grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start}
.um .um-etu .etu-tulokset>.um-liiga{grid-column:1/-1}
.um .um-etu .etu-tulokset .lohko{margin:0}
.um .um-etu .um-nhl .ottelut{grid-template-columns:minmax(0,1fr)}
.um .um-tulos .etu-linkit{margin:16px 0 0;font-size:13.5px;color:var(--greyd)}
.um .um-tulos .etu-linkit a{color:var(--blue);text-decoration:none;font-weight:600}
.um .um-tulos .etu-linkit a:hover{text-decoration:underline}
@media (max-width:900px){.um .um-etu .etu-tulokset{grid-template-columns:minmax(0,1fr)}}
.um .fin-yo td.ottelu{color:var(--grey);font-size:12.5px;white-space:nowrap}
.um .fin-yo tr.piste td{background:rgba(46,139,255,.05)}
.um .fin-yo tr.piste td.pist{color:var(--glow,#62A8FF)}
.um .fin-yo td.videot{white-space:nowrap}
.um .fin-yo a.vid{display:inline-block;margin:2px 6px 2px 0;padding:3px 10px;border-radius:999px;
 background:rgba(46,139,255,.12);border:1px solid rgba(46,139,255,.35);color:#CFE3FF;
 font-size:12px;font-weight:600;text-decoration:none;line-height:1.5}
.um .fin-yo a.vid:hover{background:rgba(46,139,255,.26);color:#fff}
.um .fin-yo .muted.mono{font-size:11px;color:var(--greyd);margin-left:4px}
.um .fin-mv{margin-top:22px}
.um .um-tulos.um-nhl+.um-tulos.um-nhl{margin-top:-24px}
@media (max-width:760px){
 .um .um-etu .section-head{flex-wrap:wrap;gap:10px 14px}
 .um .um-etu .section-head h2{flex:1 1 100%;order:2;min-width:0}
 .um .um-etu .section-head .seemore{order:3}
}
/*UMETU-END*/
/*UMARKISTO4*/
html body.archive,html body.blog{background:#000}
html body main.umarkisto{max-width:1248px;margin:0 auto!important;padding:44px 24px 64px!important;box-sizing:border-box;color:#F3F5F8}
html body .umarkisto-head{border-bottom:1px solid rgba(255,255,255,.15);padding-bottom:18px;margin:0 0 30px!important}
html body .umarkisto-head h1{padding:0!important;max-width:none!important;font-size:clamp(34px,4.2vw,54px)!important;line-height:1.04!important;letter-spacing:-.035em!important;color:#F3F5F8!important;margin:0!important;text-transform:none!important;text-align:left!important}
html body .umarkisto-kuvaus,html body .umarkisto-kuvaus p{color:#B7BFCB!important;font-size:17px!important;line-height:1.6!important;max-width:68ch;margin:12px 0 0!important}
html body .umarkisto-query{max-width:none!important;margin:0!important;padding:0!important}
html body ul.umarkisto-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 32px;list-style:none;margin:0!important;padding:0!important;max-width:none!important}
html body ul.umarkisto-grid>li{margin:0!important;max-width:none!important;display:flex;flex-direction:column}
html body ul.umarkisto-grid .umk-kuva{margin:0 0 14px!important;border-radius:12px;overflow:hidden;aspect-ratio:16/10;background:#13171D}
html body ul.umarkisto-grid .umk-kuva img{width:100%!important;height:100%!important;object-fit:cover;display:block;transition:transform .3s ease}
html body ul.umarkisto-grid li:hover .umk-kuva img{transform:scale(1.02)}
html body ul.umarkisto-grid .umk-laji{margin:0 0 6px!important;font-size:13px!important;font-weight:700!important}
html body ul.umarkisto-grid .umk-laji a{color:#73AEFF!important;text-decoration:none!important}
html body ul.umarkisto-grid .umk-laji .wp-block-post-terms__separator{color:#8E97A5}
html body ul.umarkisto-grid h2.umk-otsikko{display:block!important;font-size:21px!important;line-height:1.22!important;letter-spacing:-.02em!important;margin:0 0 8px!important;text-transform:none!important}
html body ul.umarkisto-grid h2.umk-otsikko a{color:#F3F5F8!important;text-decoration:none!important}
html body ul.umarkisto-grid li:hover h2.umk-otsikko a{color:#73AEFF!important}
html body ul.umarkisto-grid .umk-pvm{font-size:13px!important;color:#8E97A5!important;margin:0!important}
html body .umk-sivutus{margin-top:48px!important;padding-top:20px;border-top:1px solid rgba(255,255,255,.085);font-size:15px}
html body .umk-sivutus a,html body .umk-sivutus .page-numbers{color:#B7BFCB!important;text-decoration:none!important;padding:8px 10px}
html body .umk-sivutus .page-numbers.current{color:#F3F5F8!important;font-weight:700}
html body .umarkisto-query p{color:#B7BFCB}
@media (max-width:980px){html body ul.umarkisto-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){html body main.umarkisto{padding:28px 18px 48px!important}html body ul.umarkisto-grid{grid-template-columns:minmax(0,1fr);gap:34px}}
/*UMARKISTO4-END*/
/*UMART4*/
html body.single-post{background:#fff}
html body.single-post main.umart{padding:52px 0 40px!important;margin:0!important}
html body.single-post .umart-head{max-width:768px;margin:0 auto!important;padding:0 24px!important;box-sizing:border-box;text-align:left!important}
html body.single-post .umart-head>*{margin-left:0!important;margin-right:0!important;max-width:none!important;text-align:left!important;padding-left:0!important;padding-right:0!important}
html body.single-post .umart-head .um-kategoria{margin:0 0 12px!important}
html body.single-post .umart-head .um-kategoria a{font-size:14px!important;font-weight:700!important;letter-spacing:.01em!important;text-transform:none!important;color:#0A5BD3!important;text-decoration:none!important;font-family:inherit!important}
html body.single-post .umart-head h1.wp-block-post-title{font-size:clamp(32px,4.2vw,50px)!important;line-height:1.06!important;letter-spacing:-.03em!important;color:#0B0D10!important;margin:0!important;text-wrap:balance}
html body.single-post .umart-dek{margin:18px 0 0!important}
html body.single-post .umart-dek p{font-size:clamp(18px,1.6vw,21px)!important;line-height:1.5!important;color:#3B4350!important;margin:0!important}
html body.single-post .umart-dek .wp-block-post-excerpt__more-text{display:none!important}
html body.single-post .umart-byline{display:flex!important;gap:10px!important;align-items:center!important;margin:22px 0 0!important;padding:14px 0 0!important;border-top:1px solid #E3E7ED;font-size:14px!important;color:#3B4350!important}
html body.single-post .umart-byline>*{margin:0!important;font-size:14px!important;width:auto!important;flex:0 0 auto!important;padding:0!important}
html body.single-post .umart-who{font-weight:700;color:#0B0D10!important}
html body.single-post .umart-pvm::before{content:"·";margin-right:10px;color:#8A94A6}
html body.single-post .umart-pvm time{color:#3B4350}
html body.single-post figure.umart-kuva{max-width:1100px;margin:36px auto 44px!important;padding:0 24px;box-sizing:border-box}
html body.single-post figure.umart-kuva img{width:100%;height:auto;border-radius:12px!important;display:block}
html body.single-post .umart-teksti,html body.single-post .umart-teksti.entry-content.wp-block-post-content{max-width:768px!important;width:100%!important;margin:0 auto!important;padding:0 24px!important;box-sizing:border-box}
html body.single-post .umart-teksti>*,html body.single-post .umart-teksti.entry-content.wp-block-post-content>*{max-width:none!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}
html body.single-post .umart-teksti table td:first-child{white-space:nowrap}
html body.single-post .umart-teksti p,html body.single-post .umart-teksti li{font-size:19px!important;line-height:1.7!important;color:#1B1F25!important}
@media (max-width:760px){
 html body.single-post main.umart{padding-top:28px!important}
 html body.single-post .umart-head,html body.single-post .umart-teksti,html body.single-post .umart-teksti.entry-content.wp-block-post-content{padding:0 20px!important}
 html body.single-post figure.umart-kuva{padding:0;margin:26px 0 30px!important}
 html body.single-post figure.umart-kuva img{border-radius:0!important}
 html body.single-post .umart-teksti p,html body.single-post .umart-teksti li{font-size:18px!important}
}
/*UMART4-END*/
/*UMLUEMYOS*/
html body.single-post .entry-content .lue-myos,
html body.single-post .wp-block-post-content .lue-myos{
 margin:46px 0 8px;padding:22px 24px;border-radius:14px;
 background:#F4F6F9;border:1px solid #E3E8EF}
html body.single-post .lue-myos h2{
 font-size:17px !important;margin:0 0 12px !important;letter-spacing:.02em;
 text-transform:uppercase;color:#4A5364 !important;
 font-family:var(--mono,"JetBrains Mono",monospace) !important}
html body.single-post .lue-myos ul{margin:0;padding:0;list-style:none}
html body.single-post .lue-myos li{margin:0 0 9px;padding:0;font-size:17.5px;line-height:1.4}
html body.single-post .lue-myos li:last-child{margin-bottom:0}
html body.single-post .lue-myos a{
 color:#0B5FCC !important;text-decoration:none;font-weight:600}
html body.single-post .lue-myos a:hover{text-decoration:underline;text-underline-offset:3px}
@media (max-width:640px){
 html body.single-post .lue-myos{padding:18px}
 html body.single-post .lue-myos li{font-size:16px}
}
/*UMLUEMYOS-END*/
/*UMMEGAFIX*/
@media (min-width:981px){
 /* paneeli oman kohdan alle; skripti siirtaa sita vasemmalle, jos se valuisi ruudun yli */
 .topbar nav.nav .navitem.has-mega{position:relative}
 /* hover-silta navitemissa eika paneelissa (paneelin overflow:hidden leikkasi sen) */
 .topbar nav.nav .navitem.has-mega::after{content:"";position:absolute;left:-8px;right:-8px;top:100%;height:16px;display:none;z-index:79}
 .topbar nav.nav .navitem.has-mega:hover::after,.topbar nav.nav .navitem.has-mega.is-open::after{display:block}
 .mega{top:calc(100% + 8px);z-index:90}
 /* sulkeutuminen pienella viiveella, avautuminen heti */
 .mega{transition:opacity .16s ease .18s,transform .16s ease .18s,visibility 0s linear .34s}
 .navitem:hover>.mega,.navitem:focus-within>.mega,.navitem.is-open>.mega{transition:opacity .16s ease 0s,transform .16s ease 0s,visibility 0s linear 0s}
}
/* mobiili: valikko oli kokonaan piilossa (.um .nav{display:none}); nyt vieritettava rivi logon alla */
@media (max-width:860px){
 .um .topbar .wrap.row{flex-wrap:wrap;row-gap:0}
 .um .topbar nav.nav{display:flex!important;order:3;flex:1 1 100%;width:100%;margin:0 -6px;padding:0 0 8px;
  overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:2px}
 .um .topbar nav.nav::-webkit-scrollbar{display:none}
 .topbar nav.nav .navitem>a{padding:9px 12px;font-size:14px;white-space:nowrap}
 .topbar nav.nav .navitem>a::after{display:none}
}
.mega .ml-m:empty{display:none}
/* kaynnissa: sininen piste ja valkoinen teksti (sininen teksti nayttaisi linkilta) */
.mega .ml-m.is-live{display:inline-flex;align-items:center;gap:6px;color:var(--v4-fg,#F3F5F8);font-family:var(--v4-ui,"Inter",system-ui,sans-serif);font-size:12px;font-weight:700;letter-spacing:0}
.mega .ml-m.is-live::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--v4-acc,#2E8BFF);box-shadow:0 0 0 3px rgba(46,139,255,.25)}
/*UMMEGAFIX-END*/
/*UMV4*/
/* Itsehostatut fontit (17.10.2026): ei yhteyttä Googleen, ei kävijän IP:n siirtoa. Lähde: Google Fonts, OFL-lisenssi. */
@font-face{font-family: 'Source Serif 4'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://urheilumedia.com/wp-content/uploads/2026/10/um-source-serif-4-italic-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family: 'Source Serif 4'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://urheilumedia.com/wp-content/uploads/2026/10/um-source-serif-4-italic-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family: 'Inter'; font-style: normal; font-weight: 400 700; font-display: swap; src: url(https://urheilumedia.com/wp-content/uploads/2026/10/um-inter-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family: 'Inter'; font-style: normal; font-weight: 400 700; font-display: swap; src: url(https://urheilumedia.com/wp-content/uploads/2026/10/um-inter-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family: 'Inter Tight'; font-style: normal; font-weight: 600 800; font-display: swap; src: url(https://urheilumedia.com/wp-content/uploads/2026/10/um-inter-tight-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family: 'Inter Tight'; font-style: normal; font-weight: 600 800; font-display: swap; src: url(https://urheilumedia.com/wp-content/uploads/2026/10/um-inter-tight-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family: 'Source Serif 4'; font-style: normal; font-weight: 400 600; font-display: swap; src: url(https://urheilumedia.com/wp-content/uploads/2026/10/um-source-serif-4-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family: 'Source Serif 4'; font-style: normal; font-weight: 400 600; font-display: swap; src: url(https://urheilumedia.com/wp-content/uploads/2026/10/um-source-serif-4-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
/* =====================================================================
   urheilumedia V4: design-järjestelmä (17.10.2026)
   Linja: ei laatikoita laatikoissa. Osiot erotetaan tilalla, typografialla
   ja hiusviivoilla. Data on tiivistä ja taulukkomaista, uutiset kuvavetoisia.
   Tämä kerros tulee VIIMEISENÄ ja ohittaa vanhat UM*-lohkot.
   ===================================================================== */

/* ---------- 1. Tokenit ---------- */
:root{
  --v4-bg:#0A0C10;
  --v4-bg2:#0E1116;
  --v4-raise:#13171D;
  --v4-raise2:#191E26;
  --v4-rule:rgba(255,255,255,.085);
  --v4-rule2:rgba(255,255,255,.15);
  --v4-fg:#F3F5F8;          /* 18.6:1 */
  --v4-fg2:#B7BFCB;         /* 10.9:1 */
  --v4-fg3:#8E97A5;         /*  6.7:1 */
  --v4-acc:#2E8BFF;
  --v4-acc-t:#73AEFF;       /*  8.0:1 tekstinä tummalla */
  --v4-live:#2E8BFF;
  --v4-ok:#3DD68C;
  --v4-ink:#0B0D10;         /* teksti valkoisella */
  --v4-ink2:#3B4350;        /* 10.1:1 valkoisella */
  --v4-paper:#FFFFFF;
  --v4-paper2:#F4F6F9;
  --v4-prule:#E3E7ED;
  --v4-disp:"Inter Tight","Inter",system-ui,sans-serif;
  --v4-ui:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --v4-serif:"Source Serif 4",Georgia,serif;
  --v4-r:12px;
  --v4-wrap:1200px;
  /* vanhat tokenit samaan suuntaan, jotta vanhat lohkot eivät riitele */
  --ink:#0A0C10;--ink2:#0A0C10;--surface:#13171D;--surface2:#191E26;--line:rgba(255,255,255,.085);
  --white:#F3F5F8;--grey:#B7BFCB;--greyd:#8E97A5;--blue:#2E8BFF;--glow:#73AEFF;
  --disp:var(--v4-disp);--display:var(--v4-disp);--body:var(--v4-ui);--mono:var(--v4-ui);
}

/* ---------- 2. Perusta ---------- */
html body{background:var(--v4-bg)}
html body .um{font-family:var(--v4-ui);color:var(--v4-fg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11","ss01"}
html body .um .mono{font-family:var(--v4-ui)!important;font-variant-numeric:tabular-nums;letter-spacing:0}
html body .um h1,html body .um h2,html body .um h3,html body .um h4{font-family:var(--v4-disp);text-transform:none;letter-spacing:-.022em;color:var(--v4-fg)}
html body .um a{text-underline-offset:3px}
html body .um :focus-visible{outline:2px solid var(--v4-acc-t);outline-offset:3px;border-radius:6px}
html body .um .muted{color:var(--v4-fg3)}
::selection{background:rgba(46,139,255,.35)}

/* ---------- 3. Ylätunniste ---------- */
html body .um .topbar{background:rgba(10,12,16,.86)!important;-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--v4-rule)!important;box-shadow:none!important}
html body .um .topbar .wrap.row{max-width:var(--v4-wrap);min-height:60px}
html body .um .topbar .logo b{font-family:var(--v4-disp);font-weight:800;letter-spacing:-.035em;font-size:21px;color:var(--v4-fg)}
html body .um .topbar .logo .d{color:var(--v4-acc)}
html body .um .topbar nav.nav .navitem>a{font-family:var(--v4-ui);font-weight:500;font-size:14.5px;letter-spacing:-.005em;color:var(--v4-fg2);padding:9px 12px;border-radius:8px;text-transform:none}
html body .um .topbar nav.nav .navitem:hover>a,html body .um .topbar nav.nav .navitem:focus-within>a,html body .um .topbar nav.nav .navitem.is-open>a{color:var(--v4-fg);background:rgba(255,255,255,.06)}
html body .um .topbar nav.nav .navitem>a::after{opacity:.45;width:4px;height:4px}

/* Megamenu: yksi taso, ei sisäkkäisiä laatikoita */
html body .um .mega{background:var(--v4-raise)!important;border:1px solid var(--v4-rule2)!important;border-radius:14px!important;box-shadow:0 30px 80px -20px rgba(0,0,0,.75)!important}
html body .um .mega::after{display:none!important}
html body .um .mega .mega-col{padding:16px 8px 12px;min-width:270px}
html body .um .mega .mega-col+.mega-col{border-left:1px solid var(--v4-rule)}
html body .um .mega .mega-h{font-family:var(--v4-ui)!important;font-size:12px!important;font-weight:600!important;letter-spacing:.02em!important;text-transform:none!important;color:var(--v4-fg3)!important;padding:0 14px 8px!important}
html body .um .mega a.mega-link{padding:9px 14px 10px!important;border-radius:8px}
html body .um .mega a.mega-link+.mega-link::before{display:none}
html body .um .mega .ml-t{font-family:var(--v4-ui)!important;font-size:15px!important;font-weight:600!important;letter-spacing:-.01em!important;color:var(--v4-fg)!important}
html body .um .mega .ml-s{font-size:13px!important;color:var(--v4-fg3)!important}
html body .um .mega a.mega-link:hover{background:rgba(255,255,255,.05)!important}
html body .um .mega a.mega-feat{border-radius:0 13px 13px 0}
html body .um .mega .mega-feat-k{font-family:var(--v4-ui)!important;font-size:12px!important;letter-spacing:.02em!important;text-transform:none!important;color:var(--v4-fg2)!important}
html body .um .mega .mega-feat strong{font-family:var(--v4-disp)!important;font-size:22px!important;letter-spacing:-.025em!important}
html body .um .mega .mega-feat-go{font-family:var(--v4-ui)!important;font-weight:600;font-size:13px!important;letter-spacing:0!important;color:var(--v4-acc-t)!important}

/* ---------- 4. Tulosnauha ---------- */
html body .um .ticker{background:var(--v4-bg2)!important;border-top:0!important;border-bottom:1px solid var(--v4-rule)!important;height:44px}
html body .um .ticker .track{align-items:center}
html body .um .ticker a.tick,html body .um .ticker .tick{border:0!important;background:none!important;padding:0 22px!important;gap:9px;font-family:var(--v4-ui);font-size:14px;font-weight:500;color:var(--v4-fg);position:relative}
html body .um .ticker a.tick+a.tick::before{content:"";position:absolute;left:0;top:50%;width:1px;height:16px;margin-top:-8px;background:var(--v4-rule2)}
html body .um .ticker .tick .lg{font-family:var(--v4-ui)!important;font-size:11.5px!important;font-weight:600!important;letter-spacing:.01em!important;text-transform:none!important;color:var(--v4-fg3)!important}
html body .um .ticker .tick .dot{display:none}
html body .um .ticker .tick .dot.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--v4-live);box-shadow:0 0 0 3px rgba(46,139,255,.25)}
html body .um .ticker .tick .sc{font-variant-numeric:tabular-nums;font-weight:700;color:var(--v4-fg)}
html body .um .ticker .tick .sc b{color:var(--v4-fg)!important}
html body .um .ticker .tick img.tb{width:18px;height:18px}

/* ---------- 5. Yhteiset osio-otsikot ja leveys ---------- */
/* Yksi sisältöleveys koko sivustolle: 1200 px sisältöä + 24 px reunat */
html body .um .wrap,html body .um .um-tulos,html body .um .um-etusivu-h1,html body .um>.breadcrumb,html body .um>.article-head,html body .um .wrap-tulos,html body .um>h2,html body .um>h3,html body .um>p,html body .um>ul,html body .um>ol,html body .um>.faq,html body .um>.ukk{max-width:calc(var(--v4-wrap) + 48px)!important;padding-inline:24px!important;margin-inline:auto!important;box-sizing:border-box}
html body .um>.ticker,html body .um .ticker{max-width:none!important;width:100%!important;margin-inline:0!important}
/* sisäkkäiset tulososiot (livetulokset) eivät saa toista reunusta */
html body .um .um-tulos .um-tulos{padding-inline:0!important;max-width:none!important;margin-bottom:0!important}
/* leipätekstin rivipituus AAA-tasolle (1.4.8, enintään 80 merkkiä): 600 px = noin 74–79 merkkiä 17 px:n Interillä, sama kuin
   jutun lukupalsta (740 px oli 91–97 merkkiä, TUL-01). Vasen reuna linjassa muun sisällön kanssa; UKK (.faq/.ukk) samaan palstaan (SAA-22). */
html body .um>p,html body .um>ul,html body .um>ol,html body .um>h2,html body .um>h3,html body .um>.faq,html body .um>.ukk,html body .um .um-teksti>p,html body .um .um-teksti>ul{padding-right:max(24px, calc(min(100%, var(--v4-wrap) + 48px) - 24px - 600px))!important}
html body .um .lohko-head h2 img.sarjalogo{width:22px;height:22px;vertical-align:-3px;margin-right:8px}
html body .um section.band,html body .um section.section{background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;margin:0 auto 72px!important;max-width:none!important;display:block}
html body .um .section-head{display:flex;align-items:baseline;gap:16px;margin:0 0 22px!important;padding-bottom:14px;border-bottom:1px solid var(--v4-rule2)}
html body .um .section-head .badge-live,html body .um .section-head>.tag{display:none!important}
html body .um .section-head h2{font-size:clamp(24px,2.3vw,30px)!important;font-weight:800!important;letter-spacing:-.03em!important;line-height:1.1;margin:0!important;text-transform:none!important}
html body .um .section-head .seemore{margin-left:auto;font-family:var(--v4-ui)!important;font-size:14px!important;font-weight:600;letter-spacing:0!important;text-transform:none!important;color:var(--v4-acc-t)!important;text-decoration:none;white-space:nowrap}
html body .um .section-head .seemore:hover{text-decoration:underline}

/* Etusivun H1: hillitty päiväys/otsikkorivi */
html body .um .um-etusivu-h1{padding-top:26px!important;margin-bottom:22px!important}
html body .um .um-etusivu-h1 h1{font-family:var(--v4-ui)!important;font-size:14px!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important;color:var(--v4-fg3)!important;line-height:1.5!important}

/* ---------- 6. Datamoduulit: lohkot ilman laatikkoa ---------- */
html body .um .um-tulos{margin-top:0!important;margin-bottom:56px!important}
html body .um .um-etu .um-tulos{padding-inline:0!important;max-width:none!important}
html body .um .um-tulos .lohko{background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;margin:0 0 52px!important}
html body .um .um-tulos .lohko-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;border-bottom:1px solid var(--v4-rule2)!important;padding:0 0 12px!important;margin:0 0 6px!important}
html body .um .um-tulos .lohko-head h2{font-size:clamp(20px,1.9vw,24px)!important;font-weight:800!important;letter-spacing:-.025em!important;line-height:1.15!important;text-transform:none!important;margin:0!important}
html body .um .um-tulos .lohko-pvm{font-family:var(--v4-ui)!important;font-size:13px!important;font-weight:500;letter-spacing:0!important;text-transform:none!important;color:var(--v4-fg3)!important}
html body .um .um-tulos .selite,html body .um .um-tulos .lahde{font-family:var(--v4-ui);font-size:13px;line-height:1.6;color:var(--v4-fg3);margin-top:14px}
html body .um .um-tulos .lahde a,html body .um .um-tulos .etu-linkit a{color:var(--v4-acc-t)}
html body .um .um-tulos .etu-linkit{font-size:14px;margin-top:14px}
html body .um .um-tulos .lataa{color:var(--v4-fg3);padding:16px 0}

/* Ottelurivit (Liiga + NHL): kortit pois, hiusviivoin erotetut rivit */
html body .um .um-tulos .ottelut{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:40px!important;row-gap:0!important}
html body .um .um-tulos .ottelut>.lataa{grid-column:1/-1}
html body .um .liiga-ottelu,html body .um .nhl-ottelu{background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;transform:none!important;padding:14px 0 15px!important;border-bottom:1px solid var(--v4-rule)!important;display:grid;grid-template-columns:1fr;row-gap:8px}
html body .um .liiga-ottelu:hover,html body .um .nhl-ottelu:hover{background:none!important}
html body .um .liiga-ottelu .top,html body .um .nhl-ottelu .top{display:flex;justify-content:space-between;gap:12px;margin:0!important}
html body .um .liiga-ottelu .tag,html body .um .nhl-ottelu .tag{background:none!important;border:0!important;padding:0!important;font-family:var(--v4-ui)!important;font-size:12.5px!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important;color:var(--v4-fg3)!important}
html body .um .liiga-ottelu .meta,html body .um .nhl-ottelu .meta{font-family:var(--v4-ui)!important;font-size:12.5px!important;letter-spacing:0!important;text-transform:none!important;color:var(--v4-fg3)!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere}
html body .um .badge-live{background:none!important;border:0!important;padding:0!important;color:var(--v4-live-t)!important;font-family:var(--v4-ui)!important;font-size:12.5px!important;font-weight:700!important;letter-spacing:.02em!important;text-transform:none!important;display:inline-flex;align-items:center;gap:6px}
html body .um .badge-live .dot{background:var(--v4-live)!important;width:7px;height:7px;box-shadow:0 0 0 3px rgba(46,139,255,.25)}
html body .um .liiga-ottelu .teams,html body .um .nhl-ottelu .teams{display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;align-items:center;gap:14px}
html body .um .liiga-ottelu .team,html body .um .nhl-ottelu .team{display:flex;align-items:center;gap:10px;min-width:0}
html body .um .liiga-ottelu .team.away,html body .um .nhl-ottelu .team.away{justify-content:flex-end}
html body .um .liiga-ottelu .nm,html body .um .nhl-ottelu .nm{font-family:var(--v4-ui)!important;font-size:15.5px!important;font-weight:600!important;letter-spacing:-.01em;color:var(--v4-fg)!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere;hyphens:auto}
html body .um .liiga-ottelu .score,html body .um .nhl-ottelu .score{font-family:var(--v4-disp)!important;font-size:22px!important;font-weight:700!important;letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:var(--v4-fg)!important;min-width:64px;text-align:center}
html body .um .liiga-ottelu .score b,html body .um .nhl-ottelu .score b{font-weight:700;color:var(--v4-fg)!important}
html body .um .liiga-ottelu .score.tyhja,html body .um .nhl-ottelu .score.tyhja{color:var(--v4-fg3)!important;font-size:16px!important}
html body .um .um-tulos .vaakuna{width:26px!important;height:26px!important;object-fit:contain}

/* Taulukot (Liiga, NHL, pörssit, suomalaiset, F1) */
html body .um .kausiohjelma th:first-child,html body .um .kausiohjelma td:first-child{text-align:left!important}
html body .um .kausiohjelma td.voitto,html body .um .kausiohjelma .voitto{color:var(--v4-ok)!important;font-weight:700}
html body .um .um-tulos .vieritin{margin:0!important}
html body .um .um-tulos table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
html body .um .um-tulos thead th{font-family:var(--v4-ui)!important;font-size:12px!important;font-weight:600!important;letter-spacing:.01em!important;text-transform:none!important;color:var(--v4-fg3)!important;padding:12px 10px 10px!important;border-bottom:1px solid var(--v4-rule2)!important;background:none!important;white-space:nowrap}
html body .um .um-tulos tbody td{font-family:var(--v4-ui)!important;font-size:15px!important;padding:11px 10px!important;border-bottom:1px solid var(--v4-rule)!important;color:var(--v4-fg2)!important;background:none!important}
html body .um .um-tulos tbody tr:hover td{background:rgba(255,255,255,.035)!important}
html body .um .um-tulos tbody td.nimi,html body .um .um-tulos tbody td .jn{color:var(--v4-fg)!important;font-weight:600}
html body .um .um-tulos tbody td.pist{color:var(--v4-fg)!important;font-weight:700!important}
html body .um .um-tulos tbody td.sija{color:var(--v4-fg3)!important;font-weight:500;width:36px;text-align:center}
html body .um .um-tulos tbody tr.raja td{border-bottom:1px solid var(--v4-acc)!important}
html body .um .um-tulos tbody tr.oma td{background:rgba(46,139,255,.09)!important}
html body .um .um-tulos tbody tr.oma td:first-child{box-shadow:inset 3px 0 0 var(--v4-acc)}
html body .um .um-tulos table a.jn{color:var(--v4-fg)!important;text-decoration:none}
html body .um .um-tulos table a.jn:hover{color:var(--v4-acc-t)!important;text-decoration:underline}
html body .um .um-tulos .konf h3{font-size:16px!important;font-weight:700!important;color:var(--v4-fg2)!important;margin:18px 0 4px!important;text-transform:none!important;letter-spacing:-.01em!important}
html body .um .fin-yo tr.piste td{background:none!important}
html body .um .fin-yo tr.piste td.pist{color:var(--v4-acc-t)!important}
html body .um .fin-yo td.ottelu{color:var(--v4-fg3)!important;font-size:13.5px!important;white-space:nowrap}
html body .um .fin-yo td,html body .um .fin-yo th{white-space:nowrap}
html body .um .fin-mv td:last-child,html body .um .fin-mv th:last-child{white-space:normal}
html body .um .um-etu .fin-yo td,html body .um .um-etu .fin-yo th{padding-inline:7px!important}
html body .um .fin-yo .muted.mono{color:var(--v4-fg3)!important;font-size:12.5px!important}
html body .um .fin-yo a.vid{background:rgba(46,139,255,.14)!important;border:0!important;color:#CFE2FF!important;font-family:var(--v4-ui);font-size:12.5px!important;font-weight:600;padding:5px 11px!important;border-radius:999px;min-height:28px;display:inline-flex;align-items:center;gap:4px}
html body .um .fin-yo a.vid:hover{background:var(--v4-acc)!important;color:#fff!important}

/* Etusivun tulosalue */
html body .um .um-etu .etu-tulokset{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:48px;row-gap:8px;align-items:start;padding:0!important;max-width:none!important;margin:0!important}
html body .um .um-etu .etu-tulokset>.um-liiga{grid-column:1/-1}
html body .um .um-etu .etu-tulokset .lohko{margin:0 0 28px!important}
html body .um .um-etu .um-liiga .ottelut{grid-template-columns:repeat(3,minmax(0,1fr))!important}
html body .um .um-etu .um-nhl .ottelut{grid-template-columns:minmax(0,1fr)!important}

/* ---------- 7. Data-sivujen hero ---------- */
html body .um .breadcrumb{font-family:var(--v4-ui)!important;font-size:13px!important;letter-spacing:0!important;text-transform:none!important;color:var(--v4-fg3)!important;padding-top:26px}
html body .um .breadcrumb a{color:var(--v4-fg2)!important;text-decoration:none}
html body .um .breadcrumb a:hover{color:var(--v4-fg)!important;text-decoration:underline}
html body .um .article-head{border-bottom:0!important;padding-top:14px!important;padding-bottom:34px!important;margin-bottom:8px!important}
html body .um .article-head .kicker{font-family:var(--v4-ui)!important;font-size:13px!important;font-weight:600!important;letter-spacing:.01em!important;text-transform:none!important;color:var(--v4-acc-t)!important}
html body .um .article-head h1{font-family:var(--v4-disp)!important;font-size:clamp(34px,4.4vw,58px)!important;font-weight:800!important;line-height:1.03!important;letter-spacing:-.035em!important;text-transform:none!important;margin:10px 0 0!important;max-width:20ch}
html body .um .article-head h1 span,html body .um .article-head h1 br+span{color:var(--v4-fg3)!important;font-weight:700!important}
html body .um .article-head .dek{font-family:var(--v4-ui)!important;font-size:clamp(16px,1.35vw,18.5px)!important;line-height:1.6!important;color:var(--v4-fg2)!important;max-width:64ch;margin-top:18px!important}
html body .um .article-head .byline{font-family:var(--v4-ui)!important;font-size:13px!important;letter-spacing:0!important;color:var(--v4-fg3)!important;margin-top:16px!important}
html body .um .article-head .byline .badge-live,html body .um .article-head .live-pill{font-size:13px!important}
html body .um .article-head .byline .mono{color:var(--v4-fg3)!important}

/* Joukkuesivun tiivistelmä, linkkiruudukko, UKK */
html body .um .joukkue-tiivis{font-size:16.5px!important;line-height:1.65!important;color:var(--v4-fg2)!important;max-width:72ch}
html body .um .joukkue-tiivis strong{color:var(--v4-fg)!important}
html body .um .um-linkit h2,html body .um .um-teksti h2{font-size:24px!important;font-weight:800!important;letter-spacing:-.025em!important;text-transform:none!important}
html body .um .jl-ruudukko{gap:0!important;border-top:1px solid var(--v4-rule2)}
html body .um .jl-ruudukko .jl{background:none!important;border:0!important;border-bottom:1px solid var(--v4-rule)!important;border-radius:0!important;padding:13px 2px!important;font-family:var(--v4-ui)!important;font-weight:600!important;font-size:15px!important;color:var(--v4-fg)!important;text-transform:none!important}
html body .um .jl-ruudukko .jl:hover{color:var(--v4-acc-t)!important}
html body .um .ukk details{background:none!important;border:0!important;border-bottom:1px solid var(--v4-rule)!important;border-radius:0!important;padding:4px 0!important}
html body .um .ukk summary{font-family:var(--v4-ui)!important;font-size:16.5px!important;font-weight:600!important;color:var(--v4-fg)!important;padding:14px 0!important;text-transform:none!important}
html body .um .ukk details p{color:var(--v4-fg2)!important;font-size:16px!important;line-height:1.7!important}
html body .um .um-teksti p,html body .um .um-teksti li{color:var(--v4-fg2)!important;font-size:17px!important;line-height:1.75!important}

/* Vanha .card-laatikko (toimitus, tietosuoja, yhteystiedot, livetulokset): listaksi ilman kehystä */
html body .um .card{background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;max-width:calc(var(--v4-wrap) + 48px)!important;padding-inline:24px!important;padding-right:max(24px, calc(min(100%, var(--v4-wrap) + 48px) - 24px - 600px))!important;margin-inline:auto!important;box-sizing:border-box}
html body .um .card>*{padding-left:0!important;padding-right:0!important}
html body .um .card>*+*{border-top:1px solid var(--v4-rule)!important}

/* Sivujen pitkät tekstiosiot (SEO-teksti data-sivuilla) */
html body .um>h2,html body .um>h3{font-size:clamp(22px,2vw,27px)!important;font-weight:800!important;letter-spacing:-.025em!important;text-transform:none!important;margin-top:44px!important}
html body .um>p,html body .um>ul li,html body .um>ol li{color:var(--v4-fg2)!important;font-size:17px!important;line-height:1.75!important;max-width:72ch}

/* MM 2026 -sivun staattiset lohkot ja pudotuspelit */
html body .um .mm-lohkot{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(330px,1fr))!important;gap:30px 40px!important;margin:8px 0 18px}
html body .um .mm-lohko h3,html body .um .mm-kierros h3{font-family:var(--v4-disp)!important;font-size:17px!important;font-weight:700!important;letter-spacing:-.01em!important;text-transform:none!important;color:var(--v4-fg)!important;margin:0 0 4px!important;padding-bottom:10px;border-bottom:1px solid var(--v4-rule2)}
html body .um table.mm-taulu{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
html body .um table.mm-taulu th{font-family:var(--v4-ui)!important;font-size:12px!important;font-weight:600!important;color:var(--v4-fg3)!important;text-transform:none!important;letter-spacing:0!important;padding:9px 8px!important;text-align:right;border-bottom:1px solid var(--v4-rule)!important}
html body .um table.mm-taulu td{font-family:var(--v4-ui)!important;font-size:14.5px!important;color:var(--v4-fg2)!important;padding:9px 8px!important;text-align:right;border-bottom:1px solid var(--v4-rule)!important}
html body .um table.mm-taulu .nimi{text-align:left!important;color:var(--v4-fg)!important;font-weight:600}
html body .um table.mm-taulu .sija{color:var(--v4-fg3)!important;width:26px;text-align:center!important}
html body .um table.mm-taulu .pist{color:var(--v4-fg)!important;font-weight:700}
html body .um table.mm-taulu tr.jatko td:first-child{box-shadow:inset 3px 0 0 var(--v4-acc)}
html body .um .mm-ko{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:30px 40px;margin:8px 0 10px}
html body .um .mm-ko>.mm-selite{grid-column:1/-1;font-size:13px;color:var(--v4-fg3)!important}
html body .um ul.mm-ottelut{list-style:none;margin:0!important;padding:0!important}
html body .um ul.mm-ottelut li{display:grid;grid-template-columns:44px minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--v4-rule);font-size:15px;color:var(--v4-fg2);max-width:none!important}
html body .um .mm-pv{color:var(--v4-fg3);font-size:13px;font-variant-numeric:tabular-nums}
html body .um .mm-jn{color:var(--v4-fg3)}
html body .um .mm-jn.voittaja{color:var(--v4-fg);font-weight:700}
html body .um .mm-ottelut li .mm-jn:last-child{text-align:right}
html body .um .mm-tulos{font-family:var(--v4-disp);font-weight:700;color:var(--v4-fg);font-variant-numeric:tabular-nums;white-space:nowrap;text-align:center}

/* ---------- 8. Uutiset: etusivun gridi + lajiuutiset ---------- */
html body .um .newsgrid{display:grid!important;grid-template-columns:1.6fr 1fr!important;grid-auto-rows:min-content;gap:0 40px!important;align-items:start!important}
html body .um a.nw--lead{grid-row:1 / span 6!important}
html body .um a.nw{background:none!important;border:0!important;border-radius:0!important;padding:0!important;overflow:visible!important;gap:8px!important;box-shadow:none!important}
html body .um a.nw:not(.nw--lead){display:grid!important;grid-template-columns:132px minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:18px;row-gap:6px;padding:0 0 20px!important;margin-bottom:20px;border-bottom:1px solid var(--v4-rule)!important}
html body .um a.nw:not(.nw--lead) .nw-img{grid-row:1/4;margin:0!important;border-radius:10px;overflow:hidden;aspect-ratio:4/3}
html body .um a.nw:not(.nw--lead) .nw-img img{height:100%!important;aspect-ratio:4/3}
html body .um a.nw:not(.nw--lead) .nw-x,html body .um a.nw .nw-go{display:none!important}
html body .um a.nw .nw-img{border-radius:12px;overflow:hidden;background:var(--v4-raise)}
html body .um a.nw--lead .nw-img img{height:auto!important;aspect-ratio:16/9;width:100%;object-fit:cover}
html body .um a.nw .nw-top{padding:0!important;display:flex;gap:10px;align-items:baseline}
html body .um a.nw .nw-top:first-child{padding-top:0!important}
html body .um a.nw .nw-k{font-family:var(--v4-ui)!important;font-size:12.5px!important;font-weight:700!important;letter-spacing:.01em!important;text-transform:none!important;color:var(--v4-acc-t)!important}
html body .um a.nw .nw-d{font-family:var(--v4-ui)!important;font-size:12.5px!important;letter-spacing:0!important;color:var(--v4-fg3)!important}
html body .um a.nw .nw-t{font-family:var(--v4-disp)!important;font-size:18px!important;font-weight:700!important;line-height:1.25!important;letter-spacing:-.018em!important;color:var(--v4-fg)!important;padding:0!important;margin:0!important;text-transform:none!important}
html body .um a.nw--lead .nw-top{margin-top:14px}
html body .um a.nw--lead .nw-t{font-size:clamp(26px,2.6vw,36px)!important;font-weight:800!important;line-height:1.08!important;letter-spacing:-.03em!important}
html body .um a.nw--lead .nw-x{font-size:16.5px!important;line-height:1.6!important;color:var(--v4-fg2)!important;padding:0!important;margin:4px 0 0!important;max-width:60ch}
html body .um a.nw:hover .nw-t{color:var(--v4-acc-t)!important}
html body .um a.nw:hover .nw-img img{transform:scale(1.02)}

html body .um section.lajiuutiset{margin:56px 0 64px!important}

html body .um .lu-head{border-bottom:1px solid var(--v4-rule2)!important;padding-bottom:14px!important;margin-bottom:22px!important;display:flex;align-items:baseline;justify-content:space-between;gap:16px}
html body .um .lu-head h2{font-size:clamp(22px,2vw,27px)!important;font-weight:800!important;letter-spacing:-.028em!important;text-transform:none!important;margin:0!important}
html body .um .lu-head a.lu-all{font-family:var(--v4-ui)!important;font-size:14px!important;font-weight:600;letter-spacing:0!important;text-transform:none!important;color:var(--v4-acc-t)!important}
html body .um a.lu-lead{background:none!important;border:0!important;border-radius:0!important;padding:0!important;overflow:visible!important}
html body .um a.lu-lead .lu-img{border-radius:12px;overflow:hidden;display:block}
html body .um .lu-top{padding:12px 0 0!important}
html body .um .lu-k{font-family:var(--v4-ui)!important;font-size:12.5px!important;font-weight:700!important;letter-spacing:.01em!important;text-transform:none!important;color:var(--v4-acc-t)!important}
html body .um .lu-d{font-family:var(--v4-ui)!important;font-size:12.5px!important;letter-spacing:0!important;color:var(--v4-fg3)!important}
html body .um h3.lu-t{font-family:var(--v4-disp)!important;font-size:clamp(22px,2.1vw,28px)!important;font-weight:800!important;line-height:1.12!important;letter-spacing:-.028em!important;text-transform:none!important;padding:0!important;margin:6px 0 0!important}
html body .um .lu-x{color:var(--v4-fg2)!important;font-size:16px!important;padding:0!important}
html body .um .lu-list{gap:0!important}
html body .um .lu-list>a{background:none!important;border:0!important;border-radius:0!important;border-bottom:1px solid var(--v4-rule)!important;padding:0 0 16px!important;margin-bottom:16px}
html body .um .lu-rt{font-family:var(--v4-disp)!important;font-size:16.5px!important;font-weight:700!important;letter-spacing:-.015em!important;line-height:1.3!important;color:var(--v4-fg)!important}
html body .um .lu-rimg{border-radius:8px;overflow:hidden}

/* ---------- 9. Seuraavaksi + lajit ---------- */
html body .um .nxwrap{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;gap:0!important;border-top:0}
html body .um a.nx{background:none!important;border:0!important;border-radius:0!important;padding:4px 24px 6px!important;gap:8px!important}
html body .um a.nx+a.nx{border-left:1px solid var(--v4-rule)!important}
html body .um a.nx:first-child{padding-left:0!important}
html body .um .nx-lg{font-family:var(--v4-ui)!important;font-size:12.5px!important;font-weight:700!important;letter-spacing:.01em!important;text-transform:none!important;color:var(--v4-fg2)!important}
html body .um .nx-d{font-family:var(--v4-ui)!important;font-size:12.5px!important;letter-spacing:0!important;color:var(--v4-fg3)!important}
html body .um .nx-d.is-soon{color:var(--v4-acc-t)!important;font-weight:600}
html body .um .nx-ev{font-family:var(--v4-disp)!important;font-size:21px!important;font-weight:800!important;letter-spacing:-.025em!important;color:var(--v4-fg)!important}
html body .um .nx-when{font-family:var(--v4-ui)!important;font-size:14px!important;color:var(--v4-fg2)!important;font-variant-numeric:tabular-nums}
html body .um .nx-t{color:var(--v4-fg3)!important}
html body .um a.nx:hover .nx-ev{color:var(--v4-acc-t)!important}
#hp-next~p.muted{color:var(--v4-fg3)!important;font-size:13px!important;margin-top:18px!important}

html body .um .sportgrid{gap:14px!important}
html body .um a.sportcard{border:0!important;border-radius:12px!important;box-shadow:none!important;overflow:hidden}
html body .um a.sportcard .ov{background:linear-gradient(180deg,rgba(10,12,16,0) 30%,rgba(10,12,16,.88) 100%)!important}
html body .um a.sportcard .nm{font-family:var(--v4-disp)!important;font-size:18px!important;font-weight:800!important;letter-spacing:-.02em!important;text-transform:none!important}

/* ---------- 10. Alatunniste ---------- */
html body .um .umfoot{background:var(--v4-bg2)!important;border-top:1px solid var(--v4-rule)!important;padding:56px 0 32px!important;margin-top:24px}

html body .um .umfoot h4{font-family:var(--v4-ui)!important;font-size:13px!important;font-weight:700!important;letter-spacing:.01em!important;text-transform:none!important;color:var(--v4-fg)!important;margin:0 0 14px!important}
html body .um .umfoot .frow a{font-family:var(--v4-ui)!important;font-size:14.5px!important;color:var(--v4-fg2)!important;padding:6px 0!important;margin:0!important;display:block;text-decoration:none;line-height:1.4!important}
html body .um .umfoot .frow{display:grid!important;grid-template-columns:1.5fr repeat(4,minmax(0,1fr))!important;gap:32px!important}
html body .um .umfoot .frow>div,html body .um .umfoot .frow>nav{display:flex;flex-direction:column;gap:0!important}
html body .um .umfoot .fbrand .muted{font-size:14px!important;line-height:1.6;max-width:34ch;margin:12px 0 0!important}
html body .um .umfoot .fbrand .tagline{font-family:var(--v4-disp)!important;font-weight:800!important;font-size:15px!important;color:var(--v4-fg)!important;margin:14px 0 0!important}
html body .um .umfoot .fbrand .tagline::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--v4-acc);margin-right:9px;vertical-align:1px}
@media (max-width:980px){html body .um .umfoot .frow{grid-template-columns:repeat(2,minmax(0,1fr))!important}html body .um .umfoot .fbrand{grid-column:1/-1}}
html body .um .umfoot .frow a:not(.logo){min-height:0!important;padding:7px 0!important;line-height:1.3!important}
@media (pointer:coarse),(max-width:760px){html body .um .umfoot .frow a:not(.logo){min-height:44px!important;display:flex!important;align-items:center;padding:6px 0!important;line-height:1.3!important}}
html body .um .umfoot .frow a:hover{color:var(--v4-fg)!important}
html body .um .umfoot .logo b{font-family:var(--v4-disp);font-weight:800;letter-spacing:-.035em;font-size:21px}
html body .um .umfoot .tagline{font-family:var(--v4-disp)!important;text-transform:none!important;letter-spacing:-.01em;font-size:15px!important}
html body .um .umfoot .muted{color:var(--v4-fg3)!important}
html body .um .umfoot .legal{border-top:1px solid var(--v4-rule)!important;color:var(--v4-fg3)!important;font-size:13px!important;font-family:var(--v4-ui)!important;letter-spacing:0!important;text-transform:none!important}

/* ---------- 11. Artikkeli (valkoinen): rakenne UMART4, tässä typografia ---------- */
html body.single-post{background:var(--v4-paper)}
html body.single-post .umart-head .um-kategoria a{font-family:var(--v4-ui)!important;font-size:14px!important;font-weight:700!important;color:#0A5BD3!important}
html body.single-post .umart-head h1.wp-block-post-title{font-family:var(--v4-disp)!important;font-weight:800!important;font-size:clamp(34px,4.4vw,54px)!important;line-height:1.04!important;letter-spacing:-.036em!important;color:var(--v4-ink)!important}
html body.single-post .umart-dek p{font-family:var(--v4-ui)!important;font-weight:400;font-size:clamp(18px,1.55vw,21px)!important;line-height:1.5!important;letter-spacing:-.01em;color:var(--v4-ink2)!important}
html body.single-post .umart-byline,html body.single-post .umart-byline *{font-family:var(--v4-ui)!important;letter-spacing:0!important;text-transform:none!important}
html body.single-post .umart-teksti{font-family:var(--v4-serif)}
html body.single-post .umart-teksti p,html body.single-post .umart-teksti li{font-family:var(--v4-serif)!important;font-size:20px!important;line-height:1.68!important;color:#1B1F25!important;font-weight:400!important}
html body.single-post .umart-teksti>p:first-child{font-size:22px!important;line-height:1.55!important;color:var(--v4-ink)!important}
html body.single-post .umart-teksti h2{font-family:var(--v4-disp)!important;font-size:clamp(25px,2.4vw,31px)!important;font-weight:800!important;letter-spacing:-.028em!important;line-height:1.15!important;color:var(--v4-ink)!important;margin:2.1em 0 .55em!important;text-transform:none!important}
html body.single-post .umart-teksti h3{font-family:var(--v4-disp)!important;font-size:21px!important;font-weight:700!important;letter-spacing:-.02em!important;color:var(--v4-ink)!important;margin:1.7em 0 .5em!important;text-transform:none!important}
html body.single-post .umart-teksti a{color:#0A5BD3!important;text-decoration:underline!important;text-decoration-thickness:1px!important;text-underline-offset:3px}
html body.single-post .umart-teksti a:hover{text-decoration-thickness:2px!important}
html body.single-post .umart-teksti strong{color:var(--v4-ink)!important;font-weight:650}
html body.single-post .umart-teksti table{font-family:var(--v4-ui)!important;font-size:15.5px!important;border-collapse:collapse!important;width:100%}
html body.single-post .umart-teksti th{font-family:var(--v4-ui)!important;font-weight:700!important;text-align:left;color:var(--v4-ink)!important;border:0!important;border-bottom:2px solid var(--v4-ink)!important;background:none!important;padding:10px 12px!important;font-size:14px!important}
html body.single-post .umart-teksti td{font-family:var(--v4-ui)!important;border:0!important;border-bottom:1px solid var(--v4-prule)!important;padding:10px 12px!important;color:#1B1F25!important;background:none!important;font-size:15.5px!important}
html body.single-post .umart-teksti figure.wp-block-table{margin:2em 0!important;overflow-x:auto}
html body.single-post .umart-teksti blockquote{border-left:3px solid var(--v4-acc)!important;padding:4px 0 4px 22px!important;margin:2em 0!important}
html body.single-post .umart-teksti .paivitetty,html body.single-post .umart-teksti .paivitetty em{font-family:var(--v4-ui)!important;font-size:15px!important;font-style:normal!important;color:var(--v4-ink2)!important}
html body.single-post .umart-teksti .paivitetty{border-left:3px solid var(--v4-acc)!important;padding:4px 0 4px 16px!important}
html body.single-post .lue-myos{font-family:var(--v4-ui)!important;background:var(--v4-paper2)!important;border:0!important;border-radius:12px!important;padding:22px 24px!important}
html body.single-post .lue-myos *{font-family:var(--v4-ui)!important}
html body.single-post .umart-teksti details{border-bottom:1px solid var(--v4-prule)!important;padding:6px 0!important}
html body.single-post .umart-teksti summary{font-family:var(--v4-ui)!important;font-weight:700;font-size:17px;color:var(--v4-ink);padding:10px 0}
html body.single-post .umart-teksti details p{font-size:18px!important}

/* ---------- 12. Arkistot: asettelu UMARKISTO4, tässä typografia ---------- */
html body .umarkisto,html body .umarkisto *{font-family:var(--v4-ui)}
html body .umarkisto-head h1,html body ul.umarkisto-grid h2.umk-otsikko{font-family:var(--v4-disp)!important;font-weight:800!important}

/* 404-sivu */
html body.error404{background:var(--v4-bg)}
html body .um404-haku{max-width:560px;margin:0 0 28px!important}
html body .um404-haku .wp-block-search__inside-wrapper{display:flex;gap:8px}
html body .um404-haku input[type=search]{flex:1;background:var(--v4-raise)!important;border:1px solid var(--v4-rule2)!important;border-radius:10px!important;color:var(--v4-fg)!important;font:400 16px var(--v4-ui)!important;padding:12px 14px!important}
html body .um404-haku button{background:var(--v4-acc)!important;color:#fff!important;border:0!important;border-radius:10px!important;font:600 15px var(--v4-ui)!important;padding:0 18px!important}
html body .um404-linkit{display:flex;flex-wrap:wrap;gap:10px}
html body .um404-linkit a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid var(--v4-rule2);border-radius:999px;color:var(--v4-fg)!important;font:600 14.5px var(--v4-ui);text-decoration:none}
html body .um404-linkit a:hover{border-color:var(--v4-acc);color:var(--v4-acc-t)!important}

/* Evästebanneri ei peitä fokusoitua sisältöä */
html:has(#um-consent:not([hidden])){scroll-padding-bottom:220px}

/* ---------- 13. Mobiili ---------- */
@media (max-width:980px){
  html body .um .um-etu .um-liiga .ottelut{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html body .um .newsgrid{grid-template-columns:1fr!important}
}
@media (max-width:860px){
  html body .um .topbar,html body .um .topbar .wrap.row{height:auto!important;min-height:0!important}
  html body .um .topbar .wrap.row{padding-top:8px!important;row-gap:2px!important}
  html body .um .topbar nav.nav{padding-bottom:4px!important;margin-left:-12px!important;width:calc(100% + 24px)!important;flex:1 1 calc(100% + 24px)!important}
  html body .um .topbar nav.nav .navitem>a{padding:0 12px!important;font-size:15px!important;height:44px;min-height:44px;display:inline-flex;align-items:center}
}
@media (max-width:760px){
  html body .um .wrap,html body .um .um-tulos,html body .um .um-etusivu-h1,html body .um>.breadcrumb,html body .um>.article-head,html body .um .wrap-tulos,html body .um>h2,html body .um>h3,html body .um>p,html body .um>ul,html body .um>ol,html body .um>.faq,html body .um>.ukk{padding-inline:18px!important}
  html body .um .um-etu .um-tulos{padding-inline:0!important}
  html body .um section.band,html body .um section.section{margin-bottom:52px!important}
  html body .um .um-tulos .ottelut,html body .um .um-etu .um-liiga .ottelut,html body .um .um-etu .etu-tulokset{grid-template-columns:minmax(0,1fr)!important}
  html body .um .um-tulos .lohko-head{flex-direction:row!important;align-items:baseline!important}
  html body .um .liiga-ottelu,html body .um .nhl-ottelu{padding:12px 0 13px!important}
  html body .um .liiga-ottelu .score,html body .um .nhl-ottelu .score{font-size:20px!important;min-width:56px}
  html body .um .liiga-ottelu .nm,html body .um .nhl-ottelu .nm{font-size:15px!important}
  html body .um .um-tulos thead th,html body .um .um-tulos tbody td{padding-inline:7px!important}
  html body .um .um-tulos tbody td{font-size:14.5px!important}
  html body .um .um-tulos .vieritin{overflow-x:auto;-webkit-overflow-scrolling:touch}
  html body .um .um-tulos .vieritin table td.nimi,html body .um .um-tulos .vieritin table th.nimi{position:sticky;left:0;background:var(--v4-bg)!important;z-index:1}
  html body .um .article-head h1{font-size:clamp(30px,8.6vw,40px)!important}
  html body .um .section-head{flex-wrap:wrap}
  html body .um .section-head h2{flex:1 1 auto!important;order:0!important}
  html body .um .section-head .seemore{order:0!important}
  html body .um a.nx{padding:14px 0!important;border-left:0!important}
  html body .um a.nx+a.nx{border-left:0!important;border-top:1px solid var(--v4-rule)!important}
  html body .um a.nw:not(.nw--lead){grid-template-columns:104px minmax(0,1fr)}
  html body .um a.nw--lead{margin-bottom:26px!important;padding-bottom:26px!important;border-bottom:1px solid var(--v4-rule)!important}
  html body .um a.nw--lead .nw-t{font-size:25px!important}
  html body .um a.nw .nw-t{font-size:16.5px!important}
  html body.single-post .umart-teksti p,html body.single-post .umart-teksti li{font-size:18.5px!important}
  html body.single-post .umart-teksti>p:first-child{font-size:20px!important}
}

@media (max-width:560px){
  /* Mobiilitaulukot: toissijaiset sarakkeet pois, pisteet näkyviin ilman vieritystä */
  html body .um .liiga-taulukko th:nth-child(5),html body .um .liiga-taulukko td:nth-child(5),
  html body .um .liiga-taulukko th:nth-child(6),html body .um .liiga-taulukko td:nth-child(6),
  html body .um .liiga-taulukko th:nth-child(7),html body .um .liiga-taulukko td:nth-child(7),
  html body .um .nhl-taulukko th:nth-child(5),html body .um .nhl-taulukko td:nth-child(5),
  html body .um .nhl-taulukko th:nth-child(6),html body .um .nhl-taulukko td:nth-child(6){display:none!important}
  html body .um .liiga-taulukko,html body .um .um-nhl .nhl-taulukko,html body .um .fin-yo{min-width:0!important}
  /* suomalaiset: Ottelu, +/- ja Aika pois kapealla; pelaajan solussa on jo joukkue */
  html body .um .fin-yo:not(.fin-mv) th:nth-child(2),html body .um .fin-yo:not(.fin-mv) td:nth-child(2),
  html body .um .fin-yo:not(.fin-mv) th:nth-child(6),html body .um .fin-yo:not(.fin-mv) td:nth-child(6),
  html body .um .fin-yo:not(.fin-mv) th:nth-child(7),html body .um .fin-yo:not(.fin-mv) td:nth-child(7),
  html body .um .fin-mv th:nth-child(2),html body .um .fin-mv td:nth-child(2),
  html body .um .fin-mv th:nth-child(4),html body .um .fin-mv td:nth-child(4){display:none!important}
  html body .um .fin-yo td.nimi .muted.mono{display:block;margin:2px 0 0!important}
  html body .um .fin-yo td,html body .um .fin-yo th{padding-inline:6px!important}
  html body .um .um-tulos .vieritin table td.nimi,html body .um .um-tulos .vieritin table th.nimi{position:static}
  html body .um .um-tulos tbody td.sija{width:26px}
}

/* ---------- 13b. Tila ja vuorovaikutus ---------- */
/* overflow-x:hidden html/bodyssa esti sticky-elementit; clip leikkaa vaakavuodot ilman sitä */
html,html body{overflow-x:clip!important}
/* kiinteä yläpalkki työpöydällä: sticky koko header-osaan, koska .topbarin oma säiliö loppuu heti sen jälkeen */
@media (min-width:861px){
  html body header.wp-block-template-part,html body header.site-header{position:sticky!important;top:0;z-index:100}
  html body.admin-bar header.wp-block-template-part{top:32px}
  html body .um .topbar{position:relative!important}
  html body [id]{scroll-margin-top:124px}
}
/* nauha pysähtyy hiirellä ja näppäimistöfokuksella */
html body .um .ticker:hover .track,html body .um .ticker:focus-within .track{animation-play-state:paused!important}
/* päättynyt ottelu: voittaja korostuu, häviäjä himmenee */
html body .um .liiga-ottelu.ohi .team:not(.voittaja) .nm,html body .um .nhl-ottelu.ohi .team:not(.voittaja) .nm{color:var(--v4-fg3)!important;font-weight:500!important}
html body .um .liiga-ottelu .team.voittaja .nm,html body .um .nhl-ottelu .team.voittaja .nm{font-weight:700!important}
html body .um .liiga-ottelu.live .score,html body .um .nhl-ottelu.live .score{color:var(--v4-fg)!important}

/* ---------- 14. Liike ---------- */
@media (prefers-reduced-motion:reduce){
  html body .um .ticker .track{animation:none!important}
  html body .um *{transition:none!important}
}

/*UMV4P*/
/* V4-paikka 17.10.2026: AAA-viimeistely. Liitetään UMV4-lohkon loppuun ennen UMV4-END-merkkiä. */
/* Järjestys: tokenit, typografia, ylätunniste, nauha, sivun alku, osio-otsikot, uutiset, etusivun tulokset, */
/* ottelurivit, linkkipolut, taulukot, suomalaiset, data-sivujen hero, lajit, alatunniste, artikkeli, arkistot, */
/* evästebanneri, kosketusalueet, liike. */

/* ================= 0. Tokenit ================= */
/* fg3 AAA-tasolle (7,2-7,8:1 kaikilla tummilla pinnoilla); vanha --greyd samaan arvoon */
html:root{--v4-fg3:#9CA4B1;--greyd:#9CA4B1}
/* käynnissä-teksti valkoisena: sininen on vain pisteen väri, ettei tila näytä linkiltä */
html:root{--v4-live-t:var(--v4-fg)}
/* artikkelin linkkisininen valkoisella 7,59:1 */
html:root{--v4-link-p:#094DB8}
/* sivureuna, osioväli, moduuliväli ja otsikon jälkeinen väli */
html:root{--v4-gut:24px;--v4-s-sec:clamp(56px,7vw,96px);--v4-s-mod:44px;--v4-s-head:22px}
/* mobiilissa kapeampi reuna ja tiiviimpi moduuliväli */
@media (max-width:760px){html:root{--v4-gut:18px;--v4-s-mod:36px}}

/* ================= 1. Typografiajärjestelmä ================= */
/* Inter Tight on valmiiksi tiukka: perusotsikoiden tracking lähes nollaan */
html body .um h1,html body .um h2,html body .um h3,html body .um h4{letter-spacing:-.006em}
/* XS: korttiotsikot 600 */
html body .um a.nw:not(.nw--lead) .nw-t,html body .um .lu-rt,html body ul.umarkisto-grid h2.umk-otsikko{font-weight:600!important;letter-spacing:0!important;line-height:1.28!important}
/* S: moduulit ja alaotsikot 700 */
html body .um .um-tulos .lohko-head h2,html body .um .um-linkit h2,html body .um .um-teksti h2,html body .um h3.lu-t,html body .um .nx-ev,html body .um a.sportcard .nm,html body .um .mega .mega-feat strong,html body.single-post .umart-teksti h3{font-weight:700!important;letter-spacing:-.004em!important}
/* M: osio-otsikot ja artikkelin väliotsikot 700 */
html body .um .section-head h2,html body .um .lu-head h2,html body .um>h2,html body .um>h3,html body.single-post .umart-teksti h2{font-weight:700!important;letter-spacing:-.006em!important;line-height:1.15!important}
/* L: pääjutun otsikko 800 */
html body .um a.nw--lead .nw-t{font-weight:800!important;letter-spacing:-.01em!important;line-height:1.1!important}
/* XL: sivun H1 800, rivikorkeus jättää tilaa ä- ja ö-pisteille */
html body .um .article-head h1,html body.single-post .umart-head h1.wp-block-post-title,html body .umarkisto-head h1{letter-spacing:-.012em!important;line-height:1.07!important}
/* otsikoiden rivit tasapainoon, ei orpoja sanoja; pitkät yhdyssanat eivät vuoda */
html body .um h1,html body .um h2,html body .um h3,html body .um .nx-ev,html body.single-post .umart-head h1,html body.single-post .umart-teksti h2,html body.single-post .umart-teksti h3,html body .umarkisto-head h1,html body ul.umarkisto-grid h2.umk-otsikko{text-wrap:balance;overflow-wrap:break-word}
/* kappaleissa ei orpoa viimeistä sanaa */
html body .um p,html body .um .nw-x,html body .umarkisto-kuvaus p{text-wrap:pretty}
/* aikaleimat ja kellonajat tasalevyisillä numeroilla */
html body .um .liiga-ottelu .tag,html body .um .nhl-ottelu .tag,html body .um .nw-d,html body .um .nx-d,html body .um .lohko-pvm,html body ul.umarkisto-grid .umk-pvm{font-variant-numeric:tabular-nums}
/* taulukon otsakkeet 12,5 px */
html body .um .um-tulos thead th{font-size:12.5px!important;letter-spacing:.015em!important}

/* ================= 2. Ylätunniste ja navigaatio ================= */
/* nykyinen osio näkyviin: valkoinen teksti ja sininen alaviiva (body-luokista, ei JS:ää) */
html body .um .topbar nav.nav .navitem>a[aria-current],html body.page-id-39 .um .topbar .navitem>a[href="/livetulokset/"],html body.page-id-17 .um .topbar .navitem>a[href="/liiga/"],html body.parent-pageid-17 .um .topbar .navitem>a[href="/liiga/"],html body.page-id-16 .um .topbar .navitem>a[href="/nhl-porssi/"],html body.parent-pageid-16 .um .topbar .navitem>a[href="/nhl-porssi/"],html body.category-jalkapallo .um .topbar .navitem>a[href="/category/jalkapallo/"],html body.category-koripallo .um .topbar .navitem>a[href="/koripallo/"],html body.page-id-40 .um .topbar .navitem>a[href="/f1/"]{color:var(--v4-fg)!important;background-image:linear-gradient(var(--v4-acc),var(--v4-acc))!important;background-repeat:no-repeat!important;background-size:calc(100% - 24px) 2px!important;background-position:12px 100%!important}
/* megamenun fokus: 2 px rengas (oli 1 px / 2,48:1) */
html body .um .mega a.mega-link:focus-visible,html body .um .mega a.mega-feat:focus-visible{outline:2px solid var(--v4-acc-t)!important;outline-offset:-2px!important;box-shadow:none!important;background:rgba(115,174,255,.10)!important}
/* Esc sulkee paneelin (luokka tulee megamenun skriptistä, ks. markup) */
html body .um .topbar nav.nav .navitem.is-dismissed>.mega{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(-6px)!important}
@media (max-width:860px){
  /* mobiilissa palkki vierii pois eikä liu'u nauhan päälle; täysin peittävä tausta */
  html body .um .topbar{position:relative!important;top:auto!important;background:var(--v4-bg)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
  /* logorivi tiiviimmäksi */
  html body .um .topbar .wrap.row{padding-top:4px!important}
  /* logo 44 px kosketusalueeksi */
  html body .um .topbar .logo{min-height:44px;display:inline-flex!important;align-items:center}
  /* navirivi reunasta reunaan, teksti logon linjassa, oikea reuna häivyttää vihjeeksi lisäkohteista */
  html body .um .topbar nav.nav{margin:0 calc(var(--v4-gut) * -1)!important;width:calc(100% + var(--v4-gut) * 2)!important;flex:1 1 calc(100% + var(--v4-gut) * 2)!important;padding:0 calc(var(--v4-gut) - 12px) 2px!important;scroll-snap-type:x proximity;scroll-padding-inline:calc(var(--v4-gut) - 12px);-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 44px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 44px),transparent)}
  /* navikohteet napsahtavat vierittäessä */
  html body .um .topbar nav.nav .navitem{flex:0 0 auto;scroll-snap-align:start}
  /* viimeinen kohde (F1) ei jää häivytyksen alle */
  html body .um .topbar nav.nav .navitem:last-child{padding-right:48px}
  /* fokusrengas linkin sisäpuolelle: vieritettävä navi (overflow-x:auto) leikkaa ulkopuolisen renkaan ylä- ja alareunan */
  html body .um .topbar nav.nav .navitem>a:focus-visible{outline-offset:-3px!important;border-radius:8px!important}
  /* fokusoitu kohde vieritetään oikean reunan 44 px:n häivytyksen ulkopuolelle (2.4.12, SAA-13); korvaa vain loppupään arvon */
  html body .um .topbar nav.nav{scroll-padding-inline-end:44px}
}

/* ================= 3. Tulosnauha ================= */
/* vanhan lohkon 22 px sisävälit pois: nauha ei vuoda (oli 1410 / 419 px) */
html body .um>.ticker{padding-inline:0!important;box-sizing:border-box!important;position:relative}
/* rata nauhan korkuiseksi: tulokset pystykeskelle ja linkit 44 px kosketusalueiksi */
html body .um .ticker .track{height:100%;align-items:stretch!important}
/* linkin sisältö keskelle */
html body .um .ticker a.tick{display:flex!important;align-items:center}
/* fokusrengas nauhan sisäpuolelle, koska nauha leikkaa ylivuodon */
html body .um .ticker a.tick:focus-visible{outline-offset:-4px!important;border-radius:8px}
/* hover ja fokus: koko tulos yhtä sinistä (ennen puoliksi valkoinen) */
html body .um .ticker a.tick:hover .sc,html body .um .ticker a.tick:hover .sc b,html body .um .ticker a.tick:focus-visible .sc,html body .um .ticker a.tick:focus-visible .sc b{color:var(--v4-acc-t)!important}
/* sarjan nimi vähintään 12 px */
html body .um .ticker .tick .lg{font-size:12px!important;letter-spacing:.015em!important}
/* Käynnissä-tunniste valkoisena (18,6:1), sininen vain pisteessä */
html body .um .ticker a.tick .dot.pulse+.lg{color:var(--v4-live-t)!important}
/* mobiilissa tiiviimmät kohteet */
@media (max-width:760px){html body .um .ticker a.tick{padding:0 16px!important;font-size:13.5px}html body .um .ticker .tick-sarja{margin-left:16px}}
/* sarjachippi (markup): sarjan nimi kerran ryhmän alussa */
html body .um .ticker .tick-sarja{display:inline-flex;align-items:center;align-self:center;flex:0 0 auto;height:24px;padding:0 9px;margin:0 2px 0 22px;border-radius:6px;background:rgba(255,255,255,.06);font:600 12px/1 var(--v4-ui);color:var(--v4-fg2);white-space:nowrap}
/* ei erotinviivaa chipin jälkeen */
html body .um .ticker .tick-sarja+a.tick::before{display:none}
/* chipin jälkeen sarjanimi vain ruudunlukijalle */
html body .um .ticker .tick-sarja~a.tick .lg{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
/* käynnissä oleva ottelu näyttää Käynnissä-tunnisteen aina */
html body .um .ticker a.tick:has(.dot.pulse) .lg{position:static!important;width:auto!important;height:auto!important;overflow:visible!important;clip-path:none!important;color:var(--v4-live-t)!important;font-weight:700!important}
/* päättyneen ottelun ratkaisutapa JA / VL tuloksen perässä */
html body .um .ticker .tick abbr.um-lisa{font:700 11px/1 var(--v4-ui);letter-spacing:.04em;color:var(--v4-fg2);text-decoration:none;cursor:help}
/* pysäytysnappi (markup): oikeassa reunassa, liukuväri toimii samalla reunahäivytyksenä */
html body .um .ticker .ticker-pause{position:absolute;top:0;right:0;bottom:0;z-index:2;width:52px;padding:0 0 0 12px;border:0;background:linear-gradient(90deg,rgba(14,17,22,0),var(--v4-bg2) 38%);color:var(--v4-fg2);cursor:pointer;display:grid;place-items:center}
/* napin hover */
html body .um .ticker .ticker-pause:hover{color:var(--v4-fg)}
/* napin fokus nauhan sisällä */
html body .um .ticker .ticker-pause:focus-visible{outline:2px solid var(--v4-acc-t);outline-offset:-4px}
/* tauko-ikoni: kaksi palkkia */
html body .um .ticker .ticker-pause span{display:block;width:10px;height:12px;border-inline:3px solid currentColor}
/* jatka-ikoni: kolmio */
html body .um .ticker .ticker-pause[aria-pressed="true"] span{width:0;height:0;border-inline:0;border-block:6px solid transparent;border-left:10px solid currentColor}
/* pysäytetty nauha */
html body .um .ticker.is-paused .track{animation-play-state:paused!important}
@media (hover:hover) and (prefers-reduced-motion:no-preference){
  /* liikkuva nauha: reunat häivytetään, ei katkenneita tuloksia */
  html body .um .ticker{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 48px,#000 calc(100% - 48px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 48px,#000 calc(100% - 48px),transparent 100%)}
  /* pysäytysnapin kanssa vain vasen reuna, ettei nappi häivy */
  html body .um .ticker:has(.ticker-pause){-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 48px);mask-image:linear-gradient(90deg,transparent 0,#000 48px)}
}
@media (hover:none),(prefers-reduced-motion:reduce){
  /* kosketus ja vähennetty liike: pyyhkäistävä nauha, kaikki tulokset saatavilla (WCAG 2.2.2) */
  html body .um .ticker{overflow-x:auto!important;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}
  /* vierityspalkki piiloon */
  html body .um .ticker::-webkit-scrollbar{display:none}
  /* ei animaatiota; lopussa tilaa häivytykselle */
  html body .um .ticker .track{animation:none!important;transform:none!important;padding-inline-end:28px}
  /* saumattoman vierityksen kopiot ja pysäytysnappi pois */
  html body .um .ticker a.tick.dup,html body .um .ticker .tick-sarja.dup,html body .um .ticker .ticker-pause{display:none!important}
}
/* juttusivulla nauha ei liiku lukemisen aikana: sama staattinen, pyyhkäistävä nauha kuin kosketuslaitteilla */
html body.single-post .um .ticker{overflow-x:auto!important;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)!important;mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)!important}
html body.single-post .um .ticker::-webkit-scrollbar{display:none}
html body.single-post .um .ticker .track{animation:none!important;transform:none!important;padding-inline-end:28px}
html body.single-post .um .ticker a.tick.dup,html body.single-post .um .ticker .tick-sarja.dup,html body.single-post .um .ticker .ticker-pause{display:none!important}

/* ================= 4. Sivun alku ja etusivun järjestys ================= */
/* WP:n 40 px lohkoväli pois .um-sivuilta (nauhan alla oli 88 px tyhjää) */
html body .wp-site-blocks>main.wp-block-group:has(>.entry-content>.um){margin-block-start:0!important}
@media (max-width:760px){
  /* mobiilissa ensimmäinen rivi lähemmäs nauhaa */
  html body .um .um-etusivu-h1{padding-top:18px!important;margin:0 auto 18px!important}
  /* murupolku samaan rytmiin */
  html body .um>.breadcrumb{padding-top:18px!important}
}
/* päiväotsikko (markup <p class="um-pvm"><time datetime="2026-11-03">Tiistai <b>3.11.</b></time></p>): etusivun ankkuri; inertti ilman markupia */
html body .um .um-etusivu-h1:has(.um-pvm){padding-top:clamp(24px,2.8vw,36px)!important;margin-bottom:28px!important}
/* "Lauantai 17.10." isona */
html body .um .um-etusivu-h1 .um-pvm{margin:0;font-family:var(--v4-disp);font-size:clamp(32px,3.6vw,48px);font-weight:800;line-height:1.02;letter-spacing:-.012em;color:var(--v4-fg)}
/* päivämäärä himmeämpänä viikonpäivän perässä */
html body .um .um-etusivu-h1 .um-pvm b{font-weight:800;color:var(--v4-fg3)}
/* SEO-H1 jää päiväotsikon alle lyhyeksi dekiksi */
html body .um .um-etusivu-h1:has(.um-pvm) h1{margin:10px 0 0!important;font-size:15.5px!important;font-weight:500!important;line-height:1.5!important;color:var(--v4-fg2)!important;max-width:62ch}
/* Seuraavaksi-nauha H1:n alla (aktivoituu vasta, kun sivun 15 DOM on: H1, Seuraavaksi, Tulokset, Uusimmat jutut, Lajit) */
html body.home .entry-content>.um>section:has(#hp-next):has(~section.um-etu){margin-bottom:48px!important}
/* nauhan otsikko pieneksi nimiöksi, ei viivoja */
html body.home .entry-content>.um>section:has(#hp-next):has(~section.um-etu) .section-head{border-top:0!important;border-bottom:0!important;padding:0!important;margin:0 0 10px!important}
/* "Seuraavaksi" 13 px */
html body.home .entry-content>.um>section:has(#hp-next):has(~section.um-etu) .section-head h2{font-family:var(--v4-ui)!important;font-size:13px!important;font-weight:600!important;letter-spacing:.01em!important;color:var(--v4-fg3)!important}
/* jatkolinkki pois: sama kohde on heti alla Tulokset-osiossa */
html body.home .entry-content>.um>section:has(#hp-next):has(~section.um-etu) .section-head .seemore{display:none!important}
/* yksi hiusviivoin rajattu nauha */
html body.home .entry-content>.um>section:has(#hp-next):has(~section.um-etu) #hp-next{border-top:1px solid var(--v4-rule2)!important;border-bottom:1px solid var(--v4-rule2)!important;padding:16px 0}
/* lajinimi ei rivity */
html body.home .entry-content>.um>section:has(#hp-next):has(~section.um-etu) #hp-next .nx-lg{white-space:nowrap}
/* lähdelause pienemmäksi */
html body.home .entry-content>.um>section:has(#hp-next):has(~section.um-etu) #hp-next~p.muted{margin-top:10px!important;font-size:12.5px!important}
@media (max-width:760px){
  html body.home .entry-content>.um>section:has(#hp-next):has(~section.um-etu){margin-bottom:36px!important}
  /* mobiilissa vaakarivi reunasta reunaan, kolmas solu vihjaa vierityksestä */
  html body.home .entry-content>.um>section:has(#hp-next):has(~section.um-etu) #hp-next{display:grid!important;grid-auto-flow:column;grid-auto-columns:minmax(150px,1fr);grid-template-columns:none!important;overflow-x:auto;scrollbar-width:none;margin-inline:calc(var(--v4-gut) * -1);padding:12px var(--v4-gut)}
  /* solut tiiviiksi */
  html body.home .entry-content>.um>section:has(#hp-next):has(~section.um-etu) #hp-next a.nx,html body.home .entry-content>.um>section:has(#hp-next):has(~section.um-etu) #hp-next a.nx:first-child{padding:2px 14px 4px 0!important;border-top:0!important}
  /* solujen väliin pystyviiva */
  html body.home .entry-content>.um>section:has(#hp-next):has(~section.um-etu) #hp-next a.nx+a.nx{border-left:1px solid var(--v4-rule)!important;border-top:0!important;padding-left:14px!important}
  /* tapahtuma 17 px */
  html body.home .entry-content>.um>section:has(#hp-next):has(~section.um-etu) #hp-next .nx-ev{font-size:17px!important}
  /* lisärivi pois kapealta */
  html body.home .entry-content>.um>section:has(#hp-next):has(~section.um-etu) #hp-next .nx-t{display:none}
}

/* ================= 5. Osio-otsikot ja pystyrytmi ================= */
/* toimituksellinen allekirjoitus: paksu yläviiva, ei alaviivaa (ylätaso) */
html body .um .section-head,html body .um .lu-head{border-bottom:0!important;border-top:2px solid var(--v4-fg)!important;padding:14px 0 0!important;margin-bottom:var(--v4-s-head)!important}
/* data-sivujen pääosiot samalla allekirjoituksella */
html body .um .um-tulos .lohko-head{border-bottom:0!important;border-top:2px solid var(--v4-fg)!important;padding:14px 0 0!important;margin:0 0 10px!important}
/* osio-otsikko 24-28 px */
html body .um .section-head h2,html body .um .lu-head h2{font-size:clamp(24px,2.2vw,28px)!important}
/* data-sivun moduuli osio-tasolle: 21-28 px */
html body .um .um-tulos .lohko-head h2{font-size:clamp(21px,2.2vw,28px)!important}
/* SEO-tekstin väliotsikot pienemmiksi kuin data */
html body .um>h2,html body .um .um-linkit h2,html body .um .um-teksti h2{font-size:clamp(20px,1.8vw,23px)!important}
/* SEO-tekstin h3 */
html body .um>h3{font-size:19px!important}
/* jatkolinkit 44 px kosketusalueiksi kasvattamatta otsikkoriviä */
html body .um .section-head .seemore,html body .um .lu-head a.lu-all{display:inline-flex!important;align-items:center;min-height:44px!important;margin-block:-12px!important}
/* sama osioväli koko etusivulla */
html body .um section.band,html body .um section.section{margin-bottom:var(--v4-s-sec)!important}
/* uutisgridin viimeinen kortti ei lisää väliä */
html body .um .newsgrid>a.nw:last-child{margin-bottom:0!important}
@media (max-width:560px){
  /* kapealla jatkolinkki rivittyy otsikon alle vasempaan reunaan */
  html body .um .section-head,html body .um .lu-head{flex-wrap:wrap!important;row-gap:2px}
  html body .um .section-head .seemore,html body .um .lu-head a.lu-all{margin:-10px 0!important;font-size:14px!important}
}

/* ================= 6. Uutiskortit ================= */
/* laji ja päiväys samalle riville (vanha space-between heitti päiväyksen reunaan) */
html body .um a.nw .nw-top{justify-content:flex-start!important;gap:0!important}
/* erotin lajin ja päiväyksen väliin */
html body .um a.nw .nw-k+.nw-d::before{content:"·";content:"·"/"";margin:0 7px;color:var(--v4-fg3)}
/* kuvakääreet ankkuriksi kehykselle */
html body .um a.nw .nw-img,html body .um a.lu-lead .lu-img,html body .um .lu-rimg,html body ul.umarkisto-grid .umk-kuva{position:relative;display:block}
/* tummat kuvat irti taustasta 1 px:n sisäkehyksellä */
html body .um a.nw .nw-img::after,html body .um a.lu-lead .lu-img::after,html body .um .lu-rimg::after,html body ul.umarkisto-grid .umk-kuva::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);pointer-events:none}
/* hover: alleviivaus värinvaihdon sijaan (kontrasti säilyy) */
html body .um a.nw:hover .nw-t{color:var(--v4-fg)!important;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;text-decoration-color:rgba(115,174,255,.75)}
@media (max-width:760px){
  /* pääjutun kuva reunasta reunaan */
  html body .um a.nw.nw--lead .nw-img{margin:0 calc(var(--v4-gut) * -1) 2px!important;border-radius:0!important}
  /* laji-rivi irti kuvasta */
  html body .um a.nw.nw--lead .nw-top{margin-top:12px}
  /* pääotsikko 25-28 px (kaskadivirhe jätti sen 16,5 px:iin) */
  html body .um a.nw.nw--lead .nw-t{font-size:clamp(25px,7vw,28px)!important;line-height:1.12!important;letter-spacing:-.01em!important}
  /* ingressi 16 px, enintään kolme riviä */
  html body .um a.nw.nw--lead .nw-x{font-size:16px!important;line-height:1.55!important;display:-webkit-box!important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  /* sivujuttujen otsikot 17 px */
  html body .um a.nw:not(.nw--lead) .nw-t{font-size:17px!important;line-height:1.28!important}
}

/* ================= 7. Etusivun tulosalue ================= */
/* lohkot täysleveiksi yhteen lukujärjestykseen */
html body .um .um-etu .etu-tulokset{grid-template-columns:minmax(0,1fr)!important;row-gap:var(--v4-s-mod)!important}
/* lohkojen väli tulee row-gapista */
html body .um .um-etu .etu-tulokset .lohko{margin:0!important}
/* NHL kahteen sarakkeeseen (kolmessa nimet katkesivat) */
html body .um .um-etu .um-nhl .ottelut{grid-template-columns:repeat(2,minmax(0,1fr))!important}
/* moduulin otsikko luokittimeksi: osion sisällä yksi viivataso */
html body .um .um-etu .um-tulos .lohko-head{border-top:0!important;border-bottom:1px solid var(--v4-rule2)!important;padding:0 0 10px!important;margin:0!important}
/* SM-liiga, NHL, Suomalaiset: 18 px / 700 */
html body .um .um-etu .um-tulos .lohko-head :is(h2,h3){font-family:var(--v4-disp)!important;font-size:18px!important;font-weight:700!important;letter-spacing:-.004em!important;line-height:1.3!important;text-transform:none!important;margin:0!important;color:var(--v4-fg)!important}
/* sarjalogo myös h3-otsikossa (markup um_lohko taso h3) */
html body .um .lohko-head h3 img.sarjalogo{width:22px;height:22px;vertical-align:-3px;margin-right:8px}
/* päiväys luettavammaksi */
html body .um .um-etu .um-tulos .lohko-pvm{color:var(--v4-fg2)!important;font-weight:600!important}
/* "Tänään N ottelua" -rivi (PHP) */
html body .um .um-etu .etu-seur{margin:14px 0 0;font-size:15px;font-weight:600}
html body .um .um-etu .etu-seur a{color:var(--v4-fg)!important;text-decoration:none}
html body .um .um-etu .etu-seur a:hover{color:var(--v4-acc-t)!important;text-decoration:underline}
@media (min-width:1200px){
  /* leveällä maalivahdit kenttäpelaajien rinnalle */
  html body .um .um-etu #suomalaiset-yo .vieritin{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-auto-flow:row dense;column-gap:48px;align-items:start}
  /* maalivahtitaulukko ylös */
  html body .um .um-etu #suomalaiset-yo .fin-mv{margin-top:0!important}
  /* JA-tappio ei rivity */
  html body .um .um-etu .fin-mv td:last-child{white-space:nowrap}
}
@media (max-width:760px){
  /* NHL yhteen sarakkeeseen */
  html body .um .um-etu .um-nhl .ottelut{grid-template-columns:minmax(0,1fr)!important}
  /* areenan nimi ei auta silmäilyssä */
  html body .um .um-etu .nhl-ottelu .meta{display:none!important}
}

/* ================= 8. Ottelurivit ================= */
@media (min-width:561px){
  /* tuleva Liiga-ottelu: aloitusaika tuloksen paikalle, kaupunki keskelle sen yläpuolelle */
  html body .um .liiga-ottelu:has(.score.tyhja:not(.alku)){grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;grid-template-areas:"meta meta meta" "koti aika vieras";column-gap:14px;row-gap:6px!important;align-items:center}
  /* ylä- ja joukkuerivi litistetään korttigridiin */
  html body .um .liiga-ottelu:has(.score.tyhja:not(.alku))>.top,html body .um .liiga-ottelu:has(.score.tyhja:not(.alku))>.teams{display:contents!important}
  /* kaupunki keskelle */
  html body .um .liiga-ottelu:has(.score.tyhja:not(.alku)) .meta{grid-area:meta;justify-self:center}
  /* kellonaika isona keskelle */
  html body .um .liiga-ottelu:has(.score.tyhja:not(.alku)) .tag{grid-area:aika;min-width:64px;text-align:center;font-family:var(--v4-disp)!important;font-size:19px!important;font-weight:700!important;letter-spacing:-.01em!important;color:var(--v4-fg)!important}
  /* kotijoukkue vasemmalle */
  html body .um .liiga-ottelu:has(.score.tyhja:not(.alku)) .team{grid-area:koti}
  /* vierasjoukkue oikealle */
  html body .um .liiga-ottelu:has(.score.tyhja:not(.alku)) .team.away{grid-area:vieras}
  /* tyhjä viiva pois */
  html body .um .liiga-ottelu:has(.score.tyhja:not(.alku)) .score.tyhja{display:none!important}
}
/* NHL-logoissa on sisäistä tyhjää: optisesti samankokoisiksi kuin Liigan vaakunat (tilaa vasta 861 px:stä) */
@media (min-width:861px){html body .um .nhl-ottelu .vaakuna{width:32px!important;height:32px!important;margin:-3px 0}}
/* tuleva ottelu, jonka tulospaikalla on aloitusaika (NHL-markup .alku) */
html body .um .nhl-ottelu .score.tyhja.alku{font-family:var(--v4-disp)!important;font-size:19px!important;font-weight:700!important;letter-spacing:-.01em!important;color:var(--v4-fg)!important;font-variant-numeric:tabular-nums}
/* päättynyt: väliviiva himmeäksi */
html body .um .liiga-ottelu.ohi .score,html body .um .nhl-ottelu.ohi .score{color:var(--v4-fg3)!important}
/* päättynyt: häviäjän maalimäärä himmeäksi (Apple Sports) */
html body .um .liiga-ottelu.ohi:has(.team.voittaja:not(.away)) .score b:last-child,html body .um .nhl-ottelu.ohi:has(.team.voittaja:not(.away)) .score b:last-child,html body .um .liiga-ottelu.ohi:has(.team.away.voittaja) .score b:first-child,html body .um .nhl-ottelu.ohi:has(.team.away.voittaja) .score b:first-child{color:var(--v4-fg3)!important;font-weight:600!important}
/* Käynnissä-merkki valkoisena pienenä tekstinä, sininen vain pisteessä */
html body .um .badge-live{color:var(--v4-live-t)!important}
/* ratkaisutapa JA / VL: sama lyhenne kaikissa tulosnäkymissä */
html body .um abbr.um-lisa{font-weight:700;letter-spacing:.04em;text-decoration:none;cursor:help;color:var(--v4-fg2)}
html body .um .badge-live abbr.um-lisa{color:inherit}
/* joukkuesivun kausiohjelman käynnissä oleva tulos valkoisena (UMDATA: sininen näytti linkiltä) */
html body .um .kausiohjelma .live{color:var(--v4-fg)!important;font-weight:700}
/* käynnissä: maalit valkoisina kaikilla leveyksillä kuten V5-tulostaulussa */
html body .um .liiga-ottelu.live .score b,html body .um .nhl-ottelu.live .score b{color:var(--v4-fg)!important}
/* kaupungit pois versaalista: TAMPERE muotoon Tampere */
html body .um .liiga-ottelu .meta{text-transform:lowercase!important}
html body .um .liiga-ottelu .meta::first-letter{text-transform:uppercase}
/* joukkueen nimi linkkinä (markup) */
html body .um .liiga-ottelu a.nm{text-decoration:none}
html body .um .liiga-ottelu a.nm:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
@media (max-width:560px){
  /* mobiilirivi: tila | joukkueet allekkain | maalit omassa sarakkeessa (FotMob); 112 px mahduttaa tilan ja päivän (Päättyi VL · pe 16.10.) */
  html body .um .liiga-ottelu,html body .um .nhl-ottelu{grid-template-columns:112px minmax(0,1fr) 28px!important;grid-auto-rows:auto;column-gap:12px!important;row-gap:0!important;align-items:center;padding:11px 0!important;font-size:0;line-height:0}
  /* kääreet litistetään gridiin */
  html body .um .liiga-ottelu>.top,html body .um .nhl-ottelu>.top,html body .um .liiga-ottelu>.teams,html body .um .nhl-ottelu>.teams,html body .um .liiga-ottelu .score,html body .um .nhl-ottelu .score{display:contents!important}
  /* väliviiva ja @ piiloon */
  html body .um .liiga-ottelu .score,html body .um .nhl-ottelu .score,html body .um .liiga-ottelu .score.tyhja,html body .um .nhl-ottelu .score.tyhja{font-size:0!important;min-width:0!important}
  /* tila tai kellonaika vasempaan sarakkeeseen */
  html body .um .liiga-ottelu .tag,html body .um .nhl-ottelu .tag,html body .um .liiga-ottelu .badge-live,html body .um .nhl-ottelu .badge-live{grid-column:1;grid-row:1/span 2;align-self:center;font-size:12.5px!important;line-height:1.3!important;white-space:normal}
  /* NHL-areena pois */
  html body .um .nhl-ottelu .meta{display:none!important}
  /* Liigassa tila ylös, kaupunki alle */
  html body .um .liiga-ottelu .tag,html body .um .liiga-ottelu .badge-live{grid-row:1;align-self:end}
  html body .um .liiga-ottelu .meta{grid-column:1;grid-row:2;align-self:start;font-size:12px!important;line-height:1.35!important;display:block}
  /* ensimmäinen joukkue ylärivi */
  html body .um .liiga-ottelu .team,html body .um .nhl-ottelu .team{grid-column:2;grid-row:1;justify-content:flex-start!important;padding:3px 0}
  /* toinen joukkue alarivi, logo ensin */
  html body .um .liiga-ottelu .team.away,html body .um .nhl-ottelu .team.away{grid-row:2;flex-direction:row-reverse;justify-content:flex-end!important}
  html body .um .liiga-ottelu .nm,html body .um .nhl-ottelu .nm{line-height:1.35}
  /* vaakunat 22 px */
  html body .um .um-tulos .liiga-ottelu .vaakuna{width:22px!important;height:22px!important}
  /* NHL-logot optisesti samaan kokoon */
  html body .um .um-tulos .nhl-ottelu .vaakuna{width:26px!important;height:26px!important;margin:-2px}
  /* maalit oikeaan sarakkeeseen riveittäin */
  html body .um .liiga-ottelu .score b,html body .um .nhl-ottelu .score b{grid-column:3;grid-row:1;font-family:var(--v4-disp);font-size:17px;font-weight:700;line-height:1;text-align:right;color:var(--v4-fg)!important}
  html body .um .liiga-ottelu .score b+b,html body .um .nhl-ottelu .score b+b{grid-row:2}
  /* NHL-markupin aloitusaika (.alku) päivän alle vasempaan sarakkeeseen */
  html body .um .nhl-ottelu:has(.score.alku) .tag{grid-row:1!important;align-self:end}
  html body .um .nhl-ottelu .score.tyhja.alku{display:block!important;grid-column:1;grid-row:2;align-self:start;font-family:var(--v4-ui)!important;font-size:12.5px!important;font-weight:700!important;line-height:1.35!important;letter-spacing:0!important;text-align:left}
}
@media (max-width:860px){
  /* tabletti ja mobiili: nimet rivittyvät sanavälistä, ei katkaisua (Golden Knights) */
  html body .um .liiga-ottelu .nm,html body .um .nhl-ottelu .nm{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.2!important;overflow-wrap:break-word!important}
}
/* 360 px ja alle: pienempi nimi */
@media (max-width:360px){html body .um .liiga-ottelu .nm,html body .um .nhl-ottelu .nm{font-size:14px!important}}
/* 340 px ja alle */
@media (max-width:340px){html body .um .liiga-ottelu .nm,html body .um .nhl-ottelu .nm{font-size:13px!important}}

/* ================= 9. Linkkipolut ja leipätekstin linkit ================= */
/* jatkopolut napeiksi; pisteerottimet piiloon */
html body .um .um-tulos .etu-linkit,html body .um .jl-muut{display:flex!important;flex-wrap:wrap;gap:0!important;font-size:0!important;line-height:0!important;margin-top:18px!important}
/* napit 36 px; väli marginaalilla, koska erotin on tekstisolmu */
html body .um .um-tulos .etu-linkit a,html body .um .jl-muut a{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;margin:0 8px 8px 0;border-radius:999px;border:1px solid var(--v4-rule2);background:rgba(255,255,255,.04);font-family:var(--v4-ui);font-size:14px;line-height:1;font-weight:600;color:var(--v4-fg)!important;text-decoration:none!important;white-space:nowrap}
/* nuoli, ei ruudunlukijalle */
html body .um .um-tulos .etu-linkit a::after,html body .um .jl-muut a::after{content:"→";content:"→"/"";color:var(--v4-acc-t);font-weight:500}
/* napin hover */
html body .um .um-tulos .etu-linkit a:hover,html body .um .jl-muut a:hover{border-color:var(--v4-acc);background:rgba(46,139,255,.12)}
/* mobiilissa 44 px */
@media (max-width:760px){html body .um .um-tulos .etu-linkit a,html body .um .jl-muut a{min-height:44px;padding:0 16px}}
/* leipätekstin linkit erottuvat muutenkin kuin sävyllä (WCAG 1.4.1). Ei V5-pinnoilla (.v5 ja tulossivujen .v5-data-nav-kisko,
   TAY-01): V5:llä on oma linkkityylinsä (um-v5.css). :where() ei lisää spesifisyyttä, joten sääntö pysyy (0,4,4). */
html body .um :is(p,li,dd,figcaption):not(.etu-linkit):not(.jl-muut) a:not([class]):not(:where(.v5,.v5-data-nav) *){color:var(--v4-acc-t)!important;text-decoration:underline!important;text-decoration-thickness:1px!important;text-decoration-color:rgba(115,174,255,.55)!important;text-underline-offset:3px}
/* hover vahvistaa alleviivauksen */
html body .um :is(p,li,dd,figcaption):not(.etu-linkit):not(.jl-muut) a:not([class]):not(:where(.v5,.v5-data-nav) *):hover{text-decoration-color:currentColor!important;text-decoration-thickness:2px!important}

/* ================= 10. Datataulukot ================= */
/* flex-solut takaisin taulukkosoluiksi: rivien viivat linjaan */
html body .um .liiga-taulukko td.nimi,html body .um .nhl-taulukko td.nimi,html body .um .nhl-porssi td.joukkue{display:table-cell!important;vertical-align:middle;white-space:nowrap}
/* vaakuna tekstin linjaan */
html body .um .liiga-taulukko td.nimi .vaakuna,html body .um .nhl-taulukko td.nimi .vaakuna,html body .um .nhl-porssi td.joukkue .vaakuna,html body .um .liiga-taulukko td.nimi .vaakuna-tyhja,html body .um .nhl-taulukko td.nimi .vaakuna-tyhja{display:inline-block!important;vertical-align:middle;margin:-2px 10px 0 0!important}
html body .um .liiga-taulukko td.nimi .jn,html body .um .nhl-taulukko td.nimi .jn{vertical-align:middle}
/* F1: kasvokuvia vain kolmella, ne jäivät tyhjiksi palloiksi ja siirsivät nimiä */
html body .um .f1-tulos .kasvot{display:none!important}
/* F1: kuljettajasolu taulukkosoluksi (flex irrotti sen rivin viivoista) */
html body .um .um-f1 td.kuljettaja{display:table-cell!important;vertical-align:middle;white-space:nowrap}
/* tallin väriviiva nimen eteen */
html body .um .um-f1 td.kuljettaja .vari{display:inline-block;vertical-align:middle;margin:-2px 10px 0 0}
html body .um .um-f1 td.kuljettaja .kn{vertical-align:middle}
/* F1-kalenterin kilpailurivi AAA-sinisellä (oli 5,28:1) */
html body .um .sessio.kisa .nm{color:var(--v4-acc-t)!important}
@media (min-width:761px){
  /* harvat taulukot enintään 880 px (otsake, taulukko ja selite yhdessä) */
  html body .um .um-tulos .lohko:has(table.liiga-taulukko),html body .um .um-tulos .lohko:has(table.kausiohjelma),html body .um .um-f1 .lohko{max-width:880px}
  /* sarjataulukon numerosarakkeet kiinteiksi */
  html body .um .um-tulos table.liiga-taulukko th:not(.nimi),html body .um .um-tulos table.liiga-taulukko td:not(.nimi):not(.maalit){width:52px}
  /* otteluohjelma: päivä */
  html body .um .kausiohjelma th:nth-child(1),html body .um .kausiohjelma td:nth-child(1){width:92px;white-space:nowrap}
  /* otteluohjelma: kellonaika vasemmalle, ei liimaudu otteluun */
  html body .um .kausiohjelma th:nth-child(2),html body .um .kausiohjelma td:nth-child(2){width:64px;text-align:left!important}
  /* otteluohjelma: tulos lähelle ottelua */
  html body .um .kausiohjelma th:last-child,html body .um .kausiohjelma td:last-child{width:120px;text-align:right!important;white-space:nowrap}
}
/* otteluohjelma: kellonaika toissijaiseksi */
html body .um .kausiohjelma td:nth-child(2){color:var(--v4-fg3)!important}
/* otteluohjelma: ottelu pääasiaksi */
html body .um .kausiohjelma td:nth-child(3){color:var(--v4-fg)!important;font-weight:600}
/* tulos ja V/H-merkki samalle riville */
html body .um .kausiohjelma :is(.voitto,.tappio){display:inline-flex;align-items:center;gap:8px;font-weight:700}
/* voiton teksti valkoinen, merkki kantaa värin */
html body .um .kausiohjelma .voitto{color:var(--v4-fg)!important}
/* tappion teksti himmeämpi */
html body .um .kausiohjelma .tappio{color:var(--v4-fg2)!important}
/* V/H-merkki: tila ei ole pelkän värin varassa (WCAG 1.4.1) */
html body .um .kausiohjelma :is(.voitto,.tappio)::before{display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:5px;font:700 11.5px/1 var(--v4-ui)}
html body .um .kausiohjelma .voitto::before{content:"V";content:"V"/"Voitto ";background:rgba(61,214,140,.16);color:var(--v4-ok)}
html body .um .kausiohjelma .tappio::before{content:"H";content:"H"/"Tappio ";background:rgba(255,255,255,.07);color:var(--v4-fg2)}
/* seuraava pelaamaton ottelu korostuu */
html body .um .kausiohjelma tr.pelattu+tr.tuleva td{background:rgba(46,139,255,.09)!important;color:var(--v4-fg)!important}
html body .um .kausiohjelma tr.pelattu+tr.tuleva td:first-child{box-shadow:inset 3px 0 0 var(--v4-acc)}
@media (max-width:760px){
  /* oman joukkueen nimisolu peittää vieritettäessä */
  html body .um .um-tulos .vieritin tbody tr.oma td.nimi{background:#0D1726!important}
}
@media (max-width:560px){
  /* kiinnitetty nimisolu pois kapealta, tausta läpinäkyväksi */
  html body .um .um-tulos .vieritin table td.nimi,html body .um .um-tulos .vieritin table th.nimi{background:transparent!important}
  /* oma joukkue korostuu yhtenäisesti */
  html body .um .um-tulos .vieritin tbody tr.oma td.nimi{background:rgba(46,139,255,.09)!important}
  /* solut tiiviimmiksi */
  html body .um .um-tulos thead th,html body .um .um-tulos tbody td{padding-inline:6px!important}
  /* reunasolut 18 px:n reunalinjaan */
  html body .um .um-tulos thead th:first-child,html body .um .um-tulos tbody td:first-child{padding-left:0!important}
  html body .um .um-tulos thead th:last-child,html body .um .um-tulos tbody td:last-child{padding-right:0!important}
  /* rivikorkeus tasaiseksi */
  html body .um .um-tulos tbody td{padding-top:10px!important;padding-bottom:10px!important}
  /* NHL-taulukosta Maalit pois, P näkyy ilman vieritystä */
  html body .um .nhl-taulukko th:nth-child(7),html body .um .nhl-taulukko td:nth-child(7){display:none!important}
  /* pörssistä +/- pois */
  html body .um table.nhl-porssi:not(.fin-yo) th:nth-child(8),html body .um table.nhl-porssi:not(.fin-yo) td:nth-child(8){display:none!important}
  /* F1 ja otteluohjelma mahtuvat ruutuun */
  html body .um .kausiohjelma,html body .um .f1-tulos,html body .um .f1-kalenteri{min-width:0!important}
  /* F1: talli pois, tallin väriviiva jää */
  html body .um .f1-tulos th:nth-child(3),html body .um .f1-tulos td:nth-child(3),html body .um .f1-kalenteri th:nth-child(3),html body .um .f1-kalenteri td:nth-child(3){display:none!important}
  /* otteluohjelman ottelu saa rivittyä */
  html body .um .kausiohjelma td:nth-child(3){white-space:normal}
  /* maalivahdin tulos ei rivity */
  html body .um .fin-mv td:last-child{white-space:nowrap!important}
  /* seuraavan ottelun korostusviiva ei peitä päiväystä */
  html body .um .kausiohjelma tr.pelattu+tr.tuleva td:first-child{padding-left:9px!important}
}

/* ================= 11. Suomalaiset NHL:ssä ================= */
/* etusivun maalivahtitaulukosta Ottelu pois (sama tieto kenttäpelaajissa), Tulos ei leikkaudu */
@media (min-width:761px){html body .um .um-etu .fin-mv th:nth-child(2),html body .um .um-etu .fin-mv td:nth-child(2){display:none!important}}
/* nollapisterivit taka-alalle */
html body .um .fin-yo:not(.fin-mv) tbody tr:not(.piste) td{color:var(--v4-fg3)!important;font-weight:500!important}
/* nollarivin nimi luettavana mutta hiljaisena */
html body .um .fin-yo:not(.fin-mv) tbody tr:not(.piste) td .jn{color:var(--v4-fg2)!important;font-weight:500!important}
/* pistemiehen nimi lihavaksi */
html body .um .fin-yo tbody tr.piste td .jn{color:var(--v4-fg)!important;font-weight:700!important}
/* suomalaisten Ottelu-sarake aina toissijainen (td.nimi teki siitä pistemiehillä valkoisen) */
html body .um .fin-yo tbody td.nimi.ottelu{color:var(--v4-fg3)!important;font-weight:500!important}
/* pistemiehen P isommaksi ja siniseksi */
html body .um .fin-yo tbody tr.piste td.pist{font-size:17px!important;font-weight:800!important;color:var(--v4-acc-t)!important}
/* "Ilman pisteitä" -rivi (PHP) */
html body .um .fin-muut{grid-column:1;margin:12px 0 0;font-size:14px;line-height:1.6;color:var(--v4-fg3)}
html body .um .fin-muut span{color:var(--v4-fg2);font-weight:600}
/* videopilleri 26 px: rivit pysyvät 48 px:ssä (oli 65 px) */
html body .um .fin-yo a.vid{height:26px!important;min-height:0!important;padding:0 10px!important;margin:-2px 0!important;line-height:1!important;font-variant-emoji:text}
/* mobiilietusivulla Video-sarake takaisin (V4 piilotti sen väärällä nth-childillä) */
@media (max-width:560px){html body .um .fin-yo:not(.fin-mv) th:last-child,html body .um .fin-yo:not(.fin-mv) td:last-child{display:table-cell!important}}

/* ================= 12. Data-sivujen hero ================= */
/* murupolku lähemmäs nauhaa */
html body .um:has(.um-tulos)>.breadcrumb{padding-top:20px!important}
/* hero tiiviiksi: data nousee ensimmäiseen näkymään */
html body .um:has(.um-tulos)>.article-head{padding-top:6px!important;padding-bottom:22px!important;margin-bottom:0!important}
/* kicker toisti murupolun */
html body .um:has(.um-tulos)>.article-head .kicker{display:none!important}
/* H1 yhdelle riville */
html body .um:has(.um-tulos)>.article-head h1{font-size:clamp(30px,3.2vw,44px)!important;line-height:1.05!important;margin:0!important;max-width:none!important}
html body .um:has(.um-tulos)>.article-head h1 br{display:none}
/* toinen rivi alaotsikoksi UI-fontilla */
html body .um:has(.um-tulos)>.article-head h1 span{display:block;margin-top:8px;font-family:var(--v4-ui)!important;font-size:clamp(16px,1.4vw,19px)!important;font-weight:500!important;line-height:1.35!important;letter-spacing:-.01em!important;color:var(--v4-fg2)!important}
/* dekki pienemmäksi */
html body .um:has(.um-tulos)>.article-head .dek{font-size:15.5px!important;line-height:1.55!important;max-width:72ch;margin-top:12px!important}
html body .um:has(.um-tulos)>.article-head .byline{margin-top:10px!important}
/* mobiilissa 28 px */
@media (max-width:760px){html body .um:has(.um-tulos)>.article-head h1{font-size:28px!important}}
/* sarjataulukkosivulla sama otsikko kahdesti: lohko-otsake vain ruudunlukijalle */
html body .um>.article-head+section.um-tulos>.lohko:first-child>.lohko-head:has(+[data-um-osa='taulukko']){position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;padding:0!important;margin:-1px!important}

/* ================= 13. Lajit: typografiset laatat ================= */
/* viisi tasakokoista laattaa */
html body .um .sportgrid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important}
/* nostettu pinta ilman kuvaa */
html body .um a.sportcard{aspect-ratio:auto!important;min-height:96px;background:var(--v4-raise)!important;box-shadow:inset 0 0 0 1px var(--v4-rule)!important;display:flex!important;transition:background .18s,box-shadow .18s}
/* neon-AI-kuvat pois (kaksi oli sama kuva) */
html body .um a.sportcard img{display:none!important}
/* nimi ja nuoli laatan alareunaan */
html body .um a.sportcard .ov{position:static!important;background:none!important;padding:18px 18px 16px!important;display:flex;align-items:flex-end;justify-content:space-between;gap:10px;width:100%}
/* nimi 20 px */
html body .um a.sportcard .nm{font-size:20px!important;line-height:1.15!important}
/* valinnainen sisältörivi (markup) */
html body .um a.sportcard .nm small{display:block;font:500 13px/1.35 var(--v4-ui);letter-spacing:0;color:var(--v4-fg3);margin-top:6px}
/* nuoli hiljaiseksi */
html body .um a.sportcard .go{color:var(--v4-fg3)!important;transition:transform .18s,color .18s}
/* hover: korostusviiva alareunaan */
html body .um a.sportcard:hover{background:var(--v4-raise2)!important;box-shadow:inset 0 0 0 1px var(--v4-rule2),inset 0 -2px 0 var(--v4-acc)!important}
/* hover: nuoli liikkuu */
html body .um a.sportcard:hover .go{color:var(--v4-acc-t)!important;transform:translateX(3px)}
/* tabletti 3 saraketta */
@media (max-width:980px){html body .um .sportgrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media (max-width:760px){
  /* mobiili 2 saraketta */
  html body .um .sportgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html body .um a.sportcard{min-height:76px}
  /* pariton viimeinen laatta koko leveydelle */
  html body .um a.sportcard:last-child:nth-child(odd){grid-column:1/-1}
}

/* ================= 14. Alatunniste ================= */
/* nelilapsinen alatunniste ilman tyhjää viidettä saraketta */
@media (min-width:981px){html body .um .umfoot .frow:not(:has(>:nth-child(5))){grid-template-columns:1.5fr repeat(3,minmax(0,1fr))!important}}
/* brändisarake koko leveydelle kapealla (live-markupissa ei .fbrand-luokkaa) */
@media (max-width:980px){html body .um .umfoot .frow>div:first-child{grid-column:1/-1}}
/* oikeuspalkki: julkaisija vasemmalle, lähteet oikealle */
html body .um .umfoot .legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px}
/* sarakeotsikot h2.fh (markup h4:n tilalle) */
html body .um .umfoot h2.fh{font-family:var(--v4-ui)!important;font-size:13px!important;font-weight:700!important;letter-spacing:.01em!important;text-transform:none!important;color:var(--v4-fg)!important;margin:0 0 14px!important;line-height:1.65!important;padding:0!important;max-width:none!important}
html body .um .umfoot .frow h2.fh~a{width:fit-content}
/* logon 44 px kosketusalue: header-css:n .um footer.umfoot .frow a lakkasi osumasta, kun footer.umfoot vaihtui div-elementiksi */
html body .um .umfoot .frow a.logo{min-height:44px}
/* mobiilissa tiiviimpi */
@media (max-width:760px){html body .um .umfoot{padding:40px 0 20px!important;margin-top:0!important}html body .um .umfoot .frow{row-gap:28px!important;padding-bottom:24px!important}}

/* ================= 15. Artikkeli (valkoinen) ================= */
/* leipäteksti noin 65 merkin riville; taulukot, väliotsikot ja Lue myös saavat koko palstan */
html body.single-post .umart-teksti.entry-content.wp-block-post-content>:is(p,ul,ol,blockquote,.paivitetty){max-width:600px!important}
/* ei orpoja sanoja */
html body.single-post .umart-dek p,html body.single-post .umart-teksti p,html body.single-post .umart-teksti li{text-wrap:pretty}
/* linkit ja kategorianimiö AAA-siniseksi */
html body.single-post .umart-teksti a,html body.single-post .umart-head .um-kategoria a{color:var(--v4-link-p)!important}
/* alleviivaus kevyemmäksi */
html body.single-post .umart-teksti a{text-decoration-color:rgba(9,77,184,.4)!important}
/* hover täysi alleviivaus */
html body.single-post .umart-teksti a:hover{text-decoration-color:currentColor!important}
/* fokus näkyy valkoisella (oli selaimen oletus) */
html body.single-post .umart :focus-visible{outline:2px solid var(--v4-link-p)!important;outline-offset:3px!important;border-radius:4px}
/* Lue myös: sisävälit takaisin (UMART4 nollasi ne) */
html body.single-post .umart-teksti.entry-content.wp-block-post-content>.lue-myos{padding:22px 26px 24px!important;margin:56px 0 0!important}
/* Lue myös: pieni nimiö, ei toista h2:ta */
html body.single-post .umart-teksti .lue-myos h2{font-family:var(--v4-ui)!important;font-size:13px!important;font-weight:700!important;letter-spacing:.02em!important;line-height:1.4!important;color:var(--v4-ink2)!important;margin:0 0 6px!important}
/* Lue myös: lista ilman luettelomerkkejä */
html body.single-post .umart-teksti .lue-myos ul{margin:0!important;padding:0!important;list-style:none!important}
/* Lue myös: hiusviivoin erotetut rivit */
html body.single-post .umart-teksti .lue-myos li{font-family:var(--v4-ui)!important;font-size:17px!important;line-height:1.4!important;padding:11px 0!important;margin:0!important;border-top:1px solid var(--v4-prule);-webkit-hyphens:manual!important;hyphens:manual!important}
html body.single-post .umart-teksti .lue-myos li:first-child{border-top:0}
/* Lue myös: linkit musteella, sininen vasta hoverissa */
html body.single-post .umart-teksti .lue-myos a{font-weight:600!important;color:var(--v4-ink)!important;text-decoration:none!important}
html body.single-post .umart-teksti .lue-myos a:hover{color:var(--v4-link-p)!important;text-decoration:underline!important}
@media (min-width:761px){
  /* taulukko palstan levyiseksi (UMLIGHT:n display:block kutisti sen) */
  html body.single-post .umart-teksti table{display:table!important;width:100%!important}
  /* leveät taulukot rivittävät eivätkä vuoda */
  html body.single-post .umart-teksti th,html body.single-post .umart-teksti td{white-space:normal!important;overflow-wrap:break-word}
}
/* taulukon väli tekstiin */
html body.single-post .umart-teksti table{margin:32px 0 40px!important}
/* otsakerivi hillitymmäksi */
html body.single-post .umart-teksti th{font-size:13px!important;font-weight:600!important;letter-spacing:.01em!important;color:var(--v4-ink2)!important;vertical-align:bottom}
/* solut 15 px */
html body.single-post .umart-teksti td{font-size:15px!important;line-height:1.45!important;padding:9px 12px!important;vertical-align:top}
/* reunasarakkeet leipätekstin linjaan */
html body.single-post .umart-teksti th:first-child,html body.single-post .umart-teksti td:first-child{padding-left:0!important}
html body.single-post .umart-teksti th:last-child,html body.single-post .umart-teksti td:last-child{padding-right:0!important}
/* rivin seuranta hoverissa */
html body.single-post .umart-teksti tbody tr:hover td{background:var(--v4-paper2)!important}
@media (max-width:760px){
  /* mobiilissa sama 18 px:n reuna kuin muualla */
  html body.single-post .umart-head,html body.single-post .umart-teksti,html body.single-post .umart-teksti.entry-content.wp-block-post-content{padding:0 var(--v4-gut)!important}
  /* otsikko 29-34 px */
  html body.single-post .umart-head h1.wp-block-post-title{font-size:clamp(29px,8.4vw,34px)!important;line-height:1.1!important}
  /* ingressi 17,5 px */
  html body.single-post .umart-dek p{font-size:17.5px!important;line-height:1.5!important}
  /* tavutus noin 40 merkin riville (lang=fi) */
  html body.single-post .umart-teksti p,html body.single-post .umart-teksti li{-webkit-hyphens:auto;hyphens:auto;hyphenate-limit-chars:12 5 5}
  /* taulukko 14,5 px */
  html body.single-post .umart-teksti table{font-size:14.5px!important}
  /* vieritettävän taulukon reunavarjo vihjaa jatkosta */
  html body.single-post .umart-teksti table{background:linear-gradient(90deg,#fff 30%,rgba(255,255,255,0)) left center/32px 100% no-repeat local,linear-gradient(270deg,#fff 30%,rgba(255,255,255,0)) right center/32px 100% no-repeat local,linear-gradient(90deg,rgba(11,13,16,.14),rgba(11,13,16,0)) left center/12px 100% no-repeat scroll,linear-gradient(270deg,rgba(11,13,16,.14),rgba(11,13,16,0)) right center/12px 100% no-repeat scroll!important}
}

/* ================= 16. Arkistot ================= */
/* kategoriasivulla laji-merkintä toistaisi sivun nimen */
html body.category ul.umarkisto-grid .umk-laji{display:none!important}
/* header-osan UMPOST-lohko (body.archive ja body.category) antoi vain kategorialle korttiviivat, 22 px:n linkkifontin
   ja harvennetun päiväyksen; /jutut/ (body.blog) jäi ilman. Noston viiva r.991 (0,3,4) voittaa li-säännön (0,2,4). */
html body.archive ul.umarkisto-grid>li{border-bottom:0;padding-bottom:0}
html body ul.umarkisto-grid h2.umk-otsikko a{font-family:inherit;font-size:inherit;line-height:inherit;letter-spacing:inherit}
html body ul.umarkisto-grid .umk-pvm{letter-spacing:0}
@media (min-width:981px){
  /* uusin juttu leveäksi nostoksi (ei sivuilla 2+) */
  html body:not(.paged) ul.umarkisto-grid>li:first-child{grid-column:1/-1;display:grid!important;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto auto auto minmax(0,1fr);column-gap:40px;padding-bottom:44px;border-bottom:1px solid var(--v4-rule)}
  /* kuva vasemmalle koko korkeudelle */
  html body:not(.paged) ul.umarkisto-grid>li:first-child .umk-kuva{grid-column:1;grid-row:1/-1;margin:0!important}
  /* laji, otsikko ja päiväys oikealle pystykeskelle */
  html body:not(.paged) ul.umarkisto-grid>li:first-child .umk-laji{grid-column:2;grid-row:2}
  html body:not(.paged) ul.umarkisto-grid>li:first-child h2.umk-otsikko{grid-column:2;grid-row:3;font-size:clamp(28px,2.7vw,38px)!important;font-weight:700!important;line-height:1.08!important;letter-spacing:-.01em!important;margin:0 0 12px!important}
  /* linkki perii koon (WP:n 22 px piti sen pienenä) */
  html body:not(.paged) ul.umarkisto-grid>li:first-child h2.umk-otsikko a{font-size:inherit!important;line-height:inherit!important}
  html body:not(.paged) ul.umarkisto-grid>li:first-child .umk-pvm{grid-column:2;grid-row:4}
}
/* päiväys ja erotin AAA-harmaalla (UMARKISTO4 kovakoodasi vanhan) */
html body ul.umarkisto-grid .umk-pvm,html body ul.umarkisto-grid .umk-laji .wp-block-post-terms__separator{color:var(--v4-fg3)!important}
/* koko kortti yhdeksi linkiksi otsikon kautta */
html body ul.umarkisto-grid>li{position:relative}
html body ul.umarkisto-grid h2.umk-otsikko a::after{content:"";position:absolute;inset:0;z-index:0}
/* kategorialinkki peiton yläpuolelle */
html body ul.umarkisto-grid .umk-laji a{position:relative;z-index:1;display:inline-flex;align-items:center;min-height:28px;margin-block:-6px}
/* fokusrengas koko kortin ympärille */
html body ul.umarkisto-grid h2.umk-otsikko a:focus-visible{outline:0!important}
html body ul.umarkisto-grid h2.umk-otsikko a:focus-visible::after{outline:2px solid var(--v4-acc-t);outline-offset:4px;border-radius:14px}
/* muu arkiston fokus näkyväksi */
html body .umarkisto :focus-visible{outline:2px solid var(--v4-acc-t)!important;outline-offset:3px!important}
/* sivutus: ei nuolia, 44 px:n kohteet myös hiirellä, mobiilissa yksi rivi (Uudemmat | nykyinen sivu | Vanhemmat) */
html body main.umarkisto nav.umk-sivutus{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 16px;margin-top:64px!important;padding-top:24px;border-top:1px solid var(--v4-rule2)}
html body main.umarkisto nav.umk-sivutus>*{margin:0!important}
html body main.umarkisto nav.umk-sivutus .wp-block-query-pagination-numbers{display:flex;flex-wrap:wrap;align-items:center;gap:4px}
html body main.umarkisto nav.umk-sivutus .page-numbers{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:44px;min-height:44px;padding:0 6px!important;font-weight:600;font-variant-numeric:tabular-nums;color:var(--v4-fg2)!important}
html body main.umarkisto nav.umk-sivutus a.page-numbers:hover{color:var(--v4-fg)!important;box-shadow:inset 0 -2px 0 var(--v4-rule2)}
html body main.umarkisto nav.umk-sivutus .page-numbers.current{color:var(--v4-fg)!important;font-weight:700;box-shadow:inset 0 -2px 0 var(--v4-acc)}
html body main.umarkisto nav.umk-sivutus .page-numbers.dots{min-width:28px;color:var(--v4-fg3)!important}
html body main.umarkisto nav.umk-sivutus a:is(.wp-block-query-pagination-previous,.wp-block-query-pagination-next){display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:44px;padding:0 18px!important;border:1px solid var(--v4-rule2);border-radius:4px;font-weight:600;color:var(--v4-fg)!important;white-space:nowrap;transition:border-color .15s}
html body main.umarkisto nav.umk-sivutus a:is(.wp-block-query-pagination-previous,.wp-block-query-pagination-next):hover{border-color:var(--v4-acc)}
html body main.umarkisto nav.umk-sivutus :is(.wp-block-query-pagination-previous-arrow,.wp-block-query-pagination-next-arrow){display:none!important}
@media (max-width:760px){
  html body main.umarkisto nav.umk-sivutus{flex-wrap:nowrap;gap:8px;margin-top:40px!important}
  html body main.umarkisto nav.umk-sivutus .page-numbers:not(.current){display:none!important}
  html body main.umarkisto nav.umk-sivutus a:is(.wp-block-query-pagination-previous,.wp-block-query-pagination-next){flex:1 1 0;min-width:0;min-height:48px;padding:0 12px!important}
}

/* ================= 17. Evästebanneri ================= */
/* V4-fontit ja -pinta (oli Archivo, Hanken ja Arial) */
#um-consent{font-family:var(--v4-ui)!important;background:var(--v4-raise)!important;border-color:var(--v4-rule2)!important}
#um-consent .umc-t{font-family:var(--v4-disp)!important;font-weight:700!important;font-size:16px!important;letter-spacing:-.005em!important;color:var(--v4-fg)!important}
/* selite 14 px fg2 (10,6:1) */
#um-consent .umc-x{font-size:14px!important;line-height:1.55!important;color:var(--v4-fg2)!important}
/* napit 44 px ja Inter */
#um-consent .umc-btn{min-height:44px;font-family:var(--v4-ui)!important;font-size:14px!important;font-weight:600!important;letter-spacing:0!important}
/* Hyväksy: valkoinen tummalla sinisellä 7,59:1 (oli 3,36:1) */
#um-consent .umc-btn--y{background:var(--v4-link-p)!important;border-color:var(--v4-link-p)!important;color:#fff!important}
#um-consent .umc-btn--y:hover{background:#073E96!important;border-color:#073E96!important}
/* Tietosuoja-linkki 44 px */
#um-consent .umc-l{font-size:14px!important;color:var(--v4-acc-t)!important;display:inline-flex;align-items:center;min-height:44px}
/* fokus näkyy bannerissa */
#um-consent :focus-visible{outline:2px solid var(--v4-acc-t)!important;outline-offset:3px!important}
/* banneri ei peitä fokusoitua kohdetta (WCAG 2.4.11) */
html:has(#um-consent:not([hidden])){scroll-padding-bottom:260px}
/* kiinteä yläpalkki ei peitä ankkuria eikä fokusta */
@media (min-width:861px){html{scroll-padding-top:116px}html body [id]{scroll-margin-top:0!important}}

/* ================= 18. Kosketusalueet ================= */
@media (pointer:coarse),(max-width:760px){
  /* taulukon joukkuelinkki 44 px ilman rivikorkeuden kasvua */
  html body .um .um-tulos table a.jn{display:inline-flex;align-items:center;min-height:44px;margin-block:-10px}
  /* murupolku 44 px */
  html body .um .breadcrumb a{display:inline-flex;align-items:center;min-height:44px;margin-block:-12px}
  /* videopilleri: näkymätön lisäosuma-alue */
  html body .um .fin-yo a.vid{position:relative}
  html body .um .fin-yo a.vid::after{content:"";position:absolute;inset:-4px -2px}
  /* arkiston sivutus 44 px */
  html body .umarkisto .umk-sivutus a{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:44px;min-height:44px}
}

/* ================= 19. Liike ================= */
/* sykkivä piste kaksi kierrosta (alle 5 s, WCAG 2.2.2), sininen rengas siniselle pisteelle */
html body .um .dot.pulse::after{animation-name:umpulse-v4!important;animation-iteration-count:2!important}
/* alatunnisteen koristepiste ei syki */
html body .um .umfoot .dot.pulse::after{animation:none!important}
@keyframes umpulse-v4{0%{box-shadow:0 0 0 0 rgba(46,139,255,.5)}70%{box-shadow:0 0 0 9px rgba(46,139,255,0)}100%{box-shadow:0 0 0 0 rgba(46,139,255,0)}}
@media (prefers-reduced-motion:reduce){
  /* ei pulssia */
  html body .um .dot.pulse::after{animation:none!important}
  /* ei kuvien zoomausta */
  html body .um a.nw:hover .nw-img img,html body ul.umarkisto-grid li:hover .umk-kuva img{transform:none!important}
}
/*UMV4P-END*/
/* 19.10.2026: prosenttipadding lasketaan isäelementin (koko näytön) leveydestä, ei palstan 1248 px:stä.
   1920 px:llä tekstille jäi 68 px; min() rajaa laskun palstan levyiseksi. */
/* alatunniste: .umfoot (56 px, r.293) ja vanhan header-css:n .frow (46 px) antoivat kaksinkertaisen yläreunuksen viivan ja logon väliin */
html body .um .umfoot .frow{padding-top:0!important}
/* Riviotsakkeet (th scope=row, um_taulu_semantiikka, SAA-07) samaan asuun kuin nimisolut: V4:n tbody td -säännöt eivät osu th:hon.
   Mobiilin kiinnitetty nimisolu (r.378) kattaa jo th.nimi:n. Hover vain leveällä, jottei kiinnitetty nimisolu muutu läpikuultavaksi. */
html body .um .um-tulos tbody th[scope='row']{font-family:var(--v4-ui)!important;font-size:15px!important;font-weight:600;text-align:left;vertical-align:middle;white-space:nowrap;padding:11px 10px!important;border-bottom:1px solid var(--v4-rule)!important;color:var(--v4-fg)!important;background:none!important}
@media (min-width:761px){html body .um .um-tulos tbody tr:hover th[scope='row']{background:rgba(255,255,255,.035)!important}}
html body .um .um-tulos tbody tr.raja th[scope='row']{border-bottom:1px solid var(--v4-acc)!important}
html body .um .um-tulos tbody tr.oma th[scope='row']{background:rgba(46,139,255,.09)!important}
html body .um .um-tulos tbody th[scope='row'] .vaakuna,html body .um .um-tulos tbody th[scope='row'] .vaakuna-tyhja{display:inline-block!important;vertical-align:middle;margin:-2px 10px 0 0!important}
html body .um .um-tulos tbody th[scope='row'] .jn{vertical-align:middle}
html body .um .fin-yo:not(.fin-mv) tbody tr:not(.piste) th[scope='row']{color:var(--v4-fg3)!important;font-weight:500!important}
html body .um .fin-yo:not(.fin-mv) tbody tr:not(.piste) th[scope='row'] .jn{color:var(--v4-fg2)!important;font-weight:500!important}
html body .um .fin-yo tbody tr.piste th[scope='row'] .jn{color:var(--v4-fg)!important;font-weight:700!important}
/* etusivun suomalaistaulukon tiivis pehmuste pysyy (r.168: .um-etu .fin-yo th 7 px) */
html body .um .um-etu .fin-yo tbody th[scope='row']{padding-inline:7px!important}
@media (max-width:760px){html body .um .um-tulos tbody th[scope='row']{padding-inline:7px!important;font-size:14.5px!important}html body .um .um-tulos .vieritin tbody tr.oma th[scope='row']{background:#0D1726!important}}
@media (max-width:560px){html body .um .um-tulos tbody th[scope='row']{padding:10px 6px!important}html body .um .um-tulos tbody th[scope='row']:first-child{padding-left:0!important}html body .um .um-tulos .vieritin tbody tr.oma th[scope='row']{background:rgba(46,139,255,.09)!important}html body .um .fin-yo th[scope='row'] .muted.mono{display:block;margin:2px 0 0!important}html body .um .um-etu .fin-yo tbody th[scope='row']{padding-inline:7px!important}}
/* otteluillan automaattisen päivityksen pysäytys (WCAG 2.2.2, TUL-02/SAA-19): tekstilinkin näköinen nappi, 44 px korkea.
   Nappi on hidden, kunnes um-paivitys-skripti käynnistyy (ilman JS:ää ei toimimatonta nappia). */
html body .um .um-tulos .um-paivitys-ohjaus{margin:8px 0 0!important;padding:0!important}
html body .um [data-um-tauko]{min-height:44px;padding:0;border:0;background:none;font:600 13px/1.4 var(--v4-ui);color:var(--v4-acc-t);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
html body .um [data-um-tauko]:hover{text-decoration-thickness:2px}
html body .um [data-um-tauko][hidden]{display:none!important}

/* ================= Tulossivut (TUL, 19.10.2026) ================= */
/* Lue myös: linkit omina kohteinaan ilman keskipisteitä, 44 px kohteet (TUL-12; merkintä p.um-lue-myos sivuille 16 ja 17 nau_sivupatch.py:llä) */
html body .um>p.um-lue-myos{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 24px;margin-top:32px!important}
html body .um>p.um-lue-myos>span{font-weight:600;color:var(--v4-fg)}
html body .um>p.um-lue-myos>a{display:inline-flex;align-items:center;min-height:44px}
/* maaliero yhtenä lukuna: ei rivitystä ajatusviivan kohdalta (Liiga ja NHL, TUL-14) */
html body .um .um-tulos table td.maalit{white-space:nowrap!important}
/* NHL-konferenssit: kaksi palstaa mahtuu 1024 px:llä vain 6 px:n solupehmusteella (loppukauden kolminumeroiset maalit mitattu:
   479 + 471 + väli). Riviotsake th[scope=row] (SAA-07, 0,3,4) tarvitsee oman (0,4,4)-valitsimen, muuten nimisolu jää 10 px:iin. */
@media (min-width:761px) and (max-width:1280px){html body .um .um-nhl .nhl-taulukko :is(th,td),html body .um .um-nhl .nhl-taulukko tbody th[scope='row']{padding-inline:6px!important}}
@media (max-width:1023px){html body .um .um-nhl .konf-parit{grid-template-columns:minmax(0,1fr)!important;row-gap:32px!important}}
@media (min-width:1024px) and (max-width:1180px){html body .um .um-nhl .konf-parit{column-gap:32px!important}}
@media (min-width:1181px){html body .um .um-nhl .konf-parit{column-gap:40px!important}}
/* pitkien taulukoiden otsakerivi tarttuu yläpalkin (107 px) alle; vain mitatut lohkot, muut säilyttävät vaakavierityksen (TUL-16).
   box-shadow korvaa alaviivan, joka ei kulje sticky-solun mukana border-collapse-taulukossa. Edellyttää TUL-14:ää. */
@media (min-width:861px){
  html body .um .um-tulos .vieritin:is([data-um-osa="taulukko"],[data-um-osa="suomalaiset"],[data-um-osa="mv"],[data-um-osa="pisteet"],[data-um-osa="maalit"],[data-um-osa="syotot"]){overflow:visible!important}
  html body .um .um-tulos .vieritin:is([data-um-osa="taulukko"],[data-um-osa="suomalaiset"],[data-um-osa="mv"],[data-um-osa="pisteet"],[data-um-osa="maalit"],[data-um-osa="syotot"]) thead th{position:sticky!important;top:107px;z-index:3;background:var(--v4-bg)!important;box-shadow:inset 0 -1px 0 var(--v4-rule2)}
  html body.admin-bar .um .um-tulos .vieritin thead th{top:139px}
}
/* tulossivujen taulukot sisällön reunaan myös työpöydällä (mobiilissa jo osion 10 max-width:560px-lohkossa); korostetun rivin 3 px viiva ei peitä numeroa (TUL-17) */
/* Vain tulossivuilla (body:not(.home)): V4-etusivun suomalaistaulukko pitää 7 px:n pehmusteen (SAA-07 0,4,4), muuten otsake
   ja nimet olisivat 7 px eri linjassa. Spesifisyys (0,4,5) voittaa SAA-07:n riviotsakkeen (0,3,4) ja TUL-14:n (0,4,4);
   poikkeukset (0,5,6)/(0,6,5) voittavat reunasäännön. */
@media (min-width:561px){
  html body:not(.home) .um .um-tulos table thead th:first-child,html body:not(.home) .um .um-tulos table tbody :is(td,th):first-child{padding-left:0!important}
  html body:not(.home) .um .um-tulos table thead th:last-child,html body:not(.home) .um .um-tulos table tbody :is(td,th):last-child{padding-right:0!important}
  html body:not(.home) .um .um-tulos table tbody td.sija{width:28px;text-align:left!important}
  html body:not(.home) .um .um-tulos table tbody tr.oma :is(td,th):first-child,html body:not(.home) .um .kausiohjelma tr.pelattu+tr.tuleva td:first-child{padding-left:9px!important}
}
/* lähderivi ja joukkuelinkit samaan reunaan kuin otsikot (oli 2 px sisennys) */
html body .um .um-tulos .lahde{margin-left:0!important;margin-right:0!important}
html body .um .jl-ruudukko .jl{padding-left:0!important;padding-right:0!important}
/* sama 40 px palstaväli kuin ottelurivien ruudukossa; konferenssien välit yllä (TUL-14) */
@media (min-width:861px){html body .um .porssi-parit{column-gap:40px!important}}
/* luettelomerkki reunuksen sisään: V4:n 24/18 px:n reunus (osion 5 leveyssääntö ja mobiilin 18 px) päästi oletusmerkin ruudun reunaan (TUL-18).
   Natiivi merkki säilyy, joten tämä ei luo toista merkkityyliä; V5-tekstiosion viivamerkki on um-v5.css:ssä (TUL-07). */
html:root body .um>ul,html:root body .um>ol{padding-left:calc(var(--v4-gut) + 1.3em)!important}
/* tasavälinumerot (taulukon tabular-nums, osio 6) vain lukusarakkeisiin: tnum levensi yhdysmerkin nimissä ja otsakkeissa (K - Espoo, Torjunta - %) (TUL-19) */
html body .um .um-tulos table .nimi,html body .um .um-tulos table thead th{font-variant-numeric:normal!important}
/* selite näyttää vain näkyvät sarakkeet: kapealla VJ/HJ/H (Liiga) ja H/JH/Maalit (NHL) on piilotettu osion 13 ja osion 10 max-width:560px-lohkoissa (TUL-20) */
html body .um .selite .selite-mob{display:none}
@media (max-width:560px){html body .um .selite .selite-iso{display:none}html body .um .selite .selite-mob{display:inline}}
/* 19.10.2026: ylä- ja alatunniste ovat nyt div-elementtejä (maamerkkikorjaus), jolloin vanha um-brand-sääntö
   .um>div antoi niille 1180 px:n leveyden ja 22 px:n reunuksen. Sisempi .wrap (1248/24) määrää linjan. */
html body .um>.topbar,html body .um>.umfoot{max-width:none!important;margin-inline:0!important;padding-inline:0!important}
/* Kierros 3 (1.11.2026) */
/* U19: tulossivujen osio-otsikot eivät katkea kesken sanan; kapealla aikamerkintä otsikon alle */
html body .um .um-tulos .lohko-head h2,html body .um .um-tulos .lohko-head h3{overflow-wrap:break-word!important;word-break:normal!important;hyphens:manual!important}
@media (max-width:400px){html body .um .um-tulos .lohko-head{flex-wrap:wrap!important;row-gap:2px}html body .um .um-tulos .lohko-head .lohko-pvm{flex-basis:100%!important;text-align:left!important}}
/* U18: kapealla rivin otsake (nimi) rivittyy, jotta lukusarakkeet (P, Torjunta-%, PMK) mahtuvat */
@media (max-width:560px){html body .um .um-tulos tbody th[scope="row"],html body .um .um-tulos tbody td.nimi{white-space:normal!important;overflow-wrap:break-word;padding-left:6px!important;padding-right:6px!important}}
/* U28: konferenssitaulukot 1024-1180 px: JH-sarake (6.) piiloon, jotta väli voi olla 32 px */
@media (min-width:1024px) and (max-width:1180px){html body .um .um-nhl .konf .nhl-taulukko tr>:nth-child(6){display:none!important}}
/* U24: Lue myös -rivin linkit jatkuvat rivittyessä otsakkeen oikealta puolelta; mobiilissa allekkain */
html body .um>p.um-lue-myos{display:grid!important;grid-template-columns:auto 1fr;column-gap:24px}
html body .um>p.um-lue-myos>a{grid-column:2;justify-self:start}
html body .um>p.um-lue-myos>span{grid-row:1/span 9;align-self:start;padding-top:12px}
@media (max-width:760px){html body .um>p.um-lue-myos{grid-template-columns:1fr}html body .um>p.um-lue-myos>a{grid-column:1}html body .um>p.um-lue-myos>span{grid-row:auto;padding-top:0}}
/* U37: juttusivun staattinen nauha alkaa sisällön reunasta */
html body.single-post .um .ticker .track{padding-inline-start:max(var(--v4-gut),calc((100vw - 1200px) / 2))!important}
html body.single-post .um .ticker{scroll-padding-inline-start:max(var(--v4-gut),calc((100vw - 1200px) / 2))}
html body.single-post .um .ticker .track>:first-child{margin-left:0!important}
/*UMV4-END*/

/*UMV5*/
/* =====================================================================
   urheilumedia V5 "Sininen viiva" (17.10.2026)
   Musta pohja, yksi väri: sähkönsininen. Sininen viiva on rakenne-elementti
   (tulostaulun yläreuna, sarjataulukon jakoviivat), ei koriste.
   Sans on datan ja otsikoiden ääni, serif lukemisen ääni.
   ===================================================================== */

/* ---------- Tokenit ---------- */
html:root{
  --v5-k:#000;
  --v5-p:#0E1014;
  --v5-p2:#15181D;
  --v5-v:rgba(255,255,255,.1);
  --v5-v2:rgba(255,255,255,.2);
  --v5-t1:#F2F4F7;   /* 19,1:1 mustalla */
  --v5-t2:#A3ABB7;   /*  9,1:1 */
  --v5-t3:#9CA4B1;   /*  8,36:1 mustalla; >=7,08:1 kaikilla V5-pinnoilla: #07080A 7,97 · mainospaikan raita #0E0F11 7,63 · #0E1014 7,58 · #15181D 7,08 (SAA-01, sama kuin V4:n --v4-fg3) */
  --v5-s:#2E8BFF;    /* sähkönsininen: pinnat ja viivat; tekstinä vain isona */
  --v5-st:#6AAEFF;   /*  9,1:1 pieni sininen teksti */
  --v5-l:#2E8BFF;   /* käynnissä-piste: live = sininen syke */
  --v5-lt:#F2F4F7;  /* käynnissä-teksti valkoisena (19,1:1): sininen teksti näyttäisi linkiltä */
  --v5-wrap:1248px;  /* = um-v4-oma.css r.98 calc(var(--v4-wrap) + 48px): sisältöä 1200 px kuten ylä- ja alatunnisteessa, listoilla ja tulossivuilla */
  --v5-gut:24px;     /* = um-v4-oma.css r.98 padding-inline:24px; mobiilin 18 px alla = V4 r.367 */
  --v5-d:"Inter Tight","Inter",system-ui,sans-serif;
  --v5-u:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --v5-sf:"Source Serif 4",Georgia,serif;
  /* koko sivusto mustaksi: V4:n pohjatokenit samaan */
  --v4-bg:#000;--v4-bg2:#000;--ink:#000;--ink2:#000;
}
@media (max-width:760px){html:root{--v5-gut:18px}}
html body,html body .wp-site-blocks{background:#000}
/* listat ja haku (LIS-04): UMARKISTO4 (body.archive ja body.blog #0A0C10, 0,1,2) ja UMPOST (body.search #0C0F14, 0,1,1)
   voittivat yllä olevan html body -säännön (0,0,2) */
html:root body.archive,html:root body.blog,html:root body.search{background:#000}
/* yläpalkki: V4 r.60 rgba(10,12,16,.86) näkyi mustan päällä värinä (9,10,14); 860 px ja kapeampi käyttää jo var(--v4-bg) = #000 */
@media (min-width:861px){html:root body .um .topbar{background:rgba(0,0,0,.86)!important}}

/* ---------- Kuori ---------- */
html body .wp-block-post-content>.v5,html body .v5{max-width:none!important;margin-left:0!important;margin-right:0!important;padding:0!important;background:#000;color:var(--v5-t1);font-family:var(--v5-u);font-size:15px;line-height:1.5}
html body .v5 *{box-sizing:border-box}
html body .v5 .v5-wrap{max-width:var(--v5-wrap);margin:0 auto;padding:0 var(--v5-gut)}
html body .v5 a{color:inherit;text-decoration:none!important}
/* Lauseen sisäinen linkki: ohut viiva levossa (WCAG 1.4.1; sävyero ympäröivään tekstiin vain 1,09:1 SAA-01:n #9CA4B1:llä, paino yksin
   ei riitä). Erillisellä linkillä (a, jolla on luokka) ei ole viivaa levossa, vaan se tulee hoverilla ja fokuksella (TAY-01).
   (0,2,4)/(0,3,4) voittavat yllä olevan (0,1,3) !important-säännön; myös longhandit !important, koska sen shorthand asettaa ne tärkeinä. */
html body .v5 :is(p,li,dd,figcaption) a:not([class]){color:var(--v5-st);text-decoration-line:underline!important;text-decoration-thickness:1px!important;text-decoration-color:rgba(106,174,255,.45)!important;text-underline-offset:3px}
html body .v5 :is(p,li,dd,figcaption) a:not([class]):hover,html body .v5 :is(p,li,dd,figcaption) a:not([class]):focus-visible{text-decoration-color:currentColor!important;text-decoration-thickness:2px!important}
html body .v5 h1,html body .v5 h2,html body .v5 h3,html body .v5 p,html body .v5 ol,html body .v5 ul{margin:0;padding:0}
html body .v5 ol,html body .v5 ul{list-style:none}
html body .v5 abbr{text-decoration:none;border:0;cursor:help}
html body .v5 :focus-visible{outline:2px solid var(--v5-s);outline-offset:3px;border-radius:2px}
.v5-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- Päivä ja H1 ---------- */
html body .v5 .v5-alku{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;padding-top:26px;padding-bottom:18px}
html body .v5 .v5-pvm{font:700 15px/1.3 var(--v5-d);color:var(--v5-t1)}
html body .v5 .v5-h1{font:400 15px/1.3 var(--v5-u);color:var(--v5-t3);letter-spacing:0}

/* ---------- Yläosa: pääjutut + tulostaulu ---------- */
html body .v5 .v5-top{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:40px;align-items:stretch}

/* kuvien yhtenäinen sävytys: AI-kuvat näyttävät samalta talolta */
html body .v5 .v5-kuva{position:relative;display:block;overflow:hidden;border-radius:6px;background:var(--v5-p)}
html body .v5 .v5-kuva img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.78) contrast(1.06) brightness(.94);transition:transform .6s cubic-bezier(.2,.7,.2,1)}
html body .v5 .v5-kuva::before{content:"";position:absolute;inset:0;background:var(--v5-s);mix-blend-mode:color;opacity:.16;pointer-events:none;z-index:1}

/* pääjuttu: otsikko kuvan päällä, jatkuu kuvan alle */
/* flex-sarake: teksti nousee kuvan päälle z-indexillä flex-alkiona ilman position-arvoa, joten otsikkolinkin
   peittävä ::after mitoittuu koko .v5-j-a:han eikä pelkkään tekstilaatikkoon (SAA-09) */
html body .v5 .v5-j--lead .v5-j-a{display:flex;flex-direction:column;position:relative}
html body .v5 .v5-j--lead .v5-kuva{aspect-ratio:16/10}
/* liukuväri ankkuroitu pikseleinä kuvan alareunaan: meta on aina 210 px alareunasta, joten sen kohdalla
   tummuus on noin .93 kuvan korkeudesta riippumatta (AAA 7:1 myös valkoista pikseliä vastaan) */
html body .v5 .v5-j--lead .v5-kuva::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,#000 0,rgba(0,0,0,.93) 215px,rgba(0,0,0,0) 330px)}
html body .v5 .v5-j--lead .v5-j-teksti{z-index:2;display:flex;flex-direction:column;margin-top:-210px;padding:0 40px 0 36px}
/* kuvaton pääjuttu ei nouse H1-rivin päälle */
html body .v5 .v5-j--lead .v5-j-teksti:first-child{margin-top:0}
/* teksti vähintään yhtä korkea kuin sen kuvan päälle nostama osa: muuten kaksirivisellä otsikolla .v5-j-a päättyi
   ennen kuvan alareunaa, linkin peitto ei kattanut kuvan alaosaa ja linkin ulkopuolinen ote (ETU-12) jäi kuvan alle (SAA-09) */
html body .v5 .v5-j--lead .v5-kuva+.v5-j-teksti{min-height:210px}
html body .v5 .v5-j--lead .v5-j-t{font:800 clamp(34px,4.3vw,62px)/.98 var(--v5-d);letter-spacing:-.035em;color:#fff;text-wrap:balance;max-width:17ch;margin-top:12px}
html body .v5 .v5-j--lead .v5-j-x{display:block;margin-top:16px;max-width:58ch;font:400 19px/1.5 var(--v5-sf);color:var(--v5-t2)}
html body .v5 .v5-j--lead .v5-j-a:hover .v5-kuva img{transform:scale(1.025)}
html body .v5 .v5-j--lead .v5-j-a:hover .v5-j-t{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:7px;text-decoration-color:var(--v5-s)}

html body .v5 .v5-meta{display:flex;align-items:baseline;gap:12px;font:500 13px/1.3 var(--v5-u);color:var(--v5-t3)}
html body .v5 .v5-laji{font-weight:700;color:var(--v5-st)}
/* pääjutun aika kuvan päällä t2:lla (t3 jäisi pahimmillaan 6,3:1:een) */
html body .v5 .v5-j--lead .v5-meta{color:var(--v5-t2)}
/* otsikko on DOMissa ensin (linkin nimi alkaa otsikolla), meta näkyy silti sen yllä */
html body .v5 .v5-meta{order:-1}
/* yksi linkki per kortti (SAA-09): linkki on vain otsikossa, sen ::after peittää kuvan, metan ja otsikon,
   joten koko kortti on hiirellä klikattava ja linkin nimi on pelkkä otsikko. Ote (ETU-12) jää linkin ulkopuolelle.
   Fokusrengas piirretään kortin ympärille; (0,3,3)!important voittaa V4:n .umart- ja .umarkisto-fokussäännöt. */
html body .v5 .v5-j-a{position:relative}
/* linkki perii otsikon fontin: listoilla V4:n .umarkisto *{font-family} (0,1,2) osuisi muuten linkkiin */
html body .v5 .v5-j-t a{font:inherit;letter-spacing:inherit;color:inherit}
html body .v5 .v5-j-t a::after{content:"";position:absolute;inset:0;z-index:3}
html body .v5 .v5-j-t a:focus-visible{outline:0!important}
html body .v5 .v5-j-t a:focus-visible::after{outline:2px solid var(--v5-s);outline-offset:4px;border-radius:6px}
@media (max-width:760px){html body .v5 .v5-j--lead .v5-j-t a:focus-visible::after{outline-offset:-2px;border-radius:0}}
/* yhdysmerkin jälkeinen WJ (um_v5_otsikko, LIS-06) liittää sanat: pitkä liitetty sana saa silti katketa kapeassa rivissä */
html body .v5 .v5-j-t{overflow-wrap:break-word}

/* sivujutut 2 x 2 */
html body .v5 .v5-sivut{display:grid;grid-template-columns:1fr 1fr;gap:0 32px;margin-top:36px}
html body .v5 .v5-j--pieni .v5-j-a{display:grid;grid-template-columns:132px minmax(0,1fr);gap:16px;align-items:start;padding:18px 0;border-top:1px solid var(--v5-v)}
html body .v5 .v5-j--pieni .v5-kuva{aspect-ratio:4/3;border-radius:4px}
html body .v5 .v5-j--pieni .v5-j-teksti{display:flex;flex-direction:column;gap:7px}
html body .v5 .v5-j--pieni .v5-j-t,html body .v5 .v5-j--rivi .v5-j-t{font:700 18px/1.22 var(--v5-d);letter-spacing:-.012em;color:var(--v5-t1);text-wrap:pretty}
html body .v5 .v5-j--pieni:hover .v5-j-t,html body .v5 .v5-j--rivi:hover .v5-j-t{color:#fff;text-decoration:underline;text-decoration-color:var(--v5-s);text-decoration-thickness:2px;text-underline-offset:4px}

/* ---------- Tulostaulu ---------- */
html body .v5 .v5-taulu{position:relative;border-top:3px solid var(--v5-s);padding-top:16px}
/* kiskon mainos kulkee mukana, jos kisko jää palstaa lyhyemmäksi; .v5-kisko on .v5-top-ruudukon solu (MAI-13) */
html body .v5 .v5-kisko>.um-mainos{position:sticky;top:124px}
html body .v5 .v5-tt-o{font:800 24px/1.1 var(--v5-d);letter-spacing:-.02em;margin-bottom:6px}
html body .v5 .v5-tt-ryhma{margin-top:18px}
html body .v5 .v5-tt-paa{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding-bottom:8px}
html body .v5 .v5-tt-paa h3{font:700 15px/1.2 var(--v5-d)}
html body .v5 .v5-tt-paa h3 a:hover{color:var(--v5-st)}
html body .v5 .v5-tt-paa span{font:500 13px var(--v5-u);color:var(--v5-t3)}
html body .v5 .v5-o{display:grid;grid-template-columns:minmax(0,1fr) 84px;column-gap:14px;padding:7px 0;border-top:1px solid var(--v5-v)}
html body .v5 .v5-o-j{grid-column:1;display:flex;align-items:center;gap:10px;min-height:22px;font:500 15px/1.2 var(--v5-u);color:var(--v5-t2)}
html body .v5 .v5-o-j .vaakuna,html body .v5 .v5-o-j .vaakuna-tyhja{width:20px;height:20px;flex:none;object-fit:contain}
html body .v5 .v5-o-j .vaakuna-tyhja{display:inline-grid;place-items:center;font:700 9px var(--v5-u);color:var(--v5-t3);border:1px solid var(--v5-v2);border-radius:50%}
html body .v5 .v5-o-n{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body .v5 .v5-o-m{margin-left:auto;font:800 18px/1 var(--v5-d);font-variant-numeric:tabular-nums;color:var(--v5-t2)}
html body .v5 .v5-o-j.voitti{color:var(--v5-t1);font-weight:600}
html body .v5 .v5-o-j.voitti .v5-o-m{color:#fff}
html body .v5 .v5-o-tila{grid-column:2;grid-row:1/span 2;align-self:center;text-align:right;font:500 13px/1.2 var(--v5-u);color:var(--v5-t3)}
html body .v5 .v5-o.tuleva .v5-o-j{color:var(--v5-t1)}
html body .v5 .v5-klo{font:700 16px var(--v5-d);font-variant-numeric:tabular-nums;color:var(--v5-t1)}
html body .v5 .v5-o--f1 .v5-klo{display:block}
html body .v5 .v5-o.live .v5-o-m{color:#fff}
html body .v5 .v5-live{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;color:var(--v5-lt);font-weight:700}
html body .v5 .v5-live-p{width:7px;height:7px;border-radius:50%;background:var(--v5-l)}
/* ratkaisutapa JA / VL isoin kirjaimin omalle rivilleen ('Vl' luettiin VI:ksi): tila kahdella rivillä joukkuerivien korkeudella */
html body .v5 .v5-o-tila .um-lisa{display:block;margin-top:3px;font:700 11.5px/1 var(--v5-u);letter-spacing:.04em;color:var(--v5-t2);text-decoration:none}
html body .v5 .v5-tt-lisaa{display:inline-block;margin-top:8px;font:600 13px var(--v5-u);color:var(--v5-st)}
html body .v5 .v5-tt-lahde{margin-top:16px;padding-top:12px;border-top:1px solid var(--v5-v);font:400 12.5px/1.5 var(--v5-u);color:var(--v5-t3)}
html body .v5 .v5-tt-lahde a{color:var(--v5-st);font-weight:600}
html body .v5 .v5-tyhja{padding:12px 0;border-top:1px solid var(--v5-v);color:var(--v5-t3)}

/* ---------- Osiot ---------- */
html body .v5 .v5-osio{padding-top:72px}
html body .v5 .v5-osio-paa{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px}
html body .v5 .v5-osio-paa h2{font:800 clamp(26px,2.6vw,34px)/1.05 var(--v5-d);letter-spacing:-.028em}
html body .v5 .v5-osio-paa p{font:500 14px var(--v5-u);color:var(--v5-t3)}
html body .v5 .v5-osio-paa a{font:600 14px var(--v5-u);color:var(--v5-st)}
html body .v5 .v5-osio-paa a:hover{text-decoration:underline!important}

/* ---------- Yön suomalaiset ---------- */
html body .v5 .v5-fi-lista{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:0 40px}
html body .v5 .v5-fi{display:grid;grid-template-columns:112px minmax(0,1fr);gap:18px;align-items:start;padding:22px 0;border-top:1px solid var(--v5-v)}
html body .v5 .v5-fi-luku{display:flex;align-items:baseline;font:800 52px/.9 var(--v5-d);letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:#fff}
html body .v5 .v5-fi-luku i{font-style:normal;color:var(--v5-s);margin:0 2px;font-weight:700}
html body .v5 .v5-fi--mv .v5-fi-luku{font-size:40px}
html body .v5 .v5-fi--mv .v5-fi-luku i{font-size:24px;margin-left:3px}
html body .v5 .v5-fi-n{font:700 20px/1.2 var(--v5-d);letter-spacing:-.015em}
html body .v5 .v5-fi-o{margin-top:4px;font:600 14px/1.4 var(--v5-u);color:var(--v5-t2);font-variant-numeric:tabular-nums}
html body .v5 .v5-fi-o span{display:block;font-weight:400;color:var(--v5-t3)}
/* tyhjän illan rivi koko levylle, ei 112 px:n numerosarakkeeseen; (0,3,2) voittaa myös mobiilin säännön */
html body .v5 .v5-fi.v5-fi--tyhja{grid-template-columns:minmax(0,1fr);color:var(--v5-t3)}
html body .v5 .v5-fi-v{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
html body .v5 .v5-vid{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:0 12px 0 10px;border-radius:999px;background:rgba(46,139,255,.14);color:var(--v5-st);font:600 13px var(--v5-u);transition:background .15s,color .15s}
html body .v5 .v5-vid-i{width:0;height:0;border-style:solid;border-width:5px 0 5px 8px;border-color:transparent transparent transparent currentColor}
html body .v5 .v5-vid-h{font-weight:400;opacity:.85}
html body .v5 .v5-vid:hover{background:var(--v5-s);color:#000}
html body .v5 .v5-fi-muut{margin-top:4px;padding-top:16px;border-top:1px solid var(--v5-v);color:var(--v5-t3);font-size:14px}
html body .v5 .v5-fi-muut+.v5-fi-muut{margin-top:0;padding-top:6px;border-top:0}
html body .v5 .v5-linkit{display:flex;flex-wrap:wrap;gap:8px 28px;margin-top:18px}
html body .v5 .v5-linkit a{font:600 14px var(--v5-u);color:var(--v5-st)}
html body .v5 .v5-linkit a:hover,html body .v5 .v5-linkit a:focus-visible{text-decoration:underline!important}

/* ---------- Lisää juttuja ---------- */
html body .v5 .v5-lisaa-gr{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
html body .v5 .v5-j--rivi .v5-j-a{display:flex;flex-direction:column;gap:14px}
html body .v5 .v5-j--rivi .v5-kuva{aspect-ratio:3/2}
html body .v5 .v5-j--rivi .v5-j-teksti{display:flex;flex-direction:column;gap:8px}

/* ---------- Sarjatilanne ---------- */
html body .v5 .v5-sarja-gr{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:56px;align-items:start}
html body .v5 .v5-sarja h3{font:700 17px/1.2 var(--v5-d);margin-bottom:10px}
html body .v5 .v5-sarja h3 a:hover{color:var(--v5-st)}
html body .v5 .v5-taulukko{width:100%;border-collapse:collapse;font:500 14px var(--v5-u);font-variant-numeric:tabular-nums;color:var(--v5-t2)}
html body .v5 .v5-taulukko th{padding:0 8px 8px;font:500 12px var(--v5-u);color:var(--v5-t3);text-align:right;border-bottom:1px solid var(--v5-v2)}
html body .v5 .v5-taulukko td{padding:0 8px;height:40px;white-space:nowrap;text-align:right;vertical-align:middle;border-bottom:1px solid var(--v5-v)}
html body .v5 .v5-taulukko .nimi{text-align:left;width:100%}
/* nimisolu pysyy taulukkosoluna: display:flex kääri sen nimettömään soluun, ja riviviivat ja sininen jakoviiva porrastuivat 1 px */
html body .v5 .v5-taulukko tbody .nimi{display:table-cell;height:40px;color:var(--v5-t1);font-weight:600;white-space:nowrap}
html body .v5 .v5-taulukko tbody .nimi .vaakuna,html body .v5 .v5-taulukko tbody .nimi .vaakuna-tyhja{display:inline-block;vertical-align:middle;width:22px;height:22px;margin:-2px 10px 0 0}
html body .v5 .v5-taulukko tbody .nimi .vaakuna-tyhja{display:inline-grid;place-items:center;font:700 9px var(--v5-u);color:var(--v5-t3);border:1px solid var(--v5-v2);border-radius:50%}
html body .v5 .v5-taulukko tbody .nimi a{vertical-align:middle}
html body .v5 .v5-porssi tbody .nimi .v5-jl{margin-left:6px}
/* nimisolu on rivin otsake th scope=row (SAA-07): sama asu kuin td-solulla, (0,3,4) voittaa thead-säännön (0,2,3) */
html body .v5 .v5-taulukko tbody th.nimi{vertical-align:middle;padding:0 8px;border-bottom:1px solid var(--v5-v);font:600 14px var(--v5-u);color:var(--v5-t1);text-align:left}
html body .v5 .v5-taulukko .nimi a:hover{color:var(--v5-st)}
html body .v5 .v5-taulukko .vaakuna{width:22px;height:22px;object-fit:contain}
html body .v5 .v5-taulukko .sija{width:28px;text-align:left;color:var(--v5-t3);padding-left:0}
html body .v5 .v5-taulukko th:first-child{text-align:left;padding-left:0}
html body .v5 .v5-taulukko .pist{font:800 16px var(--v5-d);color:#fff;padding-right:0}
html body .v5 .v5-taulukko th:last-child{padding-right:0}
/* Liigan jakoviivat: sininen viiva */
html body .v5 .v5-taulukko tr.raja td,html body .v5 .v5-taulukko tr.raja th{border-bottom:2px solid var(--v5-s)}
html body .v5 .v5-jl{font-weight:500;color:var(--v5-t3);font-size:12.5px}
/* Viimeiset 5 (SAA-08): voitto täysi sininen ruutu (6,25:1), tappio matala harmaa viiva (t3 8,4:1), jatkoaika rengas.
   Muoto erottaa merkit ilman värinäköä (1.4.1), ja jokainen merkki on vähintään 3:1 (1.4.11). */
html body .v5 .v5-muoto{display:inline-flex;gap:4px;align-items:flex-end;height:11px;vertical-align:middle}
html body .v5 .v5-f{display:block;width:11px;height:4px;border-radius:1px;background:var(--v5-t3)}
html body .v5 .v5-f.v{height:11px;border-radius:2px;background:var(--v5-s)}
html body .v5 .v5-f.ja{height:11px;background:transparent;box-shadow:inset 0 0 0 2px var(--v5-t3)}
html body .v5 .v5-f.v.ja{box-shadow:inset 0 0 0 2px var(--v5-s)}
html body .v5 .v5-selite{margin-top:12px;font-size:12.5px;line-height:1.5;color:var(--v5-t3);max-width:70ch}
html body .v5 .v5-selite+.v5-selite{margin-top:4px}

/* ---------- Lajit ---------- */
/* 8 + .umfoot margin 24 + WP:n lohkoväli 40 = 72 px eli osiorytmi */
html body .v5 .v5-lajit{padding-bottom:8px}
/* Kuvakortit (1.11.2026): kuva koko kortin pohjana, nimi ja kuvaus alhaalla. Kuvan käsittely sama kuin juttukorteissa
   (.v5-kuva): sävy kohti sinistä. Liukuväri on täysin musta alimmat 20 %, joten kuvaus (t2, 9,1:1) on aina mustalla
   pohjalla ja nimi (iso teksti) vähintään 91 % mustalla. Sininen viiva nimen yllä pitenee hoverilla ja fokuksella. */
html body .v5 .v5-lajit ul{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
html body .v5 .v5-lajit li{min-width:0}
html body .v5 .v5-lajit a{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;aspect-ratio:4/5;overflow:hidden;border-radius:6px;background:var(--v5-p)}
html body .v5 .v5-lajit a::before{content:"";position:absolute;inset:0;z-index:1;background:var(--v5-s);mix-blend-mode:color;opacity:.16;pointer-events:none}
/* hiusviiva rajaa kortin mustaa pohjaa vasten; hoverilla sininen kuten mainospaikoissa (MAI-03) */
html body .v5 .v5-lajit a::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--v5-v);background:linear-gradient(0deg,#000 0,#000 20%,rgba(0,0,0,.85) 40%,rgba(0,0,0,0) 68%);transition:box-shadow .15s}
html body .v5 .v5-lajit a:hover::after{box-shadow:inset 0 0 0 1px var(--v5-s)}
html body .v5 .v5-lajit a:focus-visible{border-radius:8px}
html body .v5 .v5-lajit-kuva{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 35%;filter:saturate(.78) contrast(1.06) brightness(.94);transition:transform .6s cubic-bezier(.2,.7,.2,1)}
html body .v5 .v5-lajit-t{position:relative;z-index:2;display:flex;flex-direction:column;gap:8px;padding:20px 20px 18px}
html body .v5 .v5-lajit-t::before{content:"";display:block;width:28px;height:3px;margin-bottom:6px;background:var(--v5-s);transition:width .25s cubic-bezier(.2,.7,.2,1)}
html body .v5 .v5-lajit-n{font:800 clamp(20px,1.9vw,28px)/1 var(--v5-d);letter-spacing:-.03em;color:var(--v5-t1);transition:color .15s}
/* kahden rivin korkeus: nimet ovat samalla tasolla, vaikka kuvaus rivittyisi */
html body .v5 .v5-lajit-s{min-height:2.8em;font:400 13.5px/1.4 var(--v5-u);color:var(--v5-t2)}
html body .v5 .v5-lajit a:hover .v5-lajit-n{color:var(--v5-st)}
html body .v5 .v5-lajit a:is(:hover,:focus-visible) .v5-lajit-t::before{width:56px}
@media (prefers-reduced-motion:no-preference){html body .v5 .v5-lajit a:hover .v5-lajit-kuva{transform:scale(1.04)}}

/* ---------- Mainospaikat ---------- */
html body .um-mainos{margin:48px auto 0;width:100%;max-width:var(--mw);clear:both}
/* border-box myös .v5-kääreen ulkopuolella (juttulista, tulossivut, tekstin paikka): täyte tai reuna ei ylitä laatikkoa (MAI-04) */
html body .um-mainos,html body .um-mainos-ala,html body .um-mainos-ala>a,html body .um-mainos-ala>div{box-sizing:border-box}
/* merkintä kuuluu paikalle, myös myydylle mainokselle (MAI-03): t2 9,07:1 mustalla. 12,5 px (SAA-21): mainonnan
   tunnistettavuuden kantava teksti ei ole sivun pienin teksti */
html body .um-mainos-merkki{display:block;margin:0 0 8px!important;font:600 12.5px/1 var(--v5-u)!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:var(--v5-t2)!important;text-align:left}
/* koko varataan kuvasuhteella (MAI-01): sivu ei hypi, eikä luovaa rajata */
html body .um-mainos-ala{position:relative;width:100%;aspect-ratio:var(--mr);border-radius:4px;overflow:hidden}
/* pysyvä kehys paneelina ja hiusviivana, myös myydyn luovan ympärillä; sininen vain hoverissa ja fokuksessa (MAI-03) */
html body .um-mainos-ala{background:var(--v5-p);box-shadow:0 0 0 1px var(--v5-v2);transition:box-shadow .15s}
html body .um-mainos-ala:has(>a):hover,html body .um-mainos-ala:has(>a:focus-visible){box-shadow:0 0 0 1px var(--v5-s)}
html body .um-mainos-tyhja,html body .um-mainos-luova{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:100%;height:100%;text-decoration:none!important}
html body .um-mainos-tyhja{background:none;border:0;border-radius:0;transition:background-color .15s}
/* vapaa paikka on linkki vain, kun Mainosta-sivu on julkaistu: hover vain linkille */
html body a.um-mainos-tyhja:hover{background:var(--v5-p2)}
html body .um-mainos-k{font:800 22px/1.1 var(--v5-d);letter-spacing:-.02em;color:var(--v5-t1)}
/* kokorivi t2:lla (MAI-05): 8,22:1 paneelia ja 7,68:1 hover-pohjaa vasten */
html body .um-mainos-s{font:400 13px var(--v5-u);color:var(--v5-t2)}
html body .um-mainos-l{margin-top:6px;font:600 13px var(--v5-u);color:var(--v5-st)}
html body .um-mainos-tyhja:hover .um-mainos-l{text-decoration:underline}
html body .um-mainos-luova picture,html body .um-mainos-luova img{display:block;width:100%;height:100%;object-fit:contain}
/* paikkamerkin kokorivi kertoo vain näkyvän koon */
html body .um-mainos .um-koko--tab,html body .um-mainos .um-koko--mob{display:none}
/* leveät paikat, reuna 2 x 24 px (V5-kääre, juttulistat ja tulossivut): 970x250 vähintään 1018 px, 728x90 776–1017 px,
   muuten 300x250. Rajat ovat samat kuin um_mainos()-funktion picture-lähteissä. */
@media (max-width:1017px){
  html body .um-mainos--levea.um-mainos--r48{max-width:var(--tw)}
  html body .um-mainos--levea.um-mainos--r48 .um-mainos-ala{aspect-ratio:var(--tr)}
  html body .um-mainos--r48 .um-mainos-tyhja{flex-direction:row;flex-wrap:wrap;column-gap:18px;row-gap:2px}
  html body .um-mainos--r48 .um-mainos-l{margin-top:0}
  html body .um-mainos--r48 .um-koko--iso{display:none}
  html body .um-mainos--r48 .um-koko--tab{display:inline}
  html body .um-mainos--levea.um-mainos--r48.um-mainos--ei-tab{max-width:var(--mmw)}
  html body .um-mainos--levea.um-mainos--r48.um-mainos--ei-tab .um-mainos-ala{aspect-ratio:var(--mmr)}
  html body .um-mainos--r48.um-mainos--vain-iso{display:none}
}
@media (max-width:775px){
  html body .um-mainos--levea.um-mainos--r48{max-width:var(--mmw)}
  html body .um-mainos--levea.um-mainos--r48 .um-mainos-ala{aspect-ratio:var(--mmr)}
  html body .um-mainos--r48 .um-mainos-tyhja{flex-direction:column}
  html body .um-mainos--r48 .um-mainos-l{margin-top:6px}
  html body .um-mainos--r48 .um-koko--tab{display:none}
  html body .um-mainos--r48 .um-koko--mob{display:inline}
}
@media (max-width:760px){
  html body .um-mainos{max-width:var(--mmw)}
  html body .um-mainos-ala{aspect-ratio:var(--mmr)}
  html body .um-mainos--vain-iso{display:none}
}
/* juttu-teksti-2 ja -3 vain alle 1001 px:n näkymissä; työpöydällä sticky 300x600 näkyy koko lukemisen ajan (MAI-11) */
@media (min-width:1001px){html body .um-mainos--vain-pieni{display:none}}
/* fokusrengas paikan sisäpuolelle, jottei overflow:hidden leikkaa sitä: sininen 0–2 px ja musta 2–4 px reunasta (MAI-06) */
html:root body .um-mainos .um-mainos-ala>a:focus-visible{outline:2px solid var(--v5-st)!important;outline-offset:-2px!important;border-radius:4px!important}
html:root body .um-mainos .um-mainos-ala>a:focus-visible::after{content:"";position:absolute;inset:2px;border-radius:3px;box-shadow:inset 0 0 0 2px #000;pointer-events:none;z-index:1}
html:root body .um-mainos .um-mainos-tyhja:focus-visible .um-mainos-l{text-decoration:underline}
/* marginaalit kontekstin mukaan (MAI-07). Tulossivut: mainos on .um:n suora lapsi tai Liigan moduulin ja joukkuesivun
   tulososion sisällä ennen sarjataulukkoa (TUL-03): sama 56 px:n rytmi ylä- ja alapuolelle (TUL-04). Kontti on div (MAI-13),
   joten header-CSS:n .um>div{padding-inline:22px} (0,1,1) osuisi siihen: pehmuste nollataan. Osion sisällä reuna tulee
   osion omasta 24 px:n pehmusteesta. */
html:root body .um>.um-mainos{width:calc(100% - 2 * var(--v4-gut));margin:56px auto;padding-inline:0}
html:root body .um .um-tulos>.um-mainos{margin:56px auto;padding-inline:0}
@media (max-width:760px){html:root body .um>.um-mainos,html:root body .um .um-tulos>.um-mainos{margin:44px auto}}
/* etusivun leveät paikat osioiden 72/56 px:n rytmiin */
html:root body .v5-etu>.v5-wrap>.um-mainos{margin:72px auto 0}
@media (max-width:760px){html:root body .v5-etu>.v5-wrap>.um-mainos{margin-top:56px}}
/* etusivun kisko tulostaulun vasempaan linjaan */
html:root body .v5 .v5-kisko>.um-mainos{margin:28px 0 0}
@media (max-width:900px){html:root body .v5 .v5-kisko>.um-mainos{margin:28px auto 0}}
/* tekstin sisäinen paikka tekstipalstan vasempaan reunaan, mobiilissa keskelle */
html:root body.single-post .umart-teksti>div.um-mainos{margin:40px 0!important}
@media (max-width:760px){html:root body.single-post .umart-teksti>div.um-mainos{margin:32px auto!important}}

/* ---------- Liike: yksi latautumishetki ---------- */
@media (prefers-reduced-motion:no-preference){
  @keyframes v5-kuva{from{transform:scale(1.06);opacity:.4}to{transform:none;opacity:1}}
  @keyframes v5-nousu{from{transform:translateY(14px);opacity:0}to{transform:none;opacity:1}}
  @keyframes v5-syke{0%,100%{box-shadow:0 0 0 0 rgba(46,139,255,.55)}70%{box-shadow:0 0 0 7px rgba(46,139,255,0)}}
  html body .v5 .v5-j--lead .v5-kuva img{animation:v5-kuva 1.1s cubic-bezier(.2,.7,.2,1) both}
  /* backwards eikä both: täyttyvä transform-animaatio tekisi tekstilaatikosta otsikkolinkin ::after-peiton
     sisältävän lohkon, jolloin kuva ei olisi klikattava (SAA-09). Lopputila on sama kuin to-kehys. */
  html body .v5 .v5-j--lead .v5-j-teksti{animation:v5-nousu .7s .2s cubic-bezier(.2,.7,.2,1) backwards}
  html body .v5 .v5-j--lead>.v5-j-x{animation:v5-nousu .7s .2s cubic-bezier(.2,.7,.2,1) both}
  /* 3 x 1,6 s = 4,8 s eli alle WCAG 2.2.2:n 5 s, sama raja kuin V4:n umpulse-v4 */
  html body .v5 .v5-live-p{animation:v5-syke 1.6s 3}
}

/* ---------- Kapeat näytöt ---------- */
@media (max-width:1100px){
  html body .v5 .v5-top{grid-template-columns:minmax(0,1fr) 320px;gap:32px}
  html body .v5 .v5-sivut{grid-template-columns:1fr}
  html body .v5 .v5-lisaa-gr{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  html body .v5 .v5-top{display:flex;flex-direction:column;gap:0}
  html body .v5 .v5-jutut{display:contents}
  html body .v5-etu .v5-j--lead{order:1} /* vain etusivun pääjuttu; juttulistassa nosto pysyy ensimmäisenä */
  html body .v5 .v5-kisko{order:2;margin-top:36px;width:100%}
  html body .v5 .v5-taulu{position:static}
  html body .v5 .v5-kisko>.um-mainos{position:static}
  html body .v5 .v5-sivut{order:3;margin-top:36px;width:100%}
  html body .v5 .v5-sarja-gr{grid-template-columns:1fr;gap:44px}
  /* pinottuna palstat eivät ole rinnakkain: pörssi pysyy 10 rivissä */
  html body .v5 .v5-porssi tbody tr:nth-child(n+11){display:none}
  /* lajikortit: kaksi leveää (SM-liiga, NHL) ja kolme kapeaa */
  html body .v5 .v5-lajit ul{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
  html body .v5 .v5-lajit li{grid-column:span 2}
  html body .v5 .v5-lajit li:nth-child(-n+2){grid-column:span 3}
  html body .v5 .v5-lajit li:nth-child(-n+2) a{aspect-ratio:16/10}
  html body .v5 .v5-lajit{padding-bottom:0}
}
/* lajikortit kapeimmillaan: SM-liiga koko leveydeltä, muut kaksi rinnakkain */
@media (max-width:640px){
  html body .v5 .v5-lajit ul{grid-template-columns:repeat(2,minmax(0,1fr))}
  html body .v5 .v5-lajit li:nth-child(n){grid-column:auto}
  html body .v5 .v5-lajit li:first-child{grid-column:1/-1}
  html body .v5 .v5-lajit li:nth-child(n) a{aspect-ratio:4/5}
  html body .v5 .v5-lajit li:first-child a{aspect-ratio:16/9}
  html body .v5 .v5-lajit-t{gap:6px;padding:14px 14px 13px}
  html body .v5 .v5-lajit-n{font-size:clamp(18px,5.4vw,22px)}
  html body .v5 .v5-lajit-s{font-size:12.5px}
}
@media (max-width:760px){
  html body .v5 .v5-alku{padding-top:18px;padding-bottom:14px;gap:4px 10px}
  html body .v5 .v5-h1{font-size:13px}
  html body .v5 .v5-j--lead{margin:0 calc(-1 * var(--v5-gut))}
  html body .v5 .v5-j--lead .v5-kuva{border-radius:0;aspect-ratio:4/3}
  html body .v5 .v5-j--lead .v5-kuva::after{background:linear-gradient(0deg,#000 0,rgba(0,0,0,.93) 125px,rgba(0,0,0,0) 230px)}
  html body .v5 .v5-j--lead .v5-j-teksti{margin-top:-120px;padding:0 var(--v5-gut)}
  html body .v5 .v5-j--lead .v5-kuva+.v5-j-teksti{min-height:120px}
  html body .v5 .v5-j--lead .v5-j-t{font-size:clamp(29px,8.4vw,38px);line-height:1.02;letter-spacing:-.03em}
  html body .v5 .v5-j--lead .v5-j-x{font-size:17px;margin-top:12px}
  html body .v5 .v5-j--pieni .v5-j-a{grid-template-columns:minmax(0,1fr) 104px;padding:16px 0}
  html body .v5 .v5-j--pieni .v5-kuva{order:2}
  html body .v5 .v5-j--pieni .v5-j-t{font-size:17px}
  html body .v5 .v5-osio{padding-top:56px}
  html body .v5 .v5-fi-lista{grid-template-columns:1fr}
  html body .v5 .v5-fi{grid-template-columns:84px minmax(0,1fr);gap:14px}
  html body .v5 .v5-fi-luku{font-size:42px}
  html body .v5 .v5-lisaa-gr{grid-template-columns:1fr;gap:0}
  html body .v5 .v5-j--rivi .v5-j-a{display:grid;grid-template-columns:minmax(0,1fr) 104px;gap:16px;padding:16px 0;border-top:1px solid var(--v5-v)}
  html body .v5 .v5-j--rivi .v5-kuva{order:2;aspect-ratio:4/3;border-radius:4px}
  html body .v5 .v5-j--rivi .v5-j-t{font-size:17px}
  html body .v5 .v5-taulukko .v5-maalit,html body .v5 .v5-taulukko .v5-muoto-s{display:none}
  /* selite ei kuvaa piilotettua Viimeiset 5 -saraketta (SAA-08) */
  html body .v5 .v5-selite .v5-muoto-s{display:none}
}
@media (max-width:420px){
  html body .v5 .v5-taulukko .v5-muoto-s{display:none}
}

/* ---------- Vanhan .um h1/h2 -säännön (!important) ohitus ---------- */
html body .v5 h1.v5-h1{font-size:15px!important;line-height:1.3!important}
html body .v5 .v5-j--lead h2.v5-j-t{font-size:clamp(34px,4.3vw,62px)!important;line-height:.98!important}
html body .v5 h2.v5-tt-o{font-size:24px!important;line-height:1.1!important}
html body .v5 .v5-osio-paa h2{font-size:clamp(26px,2.6vw,34px)!important;line-height:1.05!important}
@media (max-width:760px){
  html body .v5 h1.v5-h1{font-size:13px!important}
  html body .v5 .v5-j--lead h2.v5-j-t{font-size:clamp(29px,8.4vw,38px)!important;line-height:1.02!important}
}

/* =====================================================================
   Juttusivu V5: musta lukusivu. Vanhat valkoisen sivun tokenit käännetään,
   kovakoodatut värit ohitetaan html:root-etuliitteellä (+1 luokka).
   ===================================================================== */
html:root{--v4-paper:#000;--v4-paper2:#0E1014;--v4-ink:#F2F4F7;--v4-ink2:#A3ABB7;--v4-prule:rgba(255,255,255,.1);--v4-link-p:#6AAEFF}
html:root body.single-post,html:root body.single-post .wp-site-blocks,html:root body.single-post main.umart{background:#000!important}
/* yläväli on pelkkä .umart-headin 56 px (mobiilissa 28 px): UMART4:n main.umart-yläpehmuste tuplasi sen */
html:root body.single-post main.umart{padding-top:0!important}
html:root body.single-post .umart-head{max-width:var(--v5-wrap)!important;margin:0 auto!important;padding:56px var(--v5-gut) 0!important;box-sizing:border-box}
html:root body.single-post .umart-head>*{max-width:920px!important;margin-left:0!important}
/* bylinen hiusviiva on rakenneviiva: koko ruudukon levyinen kuten pääkuva ja sivupalkki */
html:root body.single-post .umart-head>.umart-byline{max-width:none!important}
html:root body.single-post .umart-head .um-kategoria a{color:var(--v5-st)!important;font:700 14px var(--v5-u)!important}
html:root body.single-post .umart-head h1.wp-block-post-title{font-family:var(--v5-d)!important;font-weight:800!important;font-size:clamp(36px,5.2vw,70px)!important;line-height:1!important;letter-spacing:-.036em!important;color:#fff!important;margin:14px 0 0!important;max-width:19ch!important;text-wrap:balance}
html:root body.single-post .umart-dek p{font-family:var(--v5-sf)!important;font-size:clamp(19px,1.7vw,23px)!important;line-height:1.5!important;color:var(--v5-t2)!important;letter-spacing:0!important;max-width:60ch;margin:20px 0 0!important}
html:root body.single-post .umart-byline{border-top:1px solid var(--v5-v)!important;margin-top:28px!important;padding-top:14px!important;gap:6px 18px!important;color:var(--v5-t2)!important}
html:root body.single-post .umart-who{color:var(--v5-t1)!important;font-weight:700!important}
html:root body.single-post .umart-pvm::before{content:none!important}
html:root body.single-post .umart-pvm time,html:root body.single-post .v5-lukuaika{color:var(--v5-t2)!important;font:400 14px var(--v5-u)!important;margin:0!important}
/* pääkuva: koko palstan levyinen, sama sävytys kuin etusivulla. UMART4:n padding:0 24px
   (build_artikkeli_css.py r.19) nollataan, jotta kuva osuu ruudukkoon ja 6 px:n pyöristys rajaa itse kuvan */
html:root body.single-post figure.umart-kuva{position:relative;box-sizing:border-box;width:calc(100% - 2 * var(--v5-gut))!important;max-width:calc(var(--v5-wrap) - 2 * var(--v5-gut))!important;padding:0!important;margin:32px auto 0!important;border-radius:6px;overflow:hidden}
html:root body.single-post figure.umart-kuva img{width:100%!important;aspect-ratio:2/1!important;height:auto!important;object-fit:cover!important;border-radius:0!important;filter:saturate(.78) contrast(1.06) brightness(.94)}
html:root body.single-post figure.umart-kuva::before{content:"";position:absolute;inset:0;background:var(--v5-s);mix-blend-mode:color;opacity:.16;pointer-events:none;z-index:1}
/* palsta + sivupalkki */
/* yksi palstaleveys 640 px: leipäteksti, taulukot, UKK ja tekstin mainos päättyvät samaan reunaan */
html:root body.single-post .v5-art-gr{display:grid;grid-template-columns:minmax(0,640px) 300px;justify-content:space-between;gap:56px;max-width:var(--v5-wrap);margin:48px auto 0;padding:0 var(--v5-gut);box-sizing:border-box}
html:root body.single-post .v5-art-gr>.umart-teksti{max-width:none!important;width:100%!important;margin:0!important;padding:0!important}
/* (0,6,2) voittaa um-v4-oma.css:n 600 px:n rajan (0,5,2); ei >*, jotta .um-mainos pitää oman max-widthinsä */
html:root body.single-post .umart-teksti.entry-content.wp-block-post-content>:is(p,ul,ol,blockquote,.paivitetty){max-width:none!important}
html:root body.single-post .umart-teksti p,html:root body.single-post .umart-teksti li{font-family:var(--v5-sf)!important;font-size:20px!important;line-height:1.72!important;color:#DADFE6!important}
/* yksi ingressi: dek on jutun ainoa, ensikappale on leipätekstin kokoinen */
html:root body.single-post .umart-teksti>p:first-child{font-size:20px!important;line-height:1.72!important;color:#DADFE6!important}
html:root body.single-post .umart-teksti h2{font-family:var(--v5-d)!important;font-size:clamp(26px,2.4vw,32px)!important;line-height:1.12!important;letter-spacing:-.028em!important;color:#fff!important;margin:56px 0 16px!important}
html:root body.single-post .umart-teksti h3{font-family:var(--v5-d)!important;color:var(--v5-t1)!important;margin:36px 0 10px!important}
html:root body.single-post .umart-teksti a{color:var(--v5-st)!important;text-decoration-color:rgba(106,174,255,.45)!important}
html:root body.single-post .umart-teksti a:hover{text-decoration-color:currentColor!important}
html:root body.single-post .umart-teksti strong{color:#fff!important}
/* koko ensikappaleen lihavointi ei ole toinen ingressi */
html:root body.single-post .umart-teksti>p:first-child>strong:only-child{font-weight:inherit!important;color:inherit!important}
html:root body.single-post .umart-teksti th{color:var(--v5-t3)!important;border-bottom:1px solid var(--v5-v2)!important;background:none!important}
html:root body.single-post .umart-teksti td{color:#DADFE6!important;border-bottom:1px solid var(--v5-v)!important}
html:root body.single-post .umart-teksti tbody tr:hover td{background:var(--v5-p)!important}
html:root body.single-post .umart-teksti table{background:none!important}
/* juttujen taulukot: kehys vierittää, solut rivittyvät, sininen reunavarjo kertoo jatkosta */
html:root body.single-post .umart-teksti .v5-tv{overflow-x:auto;overscroll-behavior-x:contain;margin:32px 0 40px!important;background:linear-gradient(90deg,#000 30%,rgba(0,0,0,0)) left center/32px 100% no-repeat local,linear-gradient(270deg,#000 30%,rgba(0,0,0,0)) right center/32px 100% no-repeat local,linear-gradient(90deg,rgba(46,139,255,.45),rgba(46,139,255,0)) left center/12px 100% no-repeat scroll,linear-gradient(270deg,rgba(46,139,255,.45),rgba(46,139,255,0)) right center/12px 100% no-repeat scroll}
html:root body.single-post .umart-teksti .v5-tv>table{display:table!important;width:100%!important;max-width:none!important;margin:0!important}
html:root body.single-post .umart-teksti .v5-tv:focus-visible{outline:2px solid var(--v5-s)!important;outline-offset:4px!important;border-radius:2px}
@media (max-width:760px){
  html:root body.single-post .umart-teksti .v5-tv :is(th,td){white-space:normal!important;overflow-wrap:break-word;padding-left:8px!important;padding-right:8px!important}
  html:root body.single-post .umart-teksti .v5-tv :is(th,td):first-child{padding-left:0!important}
  html:root body.single-post .umart-teksti .v5-tv :is(th,td):last-child{padding-right:0!important}
}
html:root body.single-post .umart-teksti .paivitetty,html:root body.single-post .umart-teksti .paivitetty em{color:var(--v5-t3)!important}
/* UKK yhdeksi tyyliksi: oma +/- -merkki, tasaiset välit */
html:root body.single-post .umart-teksti details{margin:0!important;padding:0!important;border:0!important;border-bottom:1px solid var(--v5-v)!important;background:none!important}
html:root body.single-post .umart-teksti h2+details{border-top:1px solid var(--v5-v)!important}
html:root body.single-post .umart-teksti summary{display:block!important;position:relative;list-style:none!important;padding:18px 40px 18px 0!important;cursor:pointer;font:600 18px/1.4 var(--v5-u)!important;color:var(--v5-t1)!important}
html:root body.single-post .umart-teksti summary::-webkit-details-marker{display:none}
html:root body.single-post .umart-teksti summary::marker{content:""}
html:root body.single-post .umart-teksti summary::after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);font:400 24px/1 var(--v5-u);color:var(--v5-st)}
html:root body.single-post .umart-teksti details[open]>summary::after{content:"\2212"}
html:root body.single-post .umart-teksti summary:hover{color:#fff!important}
html:root body.single-post .umart-teksti details>p{margin:0 0 20px!important;font-size:18px!important;line-height:1.65!important}
html:root body.single-post .umart-teksti hr{border-color:var(--v5-v)!important}
html:root body.single-post .umart :focus-visible{outline-color:var(--v5-s)!important}
/* tekstin sisäinen mainos: palstan omat p/a-säännöt pois */
html:root body.single-post .umart-teksti .um-mainos{margin:40px auto!important}
html:root body.single-post .umart-teksti .um-mainos a{text-decoration:none!important;color:inherit!important}
html:root body.single-post .umart-teksti .um-mainos .um-mainos-l{color:var(--v5-st)!important}
/* sivupalkki */
html:root body.single-post .v5-art-rail{display:flex;flex-direction:column;gap:36px;align-self:stretch}
html:root body.single-post .v5-art-tarra{position:sticky;top:120px}
html:root body.single-post .v5-art-rail .um-mainos{margin-top:0}
html body .v5 .v5-rd{border-top:3px solid var(--v5-s);padding-top:16px}
html body .v5 .v5-rd h2{font:800 20px/1.15 var(--v5-d)!important;letter-spacing:-.02em;color:var(--v5-t1)}
html body .v5 .v5-rd-p{margin-top:4px;font:500 13px var(--v5-u);color:var(--v5-t3)}
html body .v5 .v5-rd-iso{margin-top:10px;font:800 34px/1 var(--v5-d);letter-spacing:-.03em;color:#fff}
html body .v5 .v5-rd .v5-tt-lista{margin-top:12px}
html body .v5 .v5-rd-l{margin-top:12px}
html body .v5 .v5-rd-l li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 0;border-top:1px solid var(--v5-v);font:600 15px var(--v5-u);color:var(--v5-t1)}
html body .v5 .v5-rd-n span{font-weight:400;color:var(--v5-t3);font-size:13px}
html body .v5 .v5-rd-l b{font:800 18px var(--v5-d);font-variant-numeric:tabular-nums;color:#fff}
html body .v5 .v5-rd-a{display:inline-block;margin-top:12px;font:600 13.5px var(--v5-u);color:var(--v5-st)}
html body .v5 .v5-rd-a:hover{text-decoration:underline}
html body .v5 .v5-rd-selite{margin-top:10px}
html body .v5 .v5-rd-lahde{margin-top:12px;font:400 12.5px/1.45 var(--v5-u);color:var(--v5-t3)}
html:root body.single-post .v5-art-loppu{padding-bottom:88px}
@media (max-width:1000px){
  /* tabletilla leipäteksti ei veny 720 px:iin; alle 761 px raita kutistuu ruudun levyiseksi */
  html:root body.single-post .v5-art-gr{grid-template-columns:minmax(0,640px);gap:48px}
  html:root body.single-post .v5-art-tarra{display:none}
}
@media (max-width:760px){
  html:root body.single-post .umart-head{padding-top:28px!important}
  html:root body.single-post .umart-head h1.wp-block-post-title{font-size:clamp(31px,8.6vw,40px)!important;line-height:1.04!important}
  html:root body.single-post figure.umart-kuva{width:100%!important;max-width:none!important;margin:24px 0 0!important;border-radius:0}
  html:root body.single-post figure.umart-kuva img{aspect-ratio:4/3!important}
  html:root body.single-post .v5-art-gr{margin-top:32px}
  html:root body.single-post .umart-teksti p,html:root body.single-post .umart-teksti li{font-size:18px!important;line-height:1.7!important}
  html:root body.single-post .umart-teksti>p:first-child{font-size:18px!important}
}
/* sivupalkin 300x600 sticky vain, kun koko paikka mahtuu näkymään: top 120 + merkintä 20 + 600 = 740 px + 19 px ilmaa.
   Myymätön paikkamerkki ei seuraa lukijaa jutun läpi, vaan pysyy sivupalkin alussa (MAI-12). */
@media (min-width:1001px) and (max-height:759px){html:root body.single-post .v5-art-tarra{position:static}}
html:root body.single-post .v5-art-tarra:has(.um-mainos-tyhja){position:static}

/* juttusivun hienosäätö */
html:root body.single-post .umart-teksti em{color:inherit!important}
html:root body.single-post figure.umart-kuva img{max-width:none!important}
html:root body.single-post .umart-teksti>.um-mainos{max-width:var(--mw)!important}
@media (max-width:760px){html:root body.single-post .umart-teksti>.um-mainos{max-width:var(--mmw)!important}}

/* ---------- Etusivun viimeistely (19.10.2026) ---------- */
/* Yön suomalaiset: neljä korttia 2+2 eikä 3+1 */
@media (min-width:1101px){html body .v5 .v5-fi-lista:has(>li:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}}

/* 901–1100: sivujutut ovat yhdessä palstassa, mutta um_v5_etusivu() laskee $parit 1440:n kaksipalstaisesta ruudukosta. Tiivis rivi (96 px kuva, 12 px pehmuste) pitää kuuden jutun palstan kiskon mittaisena. */
@media (min-width:901px) and (max-width:1100px){
  html body .v5 .v5-j--pieni .v5-j-a{grid-template-columns:96px minmax(0,1fr);padding:12px 0}
  html body .v5 .v5-j--pieni .v5-j-t{font-size:17px}
}

/* tabletin hierarkia: Lisää juttuja neljään palstaan (901–1100) ja rivikortteihin (761–900); vain etusivu, ei juttusivun Lue seuraavaksi */
@media (min-width:901px) and (max-width:1100px){
  html body .v5-etu .v5-lisaa-gr{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
  html body .v5-etu .v5-j--rivi .v5-j-t{font-size:17px}
}
@media (min-width:761px) and (max-width:900px){
  html body .v5-etu .v5-lisaa-gr{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px}
  html body .v5-etu .v5-j--rivi .v5-j-a{display:grid;grid-template-columns:132px minmax(0,1fr);gap:16px;align-items:start;padding:18px 0;border-top:1px solid var(--v5-v)}
  html body .v5-etu .v5-j--rivi .v5-kuva{aspect-ratio:4/3;border-radius:4px}
  html body .v5-etu .v5-j--rivi .v5-j-t{font-size:17px}
  html body .v5 .v5-j--lead h2.v5-j-t{font-size:clamp(42px,6vw,52px)!important}
}

/* täysleveä ottelulista kahteen sarakkeeseen, ettei nimi ja tulos ole 580 px:n päässä toisistaan */
@media (min-width:640px) and (max-width:900px){
  html body .v5 .v5-taulu .v5-tt-lista{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px;align-items:start}
}
@media (min-width:640px) and (max-width:1000px){
  html:root body.single-post :is(.v5-art-rail,.v5-rd-mob) .v5-rd :is(.v5-tt-lista,.v5-rd-l){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px;align-items:start}
}

/* pääjutun ote on linkin ulkopuolella oma kappaleensa samassa kohdassa kuin ennen */
html body .v5 .v5-j--lead>.v5-j-x{margin:16px 40px 0 36px}
@media (max-width:760px){html body .v5 .v5-j--lead>.v5-j-x{margin:12px var(--v5-gut) 0}}

/* ---------- Juttusivun viimeistely (19.10.2026) ---------- */
/* tilannelaatikko kapeilla näytöillä tekstin sisällä; sivupalkki piiloon, ettei ruudukkoon jää tyhjää solua */
html:root body.single-post .v5-rd-mob{display:none}
@media (max-width:1000px){
  html:root body.single-post .umart-teksti .v5-rd-mob{display:block;margin:48px 0!important}
  html:root body.single-post .v5-art-rail.v5-rd-sisalla{display:none}
}
/* tekstipalstan omat !important-säännöt pois kopiosta */
html:root body.single-post .umart-teksti .v5-rd-mob h2{font:800 20px/1.15 var(--v5-d)!important;letter-spacing:-.02em!important;color:var(--v5-t1)!important;margin:0!important;padding:0!important;max-width:none!important}
html:root body.single-post .umart-teksti .v5-rd-mob p{font:500 13px/1.45 var(--v5-u)!important;color:var(--v5-t3)!important;margin:4px 0 0!important;-webkit-hyphens:manual!important;hyphens:manual!important}
html:root body.single-post .umart-teksti .v5-rd-mob p.v5-rd-selite{margin-top:10px!important}
html:root body.single-post .umart-teksti .v5-rd-mob p.v5-rd-lahde{font-weight:400!important;font-size:12.5px!important;margin-top:12px!important}
html:root body.single-post .umart-teksti .v5-rd-mob p.v5-rd-iso{font:800 34px/1 var(--v5-d)!important;letter-spacing:-.03em!important;color:#fff!important;margin:10px 0 0!important}
html:root body.single-post .umart-teksti .v5-rd-mob li{font:600 15px/1.4 var(--v5-u)!important;color:var(--v5-t1)!important;margin:0!important;-webkit-hyphens:manual!important;hyphens:manual!important}
html:root body.single-post .umart-teksti .v5-rd-mob a{color:var(--v5-st)!important;text-decoration:none!important}

/* Lähteet: pieni nimiö ja suljettava lista */
html:root body.single-post .umart-teksti h2.v5-lahteet-o{font:700 15px/1.3 var(--v5-u)!important;letter-spacing:0!important;color:var(--v5-t2)!important;margin:56px 0 0!important}
html:root body.single-post .umart-teksti details.v5-lahteet-d{margin:10px 0 0!important;border-top:1px solid var(--v5-v)!important;border-bottom:1px solid var(--v5-v)!important}
html:root body.single-post .umart-teksti details.v5-lahteet-d>summary{font:500 15px/1.4 var(--v5-u)!important;color:var(--v5-t1)!important;padding:14px 40px 14px 0!important}
html:root body.single-post .umart-teksti ul.v5-lahteet{columns:2 280px;column-gap:40px;list-style:none!important;margin:0!important;padding:4px 0 16px!important}
html:root body.single-post .umart-teksti ul.v5-lahteet li{font:400 14px/1.45 var(--v5-u)!important;color:var(--v5-t2)!important;break-inside:avoid;margin:0 0 10px!important;overflow-wrap:anywhere;-webkit-hyphens:manual!important;hyphens:manual!important}
html:root body.single-post .umart-teksti ul.v5-lahteet a{color:var(--v5-t2)!important;text-decoration:underline!important;text-decoration-color:rgba(255,255,255,.25)!important;text-underline-offset:3px}
html:root body.single-post .umart-teksti ul.v5-lahteet a:hover,html:root body.single-post .umart-teksti ul.v5-lahteet a:focus-visible{color:var(--v5-st)!important;text-decoration-color:currentColor!important}

/* ajatusviivalla yhdistetty pari tai sarja yhdelle riville, viivalle oma väli (Inter Tightin viivalla ei ole sivutilaa) */
html:root body.single-post .umart-head h1 .v5-nw,html body .v5 .v5-j-t .v5-nw{white-space:nowrap}
html:root body.single-post .umart-head h1 .v5-viiva,html body .v5 .v5-j-t .v5-viiva{margin-inline:.06em}

/* luettelomerkit palstan sisällä kaikilla leveyksillä: lukupohja (alla) sisentää listan */

/* ---------- Juttulistat (/jutut/, kategoriat): V5-kortit ja yhteinen kontti (LIS-02) ---------- */
/* nosto + 6 | mainos | 6 jakautuu 3+3 | 3+3 ja 2+2+2 | 2+2+2 ilman tyhjiä soluja; mainos on ruudukon sisar eikä luettelokohde */
html:root body main.umarkisto{max-width:var(--v5-wrap)!important;padding:44px var(--v5-gut) 96px!important}
html:root body .umarkisto-head{border-bottom-color:var(--v5-v2)!important;margin-bottom:40px!important}
html body .v5.v5-ark{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 32px}
html body .v5.v5-ark>.v5-j--lead,html body .v5.v5-ark>.um-mainos{grid-column:1/-1}
html body .v5.v5-ark>.um-mainos{margin:0 auto}
html body .v5.v5-ark>.v5-j--lead .v5-kuva{aspect-ratio:2/1}
/* kategoriasivulla laji toistaisi sivun nimen (kuten V4 r.988) */
html body.category .v5.v5-ark .v5-laji{display:none}
@media (max-width:980px){html body .v5.v5-ark{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 24px}}
@media (max-width:760px){
  html:root body main.umarkisto{padding-top:24px!important;padding-bottom:56px!important}
  html:root body .umarkisto-head{margin-bottom:24px!important}
  html body .v5.v5-ark{grid-template-columns:minmax(0,1fr);gap:0}
  html body .v5.v5-ark>.v5-j--lead{margin-bottom:28px}
  html body .v5.v5-ark>.v5-j--lead .v5-kuva{aspect-ratio:4/3}
  html body .v5.v5-ark>.um-mainos{margin:28px auto}
}

/* ---------- Saavutettavuus (SAA, 19.10.2026) ---------- */
/* Erilliset tekstilinkit: näkymätön 44 px:n osuma-alue kaikilla osoittimilla, asettelu ei muutu (2.5.5, SAA-16).
   Lähderivin 'Kaikki livetulokset' on lauseen sisällä (inline-poikkeus), joten sitä ei laajenneta. */
html body .v5 .v5-tt-paa h3 a,html body .v5 .v5-sarja h3 a,html body .v5 .v5-osio-paa a,html body .v5 .v5-tt-lisaa,html body .v5 .v5-rd-a,html:root body.single-post .umart-head .um-kategoria a{position:relative}
html body .v5 .v5-tt-paa h3 a::after,html body .v5 .v5-sarja h3 a::after,html body .v5 .v5-osio-paa a::after,html body .v5 .v5-tt-lisaa::after,html body .v5 .v5-rd-a::after,html:root body.single-post .umart-head .um-kategoria a::after{content:"";position:absolute;left:0;top:50%;width:100%;min-width:44px;height:44px;transform:translateY(-50%)}
/* rivitetyt linkit: oikea korkeus, väli ennallaan yksirivisenä (44 px:n rivi + 5 px = entinen 18 px:n yläväli) */
html body .v5 .v5-linkit{gap:0 28px;margin-top:5px}
html body .v5 .v5-linkit a{display:inline-flex;align-items:center;min-height:44px}
/* vierekkäiset kohteet 44 px kosketuksella ja mobiilissa (sama linjaus kuin V4:n kosketusalueet) */
@media (pointer:coarse),(max-width:760px){
  html body .v5 .v5-vid{min-height:44px;padding:0 14px 0 12px}
  html body .v5 .v5-fi-v{gap:8px}
  html body .v5 .v5-taulukko td,html body .v5 .v5-taulukko tbody th{height:44px}
  html body .v5 .v5-taulukko .nimi a{display:inline-block;min-width:44px;padding:14px 0;margin:-14px 0}
}
/* Alatunnisteen linkit 44 px myös hiirellä (2.5.5 AAA, SAA-15). V4 r.304 antaa 44 px vain kosketuksella ja <=760 px:llä
   (LIS-07); V5 laajentaa kaikille osoittimille. Sama spesifisyys (0,4,3)!important kuin V4 r.303, tulostuu myöhemmin. */
html body .um .umfoot .frow a:not(.logo){min-height:44px!important;display:flex!important;align-items:center;padding:6px 0!important;line-height:1.3!important}
/* Pienimmät tekstit mobiilissa (SAA-21): selitteet 13,5 px, taulukon otsakkeet ja joukkuelyhenteet 13 px */
@media (max-width:760px){
  html body .v5 .v5-tt-lahde,html body .v5 .v5-selite{font-size:13.5px}
  html body .v5 .v5-taulukko thead th,html body .v5 .v5-jl{font-size:13px}
}

/* ---------- Tulossivut (TUL, 19.10.2026) ---------- */
/* Tekstiosio: sama lukupalsta kuin jutuissa (TUL-07). um-v5.php käärii sivujen 16 ja 17 merkkien
   <!--um-teksti-alku--> ja <!--um-teksti-loppu--> välin. Kääre poistaa V4:n .um>p/.um>h2/.um>ul/.um>.faq-säännöt
   näistä elementeistä, joten typografia määritellään tässä kokonaan. Ruudukko 1248/24 on sama kuin datalohkoissa. */
html:root body .um .v5-data-gr{display:grid;grid-template-columns:minmax(0,700px) 300px;justify-content:space-between;gap:56px;max-width:calc(var(--v4-wrap) + 48px);margin:72px auto 0;padding:0 var(--v4-gut);box-sizing:border-box}
html:root body .um .v5-data-teksti>*{max-width:none!important;margin-inline:0!important;padding-inline:0!important}
html:root body .um .v5-data-teksti>p,html:root body .um .v5-data-teksti>ul>li,html:root body .um .v5-data-teksti>ol>li,html:root body .um .v5-data-teksti .faq details p{font-family:var(--v5-sf)!important;font-size:20px!important;line-height:1.72!important;color:#DADFE6!important;max-width:none!important}
html:root body .um .v5-data-teksti>h2,html:root body .um .v5-data-teksti>h3{font-family:var(--v5-d)!important;font-size:clamp(26px,2.4vw,32px)!important;font-weight:800!important;line-height:1.12!important;letter-spacing:-.028em!important;color:#fff!important;margin:56px 0 16px!important}
html:root body .um .v5-data-teksti>h3{font-size:22px!important;font-weight:700!important}
html:root body .um .v5-data-teksti>:first-child{margin-top:0!important}
html:root body .um .v5-data-teksti>ul{list-style:none!important;margin:0 0 24px!important}
html:root body .um .v5-data-teksti>ul>li{position:relative;padding-left:22px!important}
html:root body .um .v5-data-teksti>ul>li::before{content:"";position:absolute;left:0;top:.86em;width:10px;height:2px;background:var(--v5-s)}
html:root body .um .v5-data-teksti>p.muted,html:root body .um .v5-data-teksti>p.um-lue-myos{font-family:var(--v5-u)!important;font-size:15px!important;line-height:1.6!important;color:var(--v5-t2)!important}
html:root body .um .v5-data-teksti .faq summary{font-family:var(--v5-u)!important}
/* Lue myös -rivi (TUL-12) samoin kuin livessä, mutta tekstiosion sisällä (V4:n sääntö koskee vain .um:n suoraa lasta) */
html:root body .um .v5-data-teksti>p.um-lue-myos{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 24px;margin-top:32px!important}
html:root body .um .v5-data-teksti>p.um-lue-myos>span{font-weight:600;color:var(--v5-t1)}
html:root body .um .v5-data-teksti>p.um-lue-myos>a{display:inline-flex;align-items:center;min-height:44px}
/* 'Tässä osiossa' -kisko: ankkurinavigaatio tekstiosion H2-otsikoihin. Linkeillä on luokka, ja TAY-01 rajaa lisäksi V4:n
   leipätekstin linkkisäännön (a:not([class]), 0,4,4) pois .v5-data-nav-kiskosta, joten se ei alleviivaa niitä eikä vaihda väriä. */
html:root body .um .v5-data-rail{align-self:stretch}
html:root body .um .v5-data-nav{position:sticky;top:124px;border-top:3px solid var(--v5-s);padding-top:16px}
html:root body .um .v5-data-nav-o{font:800 20px/1.15 var(--v5-d)!important;letter-spacing:-.02em;color:var(--v5-t1)!important;margin:0 0 8px!important;padding:0!important}
html:root body .um .v5-data-nav ol{list-style:none;margin:0;padding:0}
html:root body .um .v5-data-nav a{display:flex;align-items:center;min-height:44px;padding:6px 0;border-top:1px solid var(--v5-v);font:600 15px/1.3 var(--v5-u);color:var(--v5-t2)!important;text-decoration:none!important}
html:root body .um .v5-data-nav a:hover{color:var(--v5-st)!important}
html:root body .um .v5-data-nav a:focus-visible{outline:2px solid var(--v5-s);outline-offset:2px}
@media (max-width:1000px){html:root body .um .v5-data-gr{grid-template-columns:minmax(0,1fr);margin-top:56px}html:root body .um .v5-data-rail{display:none}}
@media (max-width:760px){html:root body .um .v5-data-teksti>p,html:root body .um .v5-data-teksti>ul>li,html:root body .um .v5-data-teksti .faq details p{font-size:18px!important;line-height:1.7!important}}

/* Dataosiot V5:n rakenneviivaan: sininen 3 px yläviiva ja 800-otsikko kuten etusivun tulostaulussa, osioväli 72 px (TUL-08).
   (0,4,2)/(0,4,3) ja !important voittavat V4:n valkoisen 2 px viivan; sarjataulukkosivun piilotettu lohko-head (0,7,3) pysyy piilossa. */
html:root body .um .um-tulos .lohko-head{border-top:3px solid var(--v5-s)!important;padding-top:16px!important}
html:root body .um .um-tulos .lohko-head :is(h2,h3){font-family:var(--v5-d)!important;font-weight:800!important;font-size:clamp(26px,2.6vw,34px)!important;letter-spacing:-.028em!important}
html:root body .um .um-tulos .lohko{margin-bottom:72px!important}
/* toimitukselliset osiot (uutiset) ilman dataviivaa */
html:root body .um .lu-head{border-top:0!important;padding-top:0!important}

/* Sarjataulukko etusivun V5-tasolle: otsikkoviiva koko leveydelle, taulukko ja selite enintään 880 px, Viimeiset 5 -sarake,
   2 px sininen jakoviiva, 40 px rivit (TUL-09). span.v5 käyttää etusivun .v5 .v5-muoto/.v5-f -tyylejä sellaisenaan. */
html:root body .um .um-tulos .lohko:has(table.liiga-taulukko){max-width:none!important}
@media (min-width:761px){html:root body .um .um-tulos .lohko:has(table.liiga-taulukko)>:is(.vieritin,.selite){max-width:880px}}
html:root body .um .um-tulos tbody tr.raja :is(td,th){border-bottom:2px solid var(--v5-s)!important}
html:root body .um .um-tulos abbr{text-decoration:none!important;border:0!important}
/* 40 px rivi kuten etusivun .v5-taulukossa: korkeus soluun eikä 8 px:n pehmusteena, koska V4:n 26 px:n vaakuna teki riveistä 43 px */
html:root body .um .um-tulos .liiga-taulukko tbody :is(td,th){padding-top:0!important;padding-bottom:0!important;height:40px}
html:root body .um .um-tulos .liiga-taulukko tbody td.pist{font:800 16px var(--v5-d)!important;color:#fff!important}
html:root body .um .liiga-taulukko .v5-muoto-s .v5{display:inline;background:none}
/* kapealla sarake ja sen selitelause piiloon (sama kuin etusivun sarjatilanteessa, SAA-08) */
@media (max-width:760px){html:root body .um .liiga-taulukko .v5-muoto-s,html:root body .um .um-tulos .selite .v5-muoto-s{display:none!important}}

/* NHL: piste-, maali- ja syöttöpörssi kolmeen palstaan leveillä näytöillä (TUL-10). Pistepörssi on oma lohkonsa ennen
   .porssi-parit-käärettä; kääre muuttuu display:contents, joten sen kaksi lohkoa asettuvat palstoihin 2 ja 3. */
@media (min-width:1101px){
  html:root body .um .um-porssi:has(>.porssi-parit){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:40px;align-items:start}
  html:root body .um .um-porssi:has(>.porssi-parit)>*{grid-column:1/-1}
  html:root body .um .um-porssi:has(>.porssi-parit)>#pisteet{grid-column:1}
  html:root body .um .um-porssi>.porssi-parit{display:contents}
}

/* Jatkopolut V5:n tekstilinkeiksi kuten .v5-linkit: ei kehystä, pilleriä eikä nuolta (TUL-13). V4:n font-size:0 jättää
   ' · '-tekstisolmut näkymättömiin. */
html:root body .um .jl-muut{gap:0 28px!important}
html:root body .um .jl-muut a{min-height:44px;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:none!important;font:600 14px/1.3 var(--v5-u)!important;color:var(--v5-st)!important}
html:root body .um .jl-muut a::after{content:none!important}
html:root body .um .jl-muut a:hover{text-decoration:underline!important;text-underline-offset:3px}

/* Uusimmat jutut V5-komponenteilla (TUL-23): V4 r.256 antaa section.lajiuutiset-elementille 56/64 px marginaalin, V5-osion oma 72 px:n yläväli riittää */
html:root body .um section.lajiuutiset.v5{margin:0!important}
/* 19.10.2026: 320-420 px: pörssin rivittymättömät nimet pakottivat sarakkeen 309 px:iin (tilaa 291 px),
   jolloin molempien taulukoiden P-sarake valui ruudun reunan yli. */
@media (max-width:420px){
  html body .v5 .v5-sarja-gr{grid-template-columns:minmax(0,1fr)}
  html body .v5 .v5-taulukko td,html body .v5 .v5-taulukko th{padding-left:5px;padding-right:5px}
  html body .v5 .v5-porssi tbody .nimi{white-space:normal;line-height:1.25;padding-top:6px;padding-bottom:6px}
  html body .v5 .v5-porssi tbody .nimi .v5-jl{display:block;margin-left:0}
}
/* ---------- Kierros 3 (1.11.2026): varmistuksen jäljelle jääneet ---------- */
/* A1/U5/U38: 320-339 px:llä 300x250 ei mahdu 18 px:n reunusten väliin; paikka ulottuu reunusten yli ja pysyy IAB-koossa */
@media (max-width:339px){
  html body .um-mainos,html:root body.single-post .umart-teksti>div.um-mainos{width:300px!important;max-width:none!important;margin-left:calc(50% - 150px)!important;margin-right:calc(50% - 150px)!important}
}
/* A11/ETU-07: 901-1100 px sivujutut tiiviimmiksi, jotta kahdeksan jutun palsta päättyy kiskon kanssa */
@media (min-width:901px) and (max-width:1100px){
  html body .v5 .v5-j--pieni .v5-j-a{grid-template-columns:80px minmax(0,1fr);padding:10px 0}
}
/* U7: F1-ryhmän ainoa rivi koko levylle, kun ottelulista on kahdessa sarakkeessa */
@media (min-width:640px) and (max-width:900px){
  html body .v5 .v5-taulu .v5-o--f1{grid-column:1/-1}
}
/* U10: ei orpoja sanoja korttiotsikoissa */
html body .v5 .v5-j-t{text-wrap:pretty}
/* U11: lajinimet eivät katkea yhdysmerkistä ('SM-liiga') */
html body .v5 .v5-lajit-n{white-space:nowrap}
/* U31: työpöydällä taulukon otsakkeet ja lyhyet solut (päivämäärät, luvut) yhdelle riville; pitkät kuvaukset rivittyvät */
@media (min-width:761px){
  html:root body.single-post .umart-teksti .v5-tv th,html:root body.single-post .umart-teksti .v5-tv td.v5-nw{white-space:nowrap!important}
}
/* =====================================================================
   Lukupohja (1.11.2026): pitkät tekstit valkoisella ja mustalla, kuten V4:n jutuissa.
   Koskee juttusivuja (body.single-post) ja tekstisivuja: toimitus 49, tietosuoja 51, yhteystiedot 52, mainosta 857.
   Ylä- ja alatunniste ja nauha pysyvät mustina. V5:n komponentit (tietolaatikko, mainospaikat, taulukot, UKK,
   Lue seuraavaksi) kääntyvät, koska niiden värimuuttujat määritellään tässä alueessa vaaleiksi.
   Kontrastit valkoisella / paneelilla #F4F6F9: teksti #1A1D23 16,9 / 15,6, t2 #3B4350 10,0 / 9,2,
   t3 #46505C 8,2 / 7,6, linkki #0A4A9F 8,4 / 7,8. Sininen #2E8BFF vain viivoina ja merkkeinä (3,4:1, ei tekstinä).
   ===================================================================== */
html:root body.single-post main.umart,
html:root body:is(.page-id-49,.page-id-51,.page-id-52,.page-id-857) main{
  --v5-k:#fff;--v5-p:#F4F6F9;--v5-p2:#EAEEF3;--v5-v:#E3E7ED;--v5-v2:#C9CFD8;
  --v5-t1:#0B0D10;--v5-t2:#3B4350;--v5-t3:#46505C;--v5-st:#0A4A9F;--v5-lt:#0B0D10;
  --v4-paper:#fff;--v4-paper2:#F4F6F9;--v4-ink:#0B0D10;--v4-ink2:#3B4350;--v4-prule:#E3E7ED;--v4-link-p:#0A4A9F;
  --v4-bg:#fff;--v4-bg2:#fff;--v4-raise:#F4F6F9;--v4-raise2:#EAEEF3;--v4-rule:#E3E7ED;--v4-rule2:#C9CFD8;
  --v4-fg:#0B0D10;--v4-fg2:#3B4350;--v4-fg3:#46505C;--v4-acc-t:#0A4A9F;
  --um-teksti:#1A1D23;
  /* vanhojen UM*-lohkojen tunnukset (header-part): --ink oli pohja, --white teksti */
  --ink:#fff;--ink2:#fff;--surface:#F4F6F9;--surface2:#EAEEF3;--line:#E3E7ED;--white:#0B0D10;--grey:#3B4350;--greyd:#46505C;--glow:#0A4A9F;
  background:#fff!important;color:var(--um-teksti)
}
/* vanha UMPOST antaa jutun kaikille h2/h3:lle kiinteän vaalean värin (body.single h2 #F4F7FB, h3 #E9EFF7, !important):
   koskee myös tietolaatikkoa ja Lue seuraavaksi -kortteja. Tumma pohja ei saa jäädä tekstisivun .um-kääreeseen. */
html:root body.single-post main.umart :is(h2,h3),html:root body:is(.page-id-49,.page-id-51,.page-id-52,.page-id-857) main :is(h2,h3){color:var(--v5-t1)!important}
html:root body:is(.page-id-49,.page-id-51,.page-id-52,.page-id-857) main .um{background:transparent!important}
/* V5:n kiinteät valkoiset (voittajan ja live-ottelun tulos, pisteet, isot luvut, korttiotsikon hover) */
html:root body.single-post main.umart .v5 :is(.v5-o-j.voitti .v5-o-m,.v5-o.live .v5-o-m,.v5-fi-luku,.v5-taulukko .pist){color:var(--v5-t1)!important}
html:root body.single-post main.umart .v5 :is(.v5-j--pieni,.v5-j--rivi):hover .v5-j-t{color:var(--v5-st)!important}
html:root body.single-post main.umart .v5{background:transparent!important}
html:root body.single-post main.umart ::selection,html:root body:is(.page-id-49,.page-id-51,.page-id-52,.page-id-857) main ::selection{background:rgba(46,139,255,.25)}

/* --- juttusivu: keskitetty ruudukko. Teksti 680 + väli 72 + sivupalkki 300 = 1052 px; otsikko, kuva ja palstat samoissa reunoissa --- */
html:root body.single-post .umart-head{max-width:calc(1052px + 2 * var(--v5-gut))!important}
html:root body.single-post .umart-head>*{max-width:860px!important}
html:root body.single-post .umart-head>.umart-byline{max-width:none!important}
html:root body.single-post .umart-head h1.wp-block-post-title{color:var(--v5-t1)!important}
html:root body.single-post .umart-head .um-kategoria a{color:var(--v5-st)!important}
html:root body.single-post figure.umart-kuva{max-width:1052px!important}
html:root body.single-post .v5-art-gr{grid-template-columns:minmax(0,680px) 300px;justify-content:center;gap:72px;max-width:calc(1052px + 2 * var(--v5-gut))}
/* leipäteksti: ei automaattista tavutusta ("sääntö-kirjaan"), vasen reuna suora */
html:root body.single-post .umart-teksti p,html:root body.single-post .umart-teksti li{font-size:19px!important;line-height:1.7!important;color:var(--um-teksti)!important;hyphens:manual!important;-webkit-hyphens:manual!important;text-align:left!important}
html:root body.single-post .umart-teksti>p:first-child{font-size:19px!important;line-height:1.7!important;color:var(--um-teksti)!important}
html:root body.single-post .umart-teksti :is(h2,h3,summary){hyphens:manual!important;-webkit-hyphens:manual!important;text-wrap:balance}
html:root body.single-post .umart-teksti h2{color:var(--v5-t1)!important;font-size:clamp(25px,2.3vw,30px)!important;margin:52px 0 14px!important}
html:root body.single-post .umart-teksti h3{font-size:21px!important;line-height:1.25!important;margin:32px 0 8px!important}
html:root body.single-post .umart-teksti strong{color:var(--v5-t1)!important}
html:root body.single-post .umart-teksti a{color:var(--v5-st)!important;text-decoration:underline!important;text-decoration-color:rgba(10,74,159,.35)!important;text-decoration-thickness:1px!important;text-underline-offset:3px}
html:root body.single-post .umart-teksti a:hover{text-decoration-color:currentColor!important;text-decoration-thickness:2px!important}
/* luettelot palstan sisään: pallo ei roiku tekstin vasemmalla puolella */
html:root body.single-post .umart-teksti.entry-content.wp-block-post-content>:is(ul,ol):not(.v5-lahteet){padding-left:1.35em!important;margin:0 0 24px!important}
html:root body.single-post .umart-teksti>:is(ul,ol)>li{padding-left:.2em;margin:0 0 .45em!important}
html:root body.single-post .umart-teksti>ul>li::marker{color:var(--v5-s)}
html:root body.single-post .umart-teksti>ol>li::marker{color:var(--v5-t2);font:700 .85em var(--v5-u)}
html:root body.single-post .umart-teksti td{color:var(--um-teksti)!important}
html:root body.single-post .umart-teksti summary:hover{color:var(--v5-st)!important}
html:root body.single-post .umart-teksti details>p{font-size:18px!important}
html:root body.single-post .umart-teksti .v5-tv{background:linear-gradient(90deg,#fff 30%,rgba(255,255,255,0)) left center/32px 100% no-repeat local,linear-gradient(270deg,#fff 30%,rgba(255,255,255,0)) right center/32px 100% no-repeat local,linear-gradient(90deg,rgba(46,139,255,.35),rgba(46,139,255,0)) left center/12px 100% no-repeat scroll,linear-gradient(270deg,rgba(46,139,255,.35),rgba(46,139,255,0)) right center/12px 100% no-repeat scroll!important}
html:root body.single-post .umart-teksti ul.v5-lahteet a{text-decoration-color:rgba(11,13,16,.3)!important}
html:root body.single-post .umart-teksti blockquote{border-left:3px solid var(--v5-s)!important;padding:2px 0 2px 20px!important;margin:28px 0!important;color:var(--v5-t2)!important}
html:root body.single-post .umart-teksti figure figcaption{color:var(--v5-t3)!important}
/* tietolaatikon suuret luvut olivat kiinteästi valkoisia */
html:root body.single-post main.umart .v5 :is(.v5-rd-iso,.v5-rd-l b),html:root body.single-post .umart-teksti .v5-rd-mob p.v5-rd-iso{color:var(--v5-t1)!important}
/* Lue seuraavaksi ja loppumainos: oma vaalea osio, hiusviiva erottaa tekstistä */
html:root body.single-post .v5-art-loppu{margin-top:72px;border-top:1px solid var(--v5-v)}
html:root body.single-post .v5-art-loppu>.v5-wrap{max-width:calc(1052px + 2 * var(--v5-gut))}
@media (max-width:1000px){
  html:root body.single-post .umart-head{max-width:calc(680px + 2 * var(--v5-gut))!important}
  html:root body.single-post .v5-art-gr{grid-template-columns:minmax(0,680px);justify-content:center;max-width:calc(680px + 2 * var(--v5-gut))}
}
@media (max-width:760px){
  html:root body.single-post .umart-teksti p,html:root body.single-post .umart-teksti li,html:root body.single-post .umart-teksti>p:first-child{font-size:18px!important;line-height:1.68!important}
  html:root body.single-post .umart-teksti h2{margin:44px 0 12px!important}
  html:root body.single-post .v5-art-loppu{margin-top:48px}
}

/* --- tekstisivut (toimitus, tietosuoja, yhteystiedot, mainosta): sama 680 px:n keskitetty palsta ja serif-leipäteksti --- */
/* palstasääntö :where():llä, jotta alla oleva luettelon sisennys (:is(ul,ol)) voittaa sen; spesifisyys riittää silti V4:n .um>p-sääntöihin */
html:root body:is(.page-id-49,.page-id-51,.page-id-52,.page-id-857) main{padding-bottom:72px!important}
html:root body:is(.page-id-49,.page-id-51,.page-id-52,.page-id-857) main .um{color:var(--um-teksti)}
html:root body:is(.page-id-49,.page-id-51,.page-id-52,.page-id-857) main .um>:where(.breadcrumb,.article-head,p,ul,ol,h2,h3,.card,.faq,.ukk,table,div){max-width:calc(680px + 48px)!important;padding-left:24px!important;padding-right:24px!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box}
html:root body:is(.page-id-49,.page-id-51,.page-id-52,.page-id-857) main .um>.article-head{padding-top:40px!important;padding-bottom:28px!important;border-bottom:1px solid var(--v5-v)!important;margin-bottom:12px!important}
html:root body:is(.page-id-49,.page-id-51,.page-id-52,.page-id-857) main .um>.breadcrumb{padding-top:28px!important}
html:root body:is(.page-id-49,.page-id-51,.page-id-52,.page-id-857) main .um .article-head .kicker{color:var(--v5-st)!important}
html:root body:is(.page-id-49,.page-id-51,.page-id-52,.page-id-857) main .um .article-head h1{color:var(--v5-t1)!important;font-size:clamp(34px,4.6vw,52px)!important;line-height:1.04!important;text-wrap:balance}
html:root body:is(.page-id-49,.page-id-51,.page-id-52,.page-id-857) main .um .article-head h1 span{color:var(--v5-t3)!important}
html:root body:is(.page-id-49,.page-id-51,.page-id-52,.page-id-857) main .um .article-head .dek{font-family:var(--v5-sf)!important;font-size:clamp(18px,1.6vw,21px)!important;line-height:1.55!important;color:var(--v5-t2)!important;max-width:none}
html:root body:is(.page-id-49,.page-id-51,.page-id-52,.page-id-857) main .um>:is(p,ul,ol),html:root body:is(.page-id-49,.page-id-51,.page-id-52,.page-id-857) main .um>:is(ul,ol) li{font-family:var(--v5-sf)!important;font-size:19px!important;line-height:1.7!important;color:var(--um-teksti)!important;max-width:calc(680px + 48px)!important;hyphens:manual!important;-webkit-hyphens:manual!important}
html:root body:is(.page-id-49,.page-id-51,.page-id-52,.page-id-857) main .um>:is(ul,ol){padding-left:calc(24px + 1.35em)!important}
html:root body:is(.page-id-49,.page-id-51,.page-id-52,.page-id-857) main .um>:is(ul,ol) li{padding-left:.2em!important;margin-bottom:.45em!important}
html:root body:is(.page-id-49,.page-id-51,.page-id-52,.page-id-857) main .um>ul li::marker{color:var(--v5-s)}
html:root body:is(.page-id-49,.page-id-51,.page-id-52,.page-id-857) main .um>:is(h2,h3){color:var(--v5-t1)!important;font-size:clamp(23px,2.2vw,28px)!important;line-height:1.15!important;margin-top:48px!important;margin-bottom:12px!important;text-wrap:balance}
html:root body:is(.page-id-49,.page-id-51,.page-id-52,.page-id-857) main .um a:not([class]){color:var(--v5-st)!important;text-decoration:underline!important;text-decoration-color:rgba(10,74,159,.35)!important;text-underline-offset:3px}
html:root body:is(.page-id-49,.page-id-51,.page-id-52,.page-id-857) main .um a:not([class]):hover{text-decoration-color:currentColor!important}
html:root body:is(.page-id-49,.page-id-51,.page-id-52,.page-id-857) main .um :is(strong,b){color:var(--v5-t1)!important}
html:root body:is(.page-id-49,.page-id-51,.page-id-52,.page-id-857) main .um .card li{font-family:var(--v5-sf)!important;font-size:19px!important;color:var(--um-teksti)!important}
@media (max-width:760px){
  html:root body:is(.page-id-49,.page-id-51,.page-id-52,.page-id-857) main .um>:where(.breadcrumb,.article-head,p,ul,ol,h2,h3,.card,.faq,.ukk,table,div){padding-left:18px!important;padding-right:18px!important}
  html:root body:is(.page-id-49,.page-id-51,.page-id-52,.page-id-857) main .um>:is(ul,ol){padding-left:calc(18px + 1.35em)!important}
  html:root body:is(.page-id-49,.page-id-51,.page-id-52,.page-id-857) main .um>:is(p,ul,ol),html:root body:is(.page-id-49,.page-id-51,.page-id-52,.page-id-857) main .um>:is(ul,ol) li{font-size:18px!important;line-height:1.68!important}
}
/* ---------- Lukupohjan tarkistus (1.11.2026): vahvistetut löydökset, tunnukset tarkistusraportista ---------- */
/* J-D1: 1001–1100 px:n näkymässä palsta on kapeimmillaan (604 px), joten U31:n nowrap katkaisi leveät taulukot */
@media (min-width:1001px) and (max-width:1100px){
  html:root body.single-post main.umart .umart-teksti .v5-tv :is(th,td){white-space:normal!important}
  html:root body.single-post main.umart .v5-art-gr{gap:40px}
}
/* J-D2: väliotsikko kuuluu taulukkoonsa: väliksi otsikon oma alamarginaali */
html:root body.single-post .umart-teksti :is(h2,h3)+.v5-tv{margin-top:6px!important}
/* J-D3: jutun lopun 88 px ennen alatunnistetta (.v5{padding:0!important} nollasi vanhan säännön) */
html:root body.single-post .v5.v5-art-loppu{padding-bottom:48px!important}
@media (max-width:760px){html:root body.single-post .v5.v5-art-loppu{padding-bottom:24px!important}}
/* M5: tabletilla pääkuva samoihin reunoihin kuin otsikko ja teksti */
@media (min-width:761px) and (max-width:1000px){html:root body.single-post figure.umart-kuva{max-width:680px!important}}
/* M6: yhden ottelun tietolaatikko ei venytä viivoja koko palstan levyiseksi */
@media (min-width:640px) and (max-width:1000px){
  html:root body.single-post .umart-teksti .v5-rd-mob:has(.v5-tt-lista>li:only-child){max-width:320px}
  html:root body.single-post .v5-rd-mob .v5-rd .v5-tt-lista:has(>li:only-child){grid-template-columns:minmax(0,1fr)}
}
/* T1: tekstisivun ingressi aina leipätekstiä suurempi */
html:root body:is(.page-id-49,.page-id-51,.page-id-52,.page-id-857) main .um .article-head .dek{font-size:clamp(20px,1.7vw,23px)!important}
/* T4: otsikkoalueen alaviiva palstan levyinen */
html:root body:is(.page-id-49,.page-id-51,.page-id-52,.page-id-857) main .um>.article-head{padding-left:0!important;padding-right:0!important;max-width:min(680px,calc(100% - 48px))!important}
@media (max-width:760px){
  html:root body:is(.page-id-49,.page-id-51,.page-id-52,.page-id-857) main .um .article-head .dek{font-size:19px!important}
  html:root body:is(.page-id-49,.page-id-51,.page-id-52,.page-id-857) main .um>.article-head{max-width:calc(100% - 36px)!important}
  /* T3: kortin rivit samaa kokoa kuin leipäteksti (Y-tunnus ei enää katkea, um_v5_tavuviivat) */
  html:root body:is(.page-id-49,.page-id-51,.page-id-52,.page-id-857) main .um .card li{font-size:18px!important;line-height:1.68!important}
}
/* D2: datasivun tekstipalsta ei veny, kun Tässä osiossa -kisko on piilossa */
@media (min-width:761px) and (max-width:1000px){html:root body .um .v5-data-gr{grid-template-columns:minmax(0,700px)}}
/* D5: Lue myös: otsake vasemmalla, linkit omassa linjassaan (U24 V5-kääreessä) */
html:root body .um .v5-data-teksti>p.um-lue-myos{display:grid!important;grid-template-columns:auto 1fr;column-gap:24px;row-gap:0}
html:root body .um .v5-data-teksti>p.um-lue-myos>a{grid-column:2;justify-self:start}
html:root body .um .v5-data-teksti>p.um-lue-myos>span{grid-row:1/span 9;align-self:start;padding-top:12px}
@media (max-width:760px){
  html:root body .um .v5-data-teksti>p.um-lue-myos{grid-template-columns:1fr}
  html:root body .um .v5-data-teksti>p.um-lue-myos>a{grid-column:1}
  html:root body .um .v5-data-teksti>p.um-lue-myos>span{grid-row:auto;padding-top:0}
}
/* D4: joukkuesivun UKK kuten muilla datasivuilla: +/− oikealla, ei selaimen kolmioita, palsta 700 px */
html body .um .ukk details{max-width:700px}
html body .um .ukk summary{display:flex!important;justify-content:space-between;align-items:center;gap:16px;list-style:none!important;cursor:pointer}
html body .um .ukk summary::-webkit-details-marker{display:none}
html body .um .ukk summary::marker{content:""}
html body .um .ukk summary::after{content:"+";flex:none;font:400 22px/1 var(--v5-u);color:var(--v5-st)}
html body .um .ukk details[open]>summary::after{content:"\2212"}
/* D7: datalohkojen selite- ja lähdekappaleet lukupalstan mittaisiksi */
html:root body .um .um-tulos>p.lahde,html:root body .um .um-tulos .lohko.tulossa>p{max-width:72ch}
/*UMV5-END*/