@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap");
/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
:root{--jotpa-blue:#2374c3;--jotpa-blue-dark:#1b4e8e;--jotpa-darkblue:#1b4e8e;--jotpa-darker-blue:#20223d;--jotpa-teal:#00a4c1;--jotpa-turquoise:#00a4c1;--jotpa-yellow:#fcd669;--jotpa-orange:#ff6000;--jotpa-ink:#33373a;--jotpa-muted:#677969;--jotpa-border:#d9d9d9;--jotpa-lightgrey:#d9d9d9;--jotpa-background:#f5f5f5;--jotpa-white:#fff;--container-width:84rem;--focus-ring:0 0 0 3px var(--jotpa-yellow);}*,*::before,*::after{box-sizing:border-box;}html{font-size:100%;scroll-behavior:smooth;}body{margin:0;color:var(--jotpa-ink);background:var(--jotpa-white);font-family:"Montserrat",Arial,sans-serif;line-height:1.6;}a{color:var(--jotpa-teal);}a:hover{color:var(--jotpa-blue-dark);}:focus-visible{outline:0;box-shadow:var(--focus-ring);}.container{width:min(100% - 2rem,var(--container-width));margin-inline:auto;}.site-shell{min-height:100vh;display:flex;flex-direction:column;}.site-main{flex:1;padding-block:0 5rem;}.layout-container{display:block;}.layout-content{min-width:0;}.visually-hidden{position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}.visually-hidden.focusable:active,.visually-hidden.focusable:focus{position:fixed !important;z-index:1000;top:1rem;left:1rem;width:auto;height:auto;padding:.75rem 1rem;margin:0;overflow:visible;clip:auto;color:var(--jotpa-blue-dark);background:var(--jotpa-yellow);white-space:normal;}
.site-header{color:var(--jotpa-darker-blue);background:var(--jotpa-white);border-bottom:1px solid var(--jotpa-lightgrey);}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:6.5rem;}.site-brand{display:inline-flex;align-items:center;gap:.75rem;color:var(--jotpa-darker-blue);font-size:1.05rem;font-weight:600;letter-spacing:.01em;text-decoration:none;}.site-brand:hover{color:var(--jotpa-blue);}.site-brand__wordmark{color:var(--jotpa-blue);font-size:2.15rem;font-weight:700;letter-spacing:-.08em;}.site-brand__logo{width:auto;height:3.5rem;object-fit:contain;}.site-brand__name{padding-left:.8rem;border-left:1px solid var(--jotpa-lightgrey);}.site-header__tools{margin-left:auto;}.language-links{display:flex;gap:.75rem;margin:0;padding:0;list-style:none;}.language-links a{color:var(--jotpa-darker-blue);font-size:.9rem;text-decoration:none;}.language-links a:hover{color:var(--jotpa-blue);text-decoration:underline;}.site-nav ul{display:flex;flex-wrap:wrap;gap:.25rem .75rem;margin:0;padding:0;list-style:none;}.site-nav a{display:block;padding:.65rem .75rem;color:var(--jotpa-darker-blue);border-bottom:3px solid transparent;text-decoration:none;}.site-nav a:hover,.site-nav a.is-active{color:var(--jotpa-blue);border-bottom-color:var(--jotpa-orange);}.menu-toggle{display:none;padding:.65rem .8rem;color:var(--jotpa-darker-blue);background:transparent;border:1px solid var(--jotpa-darker-blue);border-radius:.25rem;font:inherit;}.region-highlighted{padding-top:2rem;}.site-main h1,.site-main h2,.site-main h3{color:var(--jotpa-darker-blue);line-height:1.2;}.site-main h1{margin:0 0 1.25rem;font-size:clamp(2.2rem,5vw,4rem);letter-spacing:-.04em;}.site-main h2{margin-top:2rem;font-size:clamp(1.45rem,2vw,2rem);}.site-main h3{font-size:1.25rem;}.site-main img{max-width:100%;height:auto;}.asiointi-dashboard{position:relative;margin:0 calc(50% - 50vw);padding:clamp(3rem,8vw,7rem) max(1rem,calc(50vw - 42rem));background:var(--jotpa-darkblue);color:var(--jotpa-white);}.asiointi-hero{position:relative;min-height:34rem;display:grid;align-items:end;margin:0 calc(50% - 50vw);overflow:hidden;background:var(--jotpa-darker-blue);}.asiointi-hero__image{position:absolute;inset:0;background:linear-gradient(90deg,rgb(32 34 61 / 85%),rgb(32 34 61 / 15%)),url(/themes/custom/jotpa_asiointi/images/jotpa-hero.jpg) center / cover;}.asiointi-hero__content{position:relative;z-index:1;width:min(100% - 2rem,var(--container-width));margin-inline:auto;padding-block:4rem;color:var(--jotpa-white);}.asiointi-hero h1{max-width:46rem;color:var(--jotpa-white);font-size:clamp(2.2rem,5vw,4.5rem);}.asiointi-hero .lead{max-width:38rem;font-size:1.15rem;}.eyebrow{color:var(--jotpa-orange);font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;}.asiointi-intro,.asiointi-notices{max-width:70rem;margin:0 auto;padding-block:4rem;}.frontpage-services{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1rem;margin-top:2rem;}.frontpage-service{min-height:9rem;display:flex;align-items:end;padding:1.25rem;color:var(--jotpa-darker-blue);background:var(--jotpa-white);border-top:.5rem solid var(--jotpa-blue);box-shadow:0 .4rem 1.5rem rgb(32 34 61 / 12%);font-size:1.1rem;font-weight:700;text-decoration:none;}.frontpage-service--orange{border-top-color:var(--jotpa-orange);}.frontpage-service--turquoise{border-top-color:var(--jotpa-turquoise);}.frontpage-service--yellow{border-top-color:var(--jotpa-yellow);}.frontpage-service:hover{color:var(--jotpa-white);background:var(--jotpa-blue);}.asiointi-notices{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem;border-top:1px solid var(--jotpa-border);}.asiointi-notices h2{grid-column:1 / -1;}.asiointi-notices article{padding:1.25rem;background:var(--jotpa-background);border-left:.4rem solid var(--jotpa-turquoise);}.datadistributor-copy{max-width:52rem;margin-block:2rem 3rem;padding:1.5rem;background:var(--jotpa-background);border-left:.4rem solid var(--jotpa-yellow);}.service-landing__intro{max-width:52rem;font-size:1.15rem;}.service-landing__registry,.service-landing__fundings,.registry-form{margin-top:2.5rem;}.education-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:1rem;}.education-card{padding:1.25rem;background:var(--jotpa-background);border-left:.4rem solid var(--jotpa-turquoise);}.education-card h3{margin-block:.35rem 1rem;font-size:1.2rem;}.education-card__provider{margin:0;color:var(--jotpa-muted);font-size:.9rem;font-weight:700;}.tag{display:inline-block;padding:.2rem .5rem;color:var(--jotpa-darker-blue);background:var(--jotpa-yellow);font-size:.75rem;font-weight:700;}.funding-list{max-width:52rem;padding:0;list-style:none;}.funding-list li{padding:.85rem 1rem;border-bottom:1px solid var(--jotpa-border);}.registry-form{max-width:52rem;padding:1.5rem;background:var(--jotpa-background);border-top:.5rem solid var(--jotpa-orange);}.asiointi-dashboard::before{position:absolute;inset:0 0 auto;height:.6rem;background:var(--jotpa-yellow);content:"";}.asiointi-dashboard h1{max-width:48rem;color:var(--jotpa-white);}.asiointi-dashboard > .item-list__title{max-width:48rem;margin-bottom:1.5rem;}.asiointi-dashboard > .item-list__title + ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:1rem;max-width:70rem;padding:0;list-style:none;}.asiointi-dashboard > .item-list__title + ul li{display:flex;}.asiointi-dashboard > .item-list__title + ul .button{width:100%;min-height:8rem;display:flex;align-items:flex-end;color:var(--jotpa-darker-blue);background:var(--jotpa-white);border:0;border-top:.5rem solid var(--jotpa-turquoise);font-size:1.05rem;text-align:left;}.asiointi-dashboard > .item-list__title + ul li:nth-child(3n + 2) .button{border-top-color:var(--jotpa-orange);}.asiointi-dashboard > .item-list__title + ul li:nth-child(3n + 3) .button{border-top-color:var(--jotpa-yellow);}.asiointi-dashboard > .item-list__title + ul .button:hover{color:var(--jotpa-white);background:var(--jotpa-blue);}.asiointi-module-page{padding:clamp(1.5rem,4vw,3rem);background:var(--jotpa-white);border-top:.4rem solid var(--jotpa-teal);}.asiointi-module-page .button{margin-top:1rem;}.dataset-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1.25rem;margin-block:2rem 3rem;}.dataset-card{padding:1.5rem;background:var(--jotpa-white);border-top:.5rem solid var(--jotpa-turquoise);box-shadow:0 0.3rem 1.25rem rgb(32 34 61 / 10%);}.dataset-card:nth-child(2){border-top-color:var(--jotpa-orange);}.dataset-card h2{margin-top:0;font-size:1.35rem;}.dataset-card__status{color:var(--jotpa-muted);font-size:.9rem;font-weight:600;}.dataset-request{max-width:48rem;padding:clamp(1.5rem,4vw,3rem);background:var(--jotpa-background);border-top:.5rem solid var(--jotpa-yellow);}.dataset-request .form-item{margin-block:1rem;}.dataset-request label{display:block;margin-bottom:.35rem;font-weight:600;}.dataset-request input:not([type="checkbox"]),.dataset-request select,.dataset-request textarea{width:100%;padding:.7rem;border:1px solid var(--jotpa-border);font:inherit;}.dataset-request input[type="checkbox"]{margin-right:.5rem;}.site-main table{width:100%;margin-block:1.5rem;background:var(--jotpa-white);border:1px solid var(--jotpa-border);border-collapse:collapse;}.site-main th,.site-main td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--jotpa-border);}.site-main th{color:var(--jotpa-darker-blue);background:#d9eef2;}.site-main .button,.site-main input[type="submit"],.site-main button:not(.menu-toggle),.site-main a.button{display:inline-block;padding:.7rem 1.15rem;color:var(--jotpa-white);background:#000;border:1px solid #000;border-radius:0;font-weight:700;text-decoration:none;cursor:pointer;}.site-main .button:hover,.site-main input[type="submit"]:hover,.site-main button:not(.menu-toggle):hover,.site-main a.button:hover{color:var(--jotpa-orange);background:var(--jotpa-white);border-color:var(--jotpa-orange);}.site-footer{padding-block:2.5rem;color:var(--jotpa-white);background:var(--jotpa-darker-blue);}.site-footer__meta{margin:1.5rem 0 0;color:#d7e4ed;font-size:.9rem;}.messages{padding:1rem 1.25rem;color:var(--jotpa-blue-dark);background:#fff8d8;border-left:.35rem solid var(--jotpa-yellow);}@media (max-width:51.99rem){.menu-toggle{display:block;}.site-nav{display:none;position:absolute;inset:5.85rem 0 auto;z-index:10;padding:.75rem 1rem 1rem;background:var(--jotpa-darker-blue);}.site-nav.is-open{display:block;}.site-nav ul{display:block;width:min(100%,var(--container-width));margin-inline:auto;}}