/* Urheilijan ravitsemus – ulkoasu (lokakuu 2026). Varmuuskopio: tyhjä ennen tätä. */
@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,700;1,700&family=Lato:wght@400;700&family=Outfit:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,600;1,600&display=swap");

/* ===== UR: yläpalkki ja alatunniste (ravitsemustalo.fi-tyyli) ===== */
body {background:#fff}
body #page{max-width:none;margin:0;width:100%}
body #masthead{position:relative;z-index:60;background:#fff;border-bottom:1px solid #F2F2F2;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px 30px;padding:30px}
body #masthead .site-branding{background:none;padding:0;margin:0;display:flex;align-items:center;gap:14px;text-align:left;flex:none}
body #masthead .custom-logo-link{display:block;margin:0;line-height:0}
body #masthead .custom-logo{height:62px;width:auto;max-width:none;max-height:none;display:block}
body #masthead .site-title{margin:0;padding:0 0 0 14px;border-left:2px solid #02B7C3;font-family:Lato,"Helvetica Neue",Arial,sans-serif;font-weight:700;font-size:15px;line-height:1.2;letter-spacing:.14em;text-transform:uppercase;max-width:8.5em;text-align:left}
body #masthead .site-title a{color:#1A7F9C;text-decoration:none;border:0;box-shadow:none}
body #masthead .site-description,body #masthead .site-branding .jetpack-social-navigation{display:none}
body #site-navigation{background:none;padding:0;margin:0;width:auto;max-width:100%;clear:none;float:none}
body #site-navigation>div{width:auto}
body #site-navigation ul.menu{display:flex;flex-wrap:wrap;align-items:center;gap:4px 20px;margin:0;padding:0;text-align:left}
body #site-navigation ul.menu>li{float:none;display:block;margin:0;padding:0;position:relative;border:0}
body #site-navigation ul.menu>li::before,body #site-navigation ul.menu>li::after{display:none}
body #site-navigation a{display:block;font-family:Lato,"Helvetica Neue",Arial,sans-serif;font-size:16px;font-weight:700;line-height:1.6;letter-spacing:0;text-transform:none;color:#000;padding:4px 0;margin:0;border:0;border-bottom:1.6px solid transparent;background:none;text-decoration:none}
body #site-navigation a:hover,body #site-navigation a:focus{color:#000;border-bottom-color:#02B7C3}
body #site-navigation .current-menu-item>a,body #site-navigation .current_page_item>a,body #site-navigation .current-menu-ancestor>a,body #site-navigation .current-page-ancestor>a{border-bottom-color:#02B7C3}
body #site-navigation .menu-item-has-children>a::after{content:" \25BE";font-size:.8em;position:static;border:0;margin:0}
body #site-navigation ul ul{position:absolute;left:-12px;top:100%;min-width:220px;margin:0;padding:6px 0;background:#fff;border:1px solid #F2F2F2;box-shadow:0 12px 24px -12px rgba(0,0,0,.18);z-index:70;display:none;text-align:left}
body #site-navigation li:hover>ul,body #site-navigation li:focus-within>ul,body #site-navigation li.focus>ul{display:block;left:-12px;opacity:1;visibility:visible}
body #site-navigation ul ul li{float:none;display:block;margin:0;border:0;width:100%}
body #site-navigation ul ul a{padding:8px 12px;border:0;width:auto;white-space:nowrap}
body #site-navigation ul ul a:hover{color:#1A7F9C}
body #site-navigation .menu-toggle{display:none}
@media (max-width:1320px){body #masthead .custom-logo{height:50px}body #masthead .site-title{font-size:13.5px}}
@media (max-width:1279px){body #masthead{padding:20px 24px}body #site-navigation ul.menu{gap:4px 16px}body #site-navigation a{font-size:15px}body #masthead .custom-logo{height:44px}body #masthead .site-title{font-size:12.5px}}
@media (max-width:767px){body #masthead{position:relative;top:auto;padding:16px}body #masthead .custom-logo{height:38px}body #masthead .site-title{font-size:11.5px;padding-left:10px}body #masthead .site-branding{gap:10px}
 body #site-navigation{width:100%}body #site-navigation .menu-toggle{display:inline-flex;align-items:center;gap:8px;background:none;border:1.5px solid #1A3A4A;color:#1A3A4A;border-radius:999px;padding:6px 16px;font-family:Lato,Arial,sans-serif;font-weight:700;font-size:15px;text-transform:none;letter-spacing:0;margin:0}
 body #site-navigation>div{display:none;width:100%}body #site-navigation.toggled>div{display:block}
 body #site-navigation ul.menu{flex-direction:column;align-items:stretch;gap:0;padding-top:8px}body #site-navigation ul.menu>li{border-top:1px solid #F2F2F2}body #site-navigation a{padding:10px 0;border-bottom:0}
 body #site-navigation ul ul{display:block;position:static;border:0;box-shadow:none;padding:0 0 6px 14px;min-width:0}}
body #colophon{background:#122A36;color:#A9C6D0;padding:30px max(24px,env(safe-area-inset-left,0px));display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center;justify-content:space-between;font-family:Outfit,-apple-system,sans-serif;font-size:14px;text-align:left;border:0;margin:0}
body #colophon::before{content:"© Ravitsemustalo Oy · Urheilijan ravitsemus";order:-1}
body #colophon .site-info{display:none}
body #colophon .jetpack-social-navigation{margin:0;padding:0;float:none}
body #colophon .jetpack-social-navigation ul{display:flex;gap:16px;margin:0;padding:0}
body #colophon .jetpack-social-navigation a{color:#EAF5F8;border:0;box-shadow:none}
body #colophon .jetpack-social-navigation li{margin:0}
body #colophon svg{fill:currentColor}

/* ===== UR: uusien sivujen asettelu ===== */
body:has(.ur-page) .entry-header,body:has(.ur-page) #secondary,body:has(.ur-page) .entry-footer,body:has(.ur-page) .sharedaddy,body:has(.ur-page) .jp-relatedposts,body:has(.ur-page) #comments,body:has(.ur-page) .post-navigation,body:has(.ur-page) #featured-content,body:has(.ur-page) #quaternary,body:has(.ur-page) #tertiary,body:has(.ur-page) .entry-hero,body:has(.ur-page) .page-header{display:none !important}
body:has(.ur-page) #content,body:has(.ur-page) .content-wrapper,body:has(.ur-page) #primary,body:has(.ur-page) #main,body:has(.ur-page) #main>article,body:has(.ur-page) #main>.hentry,body:has(.ur-page) .entry-content{max-width:none !important;width:100% !important;padding:0 !important;margin:0 !important;float:none !important;background:none}

/* ===== UR: sivujen sisältö ===== */
.ur{--teal:#29A1C2;--teal-d:#1A7F9C;--navy:#1A3A4A;--navy-2:#122A36;--ice:#F1FAFB;--line:#E3EEF1;--pill-line:#CDE8EF;--ink:#1E3440;--soft:#34505D;--muted:#52666F;--head:#1A3A4A;--on-navy:#EAF5F8;--on-navy-soft:#A9C6D0;--lime:#C8E86B;font-family:Outfit,-apple-system,"Segoe UI",sans-serif;color:var(--ink);font-size:17px;line-height:1.65;font-weight:400;-webkit-font-smoothing:antialiased}
.ur *{box-sizing:border-box}
.ur h1,.ur h2,.ur h3,.ur h4{margin:0;padding:0;letter-spacing:normal;text-transform:none;clear:none;text-wrap:balance;font-style:normal}
.ur p{margin:0}
.ur a{color:inherit;text-decoration:none;box-shadow:none;border-bottom:0}
.ur ul{margin:0;padding:0;list-style:none}
.ur li{margin:0}
.ur img{display:block;max-width:100%;height:auto;margin:0}
.ur .wrap{max-width:1240px;margin:0 auto;padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px))}
.ur .btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:999px;background:var(--teal);color:#0E2430;font-weight:500;font-size:15.5px;line-height:1.3;border:1.5px solid var(--teal)}
.ur .btn:hover{background:var(--teal-d);border-color:var(--teal-d);color:#fff}
.ur .btn.o{background:transparent;border-color:var(--teal-d);color:var(--teal-d)}
.ur .btn.o:hover{background:var(--teal-d);color:#fff}
.ur .btn.g{background:transparent;border-color:rgba(234,245,248,.35);color:var(--on-navy)}
.ur .btn:focus-visible{outline:3px solid var(--lime);outline-offset:2px}
.ur .pill{display:inline-block;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--teal-d);background:#fff;border:1px solid var(--pill-line);border-radius:999px;padding:6px 14px;margin-bottom:20px;line-height:1.4}
.ur .ra-hero{background:var(--ice);border-bottom:1px solid var(--line)}
.ur .ra-hero .wrap{padding-top:72px;padding-bottom:56px}
.ur .ra-hero .inner{max-width:820px}
.ur .crumbs{font-size:14px;color:var(--muted);display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.ur .crumbs a:hover{color:var(--teal-d)}
.ur h1{font-family:"Playfair Display",Georgia,serif;font-weight:600;font-size:clamp(34px,6vw,60px);line-height:1.1;letter-spacing:-.01em;color:var(--head);hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}
.ur h1 .acc{color:var(--teal-d);font-style:italic}
.ur .lead{font-size:21px;font-weight:300;color:var(--soft);margin-top:18px;max-width:38em}
.ur .hero-btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.ur .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding-top:56px;padding-bottom:72px}
.ur .card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;padding-bottom:26px;transition:transform .2s,box-shadow .2s}
.ur .card:hover{transform:translateY(-3px);box-shadow:0 18px 36px -22px rgba(26,58,74,.4)}
.ur .card .img{aspect-ratio:3/2;overflow:hidden;margin-bottom:20px;background:var(--ice)}
.ur .card .img img{width:100%;height:100%;object-fit:cover}
.ur .card h2{font-family:"Playfair Display",Georgia,serif;font-weight:600;font-size:21px;line-height:1.3;color:var(--head);padding:0 24px}
.ur .card h2 a:hover{color:var(--teal-d)}
.ur .count{font-size:12.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--teal-d);padding:0 24px 8px}
.ur .ex{font-size:15px;line-height:1.6;color:var(--soft);padding:10px 24px 0}
.ur .subs{margin:14px 24px 0;border-top:1px solid var(--line);display:flex;flex-direction:column}
.ur .subs li{border-bottom:1px solid var(--line)}
.ur .subs a{display:flex;justify-content:space-between;gap:12px;padding:9px 0;font-size:15px;color:var(--soft)}
.ur .subs a::after{content:"\2192";color:var(--teal);flex:none}
.ur .subs a:hover{color:var(--teal-d)}
.ur .more{margin-top:auto;padding:16px 24px 0;font-size:15px;font-weight:500;color:var(--teal-d)}
.ur .sec{padding-top:64px;padding-bottom:64px}
.ur .sec+.sec{padding-top:0}
.ur .sec-h{max-width:40em;margin-bottom:30px}
.ur .sec-h .pill{margin-bottom:14px}
.ur .sec-h h2{font-family:"Playfair Display",Georgia,serif;font-weight:600;font-size:clamp(30px,4vw,40px);line-height:1.15;color:var(--head);hyphens:auto;-webkit-hyphens:auto}
.ur .sec-h p{color:var(--soft);margin-top:10px}
.ur .track,.ur .steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.ur .steps{grid-template-columns:repeat(3,minmax(0,1fr))}
.ur .track article,.ur .steps article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px 28px;min-width:0}
.ur .k{font-size:12.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--teal-d)}
.ur .track h3,.ur .steps h3,.ur .price h3,.ur .ref h3{font-family:"Playfair Display",Georgia,serif;font-weight:600;font-size:22px;line-height:1.25;color:var(--head);margin:8px 0}
.ur .track p,.ur .steps p,.ur .ref p{color:var(--soft);font-size:16px}
.ur .steps .n{width:38px;height:38px;border-radius:50%;background:var(--ice);border:1px solid var(--pill-line);color:var(--teal-d);display:grid;place-items:center;font-weight:600;margin-bottom:6px}
.ur .skills{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line)}
.ur .skills>div,.ur .aud>div{padding:22px 24px 24px 0;border-bottom:1px solid var(--line);min-width:0}
.ur .aud{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line)}
.ur .skills h3,.ur .aud h3{font-family:Outfit,sans-serif;font-weight:600;font-size:18px;color:var(--head);margin-bottom:6px}
.ur .skills p,.ur .aud p{color:var(--soft);font-size:15.5px;line-height:1.6}
.ur .quote,.ur .testi{background:var(--ice);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ur .quote .wrap,.ur .testi .wrap{padding-top:52px;padding-bottom:52px}
.ur blockquote{margin:0 auto;padding:0;border:0;max-width:860px;font-family:"Playfair Display",Georgia,serif;font-style:italic;font-size:clamp(20px,2.8vw,28px);line-height:1.45;color:var(--head);quotes:none}
.ur blockquote::before,.ur blockquote::after{content:none}
.ur .quote blockquote{text-align:center}
.ur .testi figure{margin:0 auto;max-width:820px}
.ur .testi figcaption{margin-top:16px;color:var(--soft);font-size:15px}
.ur .testi figcaption b{color:var(--head)}
.ur .contact{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
.ur .contact dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:10px 18px}
.ur .contact dt{color:var(--muted);font-weight:400}
.ur .contact dd{margin:0;font-weight:500;color:var(--head)}
.ur .fine{font-size:14px;color:var(--muted);margin-top:8px}
.ur .chips{display:flex;flex-wrap:wrap;gap:10px}
.ur .chips span{background:#fff;border:1px solid var(--pill-line);border-radius:999px;padding:8px 16px;font-size:15.5px;color:var(--head)}
.ur .prices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:900px}
.ur .price{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;display:flex;flex-direction:column;gap:4px;min-width:0}
.ur .price.main{border-color:var(--teal);box-shadow:0 0 0 1px var(--teal)}
.ur .price .amt{font-family:"Playfair Display",Georgia,serif;font-size:40px;font-weight:600;color:var(--head);line-height:1.1}
.ur .price .amt small{font-family:Outfit,sans-serif;font-size:16px;font-weight:400;color:var(--muted)}
.ur .price ul{margin:10px 0 18px;display:flex;flex-direction:column;gap:6px;color:var(--soft);font-size:15.5px}
.ur .price li::before{content:"\2713";color:var(--teal);margin-right:10px;font-weight:600}
.ur .price .btn{margin-top:auto;align-self:flex-start}
.ur .note{margin-top:18px;color:var(--muted);font-size:15px}
.ur .note a{color:var(--teal-d);text-decoration:underline}
.ur .ref{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.ur .ref article{border-top:3px solid var(--teal);padding-top:18px;min-width:0}
.ur .tomi-hero .wrap{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:48px;align-items:center}
.ur .portrait{width:100%;max-width:380px;justify-self:end;aspect-ratio:1;border-radius:50%;overflow:hidden;box-shadow:0 0 0 10px #fff,0 0 0 11px var(--pill-line);background:var(--ice)}
.ur .portrait img{width:100%;height:100%;object-fit:cover}
.ur .cta-band{background:var(--navy);color:var(--on-navy)}
.ur .cta-band .wrap{display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding-top:44px;padding-bottom:44px}
.ur .cta-band h3{font-family:"Playfair Display",Georgia,serif;font-weight:600;font-size:30px;line-height:1.2;color:#fff}
.ur .cta-band p{margin-top:6px;color:var(--on-navy-soft);max-width:40em}
/* lomakkeet */
.ur form.contact-form,.ur .wp-block-jetpack-contact-form{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px;margin:0}
.ur .contact-form label,.ur .grunion-field-label{display:block;font-size:14.5px;font-weight:500;color:var(--head);margin:0 0 6px;font-family:Outfit,sans-serif}
.ur .contact-form input[type=text],.ur .contact-form input[type=email],.ur .contact-form input[type=tel],.ur .contact-form textarea{width:100%;font:inherit;font-size:16px;padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);margin:0 0 14px;box-shadow:none}
.ur .contact-form input:focus,.ur .contact-form textarea:focus{outline:2px solid var(--teal);outline-offset:1px}
.ur .contact-form textarea{min-height:120px}
.ur .contact-form input[type=checkbox]{margin-right:8px}
.ur .contact-form button,.ur .contact-form input[type=submit],.ur .contact-form .wp-block-button__link,.ur .contact-form .pushbutton-wide{background:var(--teal);color:#0E2430;border:0;border-radius:999px;padding:12px 24px;font:inherit;font-weight:500;font-size:15.5px;cursor:pointer;text-transform:none;letter-spacing:0;width:auto}
.ur .contact-form button:hover,.ur .contact-form input[type=submit]:hover{background:var(--teal-d);color:#fff}
/* blogi: uusimmat kirjoitukset -lohko */
.ur .wp-block-latest-posts.is-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:0;padding:56px 0 72px}
.ur .wp-block-latest-posts.is-grid li{width:auto;margin:0;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;padding:0 0 26px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.ur .wp-block-latest-posts.is-grid li:hover{transform:translateY(-3px);box-shadow:0 18px 36px -22px rgba(26,58,74,.4)}
.ur .wp-block-latest-posts__featured-image{margin:0 0 20px}
.ur .wp-block-latest-posts__featured-image img{width:100%;aspect-ratio:3/2;object-fit:cover}
.ur .wp-block-latest-posts__post-title{display:block;font-family:"Playfair Display",Georgia,serif;font-weight:600;font-size:21px;line-height:1.3;color:var(--head);padding:0 24px}
.ur .wp-block-latest-posts__post-title:hover{color:var(--teal-d)}
.ur .wp-block-latest-posts__post-date{display:block;font-size:13px;color:var(--muted);padding:8px 24px 0}
.ur .wp-block-latest-posts__post-excerpt{font-size:15px;line-height:1.6;color:var(--soft);padding:10px 24px 0;margin:0}
.ur .wp-block-latest-posts__post-excerpt a{display:none}
/* etusivu */
.ur-front .fp-hero{background:var(--navy);color:var(--on-navy);position:relative;overflow:hidden}
.ur-front .fp-hero::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 119px,rgba(255,255,255,.035) 119px 120px);pointer-events:none}
.ur-front .fp-top{position:relative;padding-top:56px;padding-bottom:40px;display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center}
.ur-front .eyebrow{font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--teal)}
.ur-front .fp-hero h1{font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-weight:700;font-size:clamp(46px,7vw,84px);line-height:1.02;text-transform:uppercase;color:var(--on-navy);margin-top:14px;letter-spacing:.005em;hyphens:none}
.ur-front .fp-hero h1 em{color:var(--teal);font-style:italic}
.ur-front .fp-hero .lead{color:var(--on-navy-soft);font-size:19px;max-width:34em;margin:18px 0 26px}
.ur-front .btns{display:flex;gap:12px;flex-wrap:wrap}
.ur-front .fp-feature{display:block;border-radius:14px;overflow:hidden;background:var(--navy-2);box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.ur-front .fp-feature .img{aspect-ratio:16/10;overflow:hidden}
.ur-front .fp-feature .img img,.ur-front .fp-rail .img img,.ur-front .fp-path .img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.ur-front .fp-feature:hover .img img,.ur-front .fp-rail a:hover .img img,.ur-front .fp-path:hover .img img{transform:scale(1.03)}
.ur-front .fp-feature .body{padding:22px 24px 24px}
.ur-front .tag{display:inline-block;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--teal)}
.ur-front .fp-feature h2{font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-weight:700;font-size:34px;line-height:1.05;margin:8px 0 10px;color:var(--on-navy)}
.ur-front .fp-feature p{color:var(--on-navy-soft);font-size:15.5px}
.ur-front .meta{font-size:13px;color:var(--on-navy-soft);margin-top:14px}
.ur-front .rail-head{position:relative;display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding-top:6px;padding-bottom:14px}
.ur-front .rail-head h3{font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-weight:700;font-size:22px;text-transform:uppercase;color:var(--on-navy)}
.ur-front .rail-head a{font-size:14px;color:var(--teal)}
.ur-front .fp-rail{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);gap:16px;overflow-x:auto;padding-bottom:48px;scroll-snap-type:x mandatory}
.ur-front .fp-rail a{scroll-snap-align:start;color:var(--on-navy);border-radius:10px;overflow:hidden;background:rgba(255,255,255,.04);border:1px solid rgba(234,245,248,.08);transition:transform .2s,border-color .2s}
.ur-front .fp-rail a:hover{transform:translateY(-3px);border-color:var(--teal)}
.ur-front .fp-rail .img{aspect-ratio:16/9;overflow:hidden}
.ur-front .fp-rail .t{padding:12px 14px 16px}
.ur-front .fp-rail h4{font-family:Outfit,sans-serif;font-weight:500;font-size:15.5px;line-height:1.35;margin-top:6px;color:var(--on-navy)}
.ur-front .fp-paths{padding-top:72px;padding-bottom:72px}
.ur-front .fp-paths .sec-h .eyebrow{color:var(--teal-d)}
.ur-front .fp-paths .sec-h h2{font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-weight:700;font-size:clamp(36px,5vw,52px);text-transform:uppercase;margin-top:10px;line-height:1.02}
.ur-front .fp-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.ur-front .fp-path{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.ur-front .fp-path:hover{transform:translateY(-4px);box-shadow:0 22px 40px -24px rgba(26,58,74,.45)}
.ur-front .fp-path .img{aspect-ratio:3/2;overflow:hidden}
.ur-front .fp-path .t{padding:22px 24px 26px;display:flex;flex-direction:column;gap:10px;flex:1;min-width:0}
.ur-front .fp-path .no{font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-style:italic;font-weight:700;color:var(--teal);font-size:15px;letter-spacing:.06em;text-transform:uppercase}
.ur-front .fp-path h3{font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-weight:700;font-size:32px;line-height:1.02;text-transform:uppercase;color:var(--ink)}
.ur-front .fp-path p{color:var(--soft);font-size:15.5px}
.ur-front .fp-path .go{margin-top:auto;padding-top:8px;font-weight:500;color:var(--teal-d);font-size:15px}
.ur-front .fp-expert{background:var(--ice);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ur-front .fp-expert .wrap{display:grid;grid-template-columns:auto 1fr auto;gap:32px;align-items:center;padding-top:44px;padding-bottom:44px}
.ur-front .avatar{width:104px;height:104px;border-radius:50%;overflow:hidden;background:var(--line)}
.ur-front .avatar img{width:100%;height:100%;object-fit:cover}
.ur-front .fp-expert .eyebrow{color:var(--teal-d)}
.ur-front .fp-expert h3{font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-weight:700;font-size:30px;text-transform:uppercase;line-height:1.05;margin-top:4px}
.ur-front .fp-expert p{margin-top:6px;color:var(--soft);max-width:44em}
.ur-front .fp-social{padding-top:64px;padding-bottom:64px}
.ur-front .soc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.ur-front .soc a{display:flex;align-items:center;gap:18px;padding:22px 24px;border-radius:14px;background:#fff;border:1px solid var(--line)}
.ur-front .soc a:hover{border-color:var(--teal)}
.ur-front .soc .ic{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:var(--navy);color:#fff;flex:none;font-weight:600}
.ur-front .soc b{font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-size:24px;text-transform:uppercase;display:block;line-height:1.1}
.ur-front .soc small{font-size:14.5px;color:var(--muted)}
@media (max-width:1100px){.ur .skills{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:980px){.ur .grid,.ur .wp-block-latest-posts.is-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ur .ref,.ur .steps{grid-template-columns:1fr}.ur .aud{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ur-front .fp-top{grid-template-columns:1fr;gap:32px}.ur-front .fp-cards{grid-template-columns:1fr}.ur-front .fp-expert .wrap{grid-template-columns:1fr}}
@media (max-width:860px){.ur .tomi-hero .wrap{grid-template-columns:1fr}.ur .portrait{justify-self:start;max-width:220px}.ur .track,.ur .contact{grid-template-columns:1fr}.ur .skills{grid-template-columns:1fr}}
@media (max-width:640px){.ur .grid,.ur .wp-block-latest-posts.is-grid{grid-template-columns:1fr;gap:20px}.ur .ra-hero .wrap{padding-top:44px;padding-bottom:40px}.ur .lead{font-size:18px}.ur .prices,.ur .aud,.ur-front .soc{grid-template-columns:1fr}.ur .wrap{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}}
@media (prefers-reduced-motion:reduce){.ur *{transition:none !important}}

body #masthead::before,body #masthead::after,body #colophon::after,body .site-branding::before,body .site-branding::after,body #site-navigation::before,body #site-navigation::after{display:none !important;content:none !important}
body #site-navigation ul.menu,body #site-navigation>div{border:0 !important;box-shadow:none !important}
.ur-front .fp-rail{scrollbar-width:thin;scrollbar-color:rgba(234,245,248,.25) transparent}
.ur .grunion-field-wrap,.ur .contact-form>div{margin:0 0 4px;padding:0}.ur .contact-form label span,.ur .grunion-label-required{font-size:12px;color:var(--muted);font-weight:400}.ur .contact-form .grunion-field-checkbox-wrap label{display:flex;gap:8px;align-items:flex-start;font-weight:400;font-size:14.5px;color:var(--soft)}
.ur .ref .logo{height:72px;display:flex;align-items:center;margin-bottom:16px}.ur .ref .logo img{max-height:72px;max-width:170px;width:auto;height:auto;object-fit:contain}
body:has(.ur-page) .post-thumbnail,body:has(.ur-page) .entry-meta,body:has(.ur-page) .featured-image,body:has(.ur-page) .entry-hero,body:has(.ur-page) .post-navigation,body:has(.ur-page) .comments-area{display:none !important}
.ur .ur-meta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;margin-top:26px;font-size:14px;color:var(--muted)}
.ur .ur-author{display:flex;align-items:center;gap:12px;line-height:1.35}
.ur .ur-author img{width:48px;height:48px;border-radius:50%;object-fit:cover;background:#dceff4}
.ur .ur-author b{display:block;color:var(--navy);font-size:15px;font-weight:600}
.ur .ur-dates{display:flex;flex-wrap:wrap;gap:8px 20px}
.ur .ur-body{display:flex;flex-wrap:wrap;gap:56px;align-items:flex-start;padding-top:56px;padding-bottom:24px}
.ur .ur-main{flex:999 1 560px;min-width:0;max-width:740px}
.ur .ur-side{flex:1 1 280px;min-width:0;max-width:360px;display:flex;flex-direction:column;gap:24px}
@media (min-width:901px) and (min-height:800px){.ur .ur-side{position:sticky;top:40px}}
@media (max-width:943px){.ur .ur-side nav.ur-card{display:none}}
.ur .kicker{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--teal-d);margin:0 0 10px}
.ur .kicker.grey{color:var(--muted)}
.ur .ur-card{border:1px solid var(--line);border-radius:18px;padding:24px;background:#fff}
.ur .ur-card.ice{background:var(--ice);border-color:var(--ice)}
.ur .ur-card h3{font-family:"Playfair Display",Georgia,serif;font-weight:600;font-size:22px;line-height:1.3;margin:0 0 10px;color:var(--head)}
.ur .ur-card p{font-size:15px;line-height:1.6;color:var(--soft);margin:0 0 14px}
.ur .ur-card .btn{font-size:15px;padding:11px 20px}
.ur .ur-toc{list-style:none;margin:0;padding:0;font-size:15.5px}
.ur .ur-toc li{margin:0 0 2px}
.ur .ur-toc a{display:block;padding:7px 12px;border-radius:10px;color:var(--soft);line-height:1.4}
.ur .ur-toc a:hover{background:var(--ice);color:var(--navy)}
.ur .ur-content{font-size:18px;line-height:1.75;color:var(--ink)}
.ur .ur-content p{margin:0 0 24px}
.ur .ur-content>:first-child{margin-top:0}
.ur .ur-content h2{font-family:"Playfair Display",Georgia,serif;font-weight:600;font-size:34px;line-height:1.2;margin:52px 0 18px;color:var(--head);scroll-margin-top:30px}
.ur .ur-content h3{font-family:"Playfair Display",Georgia,serif;font-weight:600;font-size:24px;line-height:1.3;margin:36px 0 12px;color:var(--head);scroll-margin-top:30px}
.ur .ur-content h4{font-family:Outfit,sans-serif;font-size:19px;font-weight:600;color:var(--navy);margin:28px 0 10px}
.ur .ur-content ul{list-style:disc;margin:0 0 24px;padding-left:24px}
.ur .ur-content ol{list-style:decimal;margin:0 0 24px;padding-left:24px}
.ur .ur-content li{margin:0 0 8px}
.ur .ur-content a{color:var(--teal-d);text-decoration:underline;text-underline-offset:2px}
.ur .ur-content strong,.ur .ur-content b{font-weight:600;color:var(--head)}
.ur .ur-content figure,.ur .ur-content .wp-caption,.ur .ur-content .wp-block-image{margin:32px 0 !important;max-width:100% !important;width:auto !important}
.ur .ur-content img{max-width:100%;height:auto;border-radius:14px;display:block;margin:0 auto}
.ur .ur-content .alignleft{float:left;margin:6px 28px 16px 0 !important;max-width:45% !important}
.ur .ur-content .alignright{float:right;margin:6px 0 16px 28px !important;max-width:45% !important}
.ur .ur-content .aligncenter{margin-left:auto !important;margin-right:auto !important}
.ur .ur-content figcaption,.ur .ur-content .wp-caption-text{font-size:14px;color:var(--muted);text-align:center;margin-top:10px;line-height:1.5}
.ur .ur-content .wp-block-table{overflow-x:auto;margin:32px 0}
.ur .ur-content table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.5;margin:0 0 24px}
.ur .ur-content th,.ur .ur-content td{border-bottom:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
.ur .ur-content th{background:var(--ice);color:var(--head);font-weight:600}
.ur .ur-content blockquote{text-align:left;font-size:21px;border-left:3px solid var(--teal);padding:4px 0 4px 22px;margin:32px 0}
.ur .ur-content hr{border:0;border-top:1px solid var(--line);margin:40px 0}
.ur .ur-content::after{content:"";display:table;clear:both}
.ur .ur-bio{display:flex;flex-wrap:wrap;gap:22px;align-items:flex-start;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:32px 0;margin:40px 0 32px;clear:both}
.ur .ur-bio img{width:88px;height:88px;border-radius:50%;object-fit:cover;flex:none}
.ur .ur-bio .c{flex:1 1 280px;min-width:0}
.ur .ur-bio h3{font-family:"Playfair Display",Georgia,serif;font-weight:600;font-size:24px;margin:4px 0 2px;color:var(--head)}
.ur .ur-bio .role{font-size:15px;color:var(--muted);margin-bottom:10px}
.ur .ur-bio p{font-size:16px;line-height:1.65;margin:0 0 10px;color:var(--soft)}
.ur .ur-bio .more{color:var(--teal-d);font-weight:500;font-size:15px}
.ur .ur-rel{background:var(--ice);padding:64px 0;margin-top:48px}
.ur .ur-rel h2{font-family:"Playfair Display",Georgia,serif;font-weight:600;font-size:36px;line-height:1.2;margin:0 0 28px;color:var(--head)}
.ur .ur-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.ur .ur-grid a{display:flex;flex-direction:column;gap:12px;background:#fff;border:1px solid #dcedf2;border-radius:18px;padding:26px;color:var(--navy)}
.ur .ur-grid a:hover{border-color:var(--teal)}
.ur .ur-grid .cat{font-size:13px;font-weight:600;color:var(--teal-d)}
.ur .ur-grid .ttl{font-family:"Playfair Display",Georgia,serif;font-size:22px;font-weight:600;line-height:1.3}
.ur .ur-grid .more{font-size:15px;font-weight:600;color:var(--teal-d);margin-top:auto}
.ur-hub .card .img{display:block}
@media (max-width:640px){.ur .ur-side{max-width:none}.ur .ur-content{font-size:17px}.ur .ur-content h2{font-size:28px}.ur .ur-content .alignleft,.ur .ur-content .alignright{float:none;max-width:100% !important;margin:24px 0 !important}.ur .ur-body{gap:32px;padding-top:36px}}
body:has(.ur-page) .entry-body{padding:0 !important;margin:0 !important;max-width:none !important;width:100% !important;float:none !important}
.ur .ur-content h1{font-family:"Playfair Display",Georgia,serif;font-weight:600;font-size:34px;line-height:1.2;letter-spacing:0;margin:52px 0 18px;color:var(--head);scroll-margin-top:30px;hyphens:manual}.ur .ur-content:has(h1) h2{font-size:26px;line-height:1.25;margin:36px 0 12px}.ur .ur-content:has(h1) h3{font-family:Outfit,sans-serif;font-size:19px;font-weight:600;margin:28px 0 10px}@media (max-width:640px){.ur .ur-content h1{font-size:28px}.ur .ur-content:has(h1) h2{font-size:23px}}
body #site-navigation .menu-item-has-children>a::after{content:"";display:inline-block;width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-3px) rotate(45deg);margin-left:8px;position:static}
body #site-navigation .dropdown-toggle,body #site-navigation .sub-menu-toggle{display:none}
body:has(.ur-page) #content>.hero,body:has(.ur-page) .entry-thumbnail{display:none !important}
/* mobiili: kolmen viivan valikkonappi */
@media (max-width:767px){
body #masthead{position:relative}
body #masthead .site-branding{max-width:calc(100% - 56px)}
body #site-navigation .menu-toggle{position:absolute;top:12px;right:max(10px,env(safe-area-inset-right,0px));width:44px;height:44px;padding:0;margin:0;border:0;border-radius:10px;font-size:0;line-height:0;color:transparent;background:linear-gradient(#1A3A4A,#1A3A4A) center 14px/24px 2px no-repeat,linear-gradient(#1A3A4A,#1A3A4A) center 21px/24px 2px no-repeat,linear-gradient(#1A3A4A,#1A3A4A) center 28px/24px 2px no-repeat;box-shadow:none}
body #site-navigation .menu-toggle::before,body #site-navigation .menu-toggle::after{display:none !important;content:none !important}
body #site-navigation .menu-toggle:focus-visible{outline:2px solid #02B7C3;outline-offset:2px}
body #site-navigation.toggled .menu-toggle{background:linear-gradient(45deg,transparent calc(50% - 1px),#1A3A4A calc(50% - 1px),#1A3A4A calc(50% + 1px),transparent calc(50% + 1px)) center/22px 22px no-repeat,linear-gradient(-45deg,transparent calc(50% - 1px),#1A3A4A calc(50% - 1px),#1A3A4A calc(50% + 1px),transparent calc(50% + 1px)) center/22px 22px no-repeat}
body #site-navigation.toggled>div{padding-top:4px}
}
@media (max-width:420px){body #masthead .custom-logo{height:32px}body #masthead .site-title{font-size:10.5px;padding-left:9px;letter-spacing:.12em}body #masthead .site-branding{gap:9px}body #site-navigation .menu-toggle{top:10px}}
body.custom-background,body{background:#fff !important}
/* verkkovalmennukset-sivu */
.ur .vv-sec{padding-top:56px}.ur .vv-sec+.vv-sec{padding-top:24px}.ur .vv-feat{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.ur .vv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.ur .vv{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.ur .vv:hover{transform:translateY(-3px);box-shadow:0 18px 36px -22px rgba(26,58,74,.4)}.ur .vv .img{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--ice)}.ur .vv .img img{width:100%;height:100%;object-fit:cover}.ur .vv .t{padding:24px 26px 28px;display:flex;flex-direction:column;gap:10px;flex:1;min-width:0}.ur .vv h3{font-family:"Playfair Display",Georgia,serif;font-weight:600;font-size:23px;line-height:1.25;color:var(--head)}.ur .vv-feat .vv h3{font-size:28px}.ur .vv-feat .vv{border-color:var(--teal);box-shadow:0 0 0 1px var(--teal)}.ur .vv p{color:var(--soft);font-size:15.5px;line-height:1.6}.ur .vv .when{margin-top:auto;padding-top:6px;font-size:14px;font-weight:500;color:var(--teal-d)}.ur .vv .btn{align-self:flex-start}.ur .vv-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 32px;padding:40px 0 64px;color:var(--soft);font-size:15px}.ur .vv-trust span::before{content:"\2713";color:var(--teal);font-weight:600;margin-right:8px}@media (max-width:980px){.ur .vv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.ur .vv-feat,.ur .vv-grid{grid-template-columns:1fr}.ur .vv-feat .vv h3{font-size:24px}}
/* kiitossivu */
.ur .ur-thanks{background:linear-gradient(180deg,var(--ice) 0%,#fff 75%)}
.ur .ur-thanks .wrap{padding-top:72px;padding-bottom:96px}
.ur .ur-thanks .box{max-width:700px;margin:0 auto;text-align:center}
.ur .ur-thanks svg{display:block;width:220px;max-width:70%;height:auto;margin:0 auto 26px}
.ur .ur-thanks .lead{margin:18px auto 0}
.ur .ur-thanks .fine{margin-top:14px}
.ur .ur-thanks .hero-btns{justify-content:center;margin-top:32px}
.ur .ur-thanks .ck{stroke-dasharray:40;stroke-dashoffset:40;animation:urck .6s .5s ease-out forwards}
.ur .ur-thanks .badge{transform-origin:150px 58px;transform:scale(0);animation:urpop .45s .2s cubic-bezier(.3,1.6,.5,1) forwards}
.ur .ur-thanks .trail{stroke-dasharray:3 7;animation:urtrail 6s linear infinite}
@keyframes urck{to{stroke-dashoffset:0}}@keyframes urpop{to{transform:scale(1)}}@keyframes urtrail{to{stroke-dashoffset:-100}}
@media (prefers-reduced-motion:reduce){.ur .ur-thanks .ck{stroke-dashoffset:0;animation:none}.ur .ur-thanks .badge{transform:none;animation:none}.ur .ur-thanks .trail{animation:none}}