.user-profile{max-width:53rem}.user-profile .kurssit-section{margin-bottom:var(--spacing-xxl)}.user-profile .kurssit-section h2{margin-bottom:var(--spacing-xl)}.user-profile .kurssit-section .course-list{display:flex;flex-direction:column;gap:var(--spacing-m)}.user-profile .tiedot-section{margin:var(--spacing-xxl) 0}.user-profile .tiedot-section h2{margin-bottom:var(--spacing-xl)}.user-profile .status-icon{max-height:1.5rem}.user-profile .status-badge{background-color:var(--color--brand-secondary);border-radius:var(--spacing-xl);color:var(--color--white);font-size:.8rem;font-weight:700;padding:.62rem var(--spacing-s);white-space:nowrap}@media (min-width:768px){.user-profile .status-badge{padding:.64rem var(--spacing-l)}}.user-profile .course-row{align-items:center;background-color:var(--color--brand-primary-10);border-radius:var(--spacing-xs);display:flex;flex-flow:row wrap;gap:var(--spacing-xs);padding:var(--spacing-m) var(--spacing-m) var(--spacing-m) var(--spacing-s);position:relative}@media (min-width:768px){.user-profile .course-row{flex-wrap:nowrap;gap:var(--spacing-s);justify-content:space-between;padding:var(--spacing-m) var(--spacing-l)}}.user-profile .course-row .row-separator-top{align-items:center;display:flex;gap:var(--spacing-s);width:100%}@media (min-width:768px){.user-profile .course-row .row-separator-top{width:fit-content}}.user-profile .course-row .row-separator-bottom{align-items:center;display:flex;flex-direction:row-reverse;gap:var(--spacing-s);justify-content:flex-end;padding-left:calc(1.5rem + var(--spacing-s));width:100%}@media (min-width:768px){.user-profile .course-row .row-separator-bottom{flex-direction:row;padding-left:0;width:fit-content}}.user-profile .course-row .course-title{color:var(--rnb--color--text);color:var(--color--black);font-family:var(--rnb--font-family--heading);font-size:var(--rnb--font-size--h5--clamp);font-weight:var(--rnb--font-weight--semibold);line-height:var(--rnb--line-height--h5--clamp)}.user-profile .course-row .course-title a{color:var(--color--black,#000);hyphens:auto;outline:none;text-decoration:none;transition:var(--rnb--transition-duration) var(--rnb--transition-easing)}.user-profile .course-row .course-title a:after{content:"";inset:0;position:absolute;z-index:1}.user-profile .course-row:focus-within{border-radius:var(--spacing-xs);opacity:1;outline:var(--rnb--color--primary) dashed 1px;outline-offset:5px}.user-profile .course-row:hover{background-color:var(--color--brand-primary-25)}.user-profile .course-row.not-completed .circle-icon svg{stroke:var(--color--brand-primary)}.user-profile .course-row.not-completed .status-badge{background-color:var(--color--brand-primary)}.user-profile .course-row.completed .check-icon svg{color:var(--color--brand-secondary)}.user-profile .course-row.completed .cert svg{stroke:var(--color--brand-primary);stroke-width:2.667px}.user-profile .form-grid{display:grid;gap:var(--spacing-l);grid-template-columns:1fr;margin-bottom:1.5rem}@media (min-width:768px){.user-profile .form-grid{grid-template-columns:1fr 1fr}}.user-profile .full-width{grid-column:1/-1}.user-profile fieldset.field{border:none;margin:0;padding:0}.user-profile fieldset.field legend{display:block;font-weight:600;margin-bottom:var(--spacing-xs);width:100%}.user-profile .readonly-field{background:var(--color--grey-1);border-color:var(--color--text-placeholder);color:var(--color-bypostauthor);cursor:not-allowed}.user-profile .custom-multiselect{position:relative;width:100%}.user-profile .custom-multiselect .select-box-button{align-items:center;appearance:none;background-color:var(--color--white);border:1px solid var(--color--black);border-radius:var(--spacing-s);color:inherit;cursor:pointer;display:flex;font-family:inherit;font-size:inherit;justify-content:space-between;padding:var(--spacing-m) var(--spacing-l);text-align:left;width:100%}.user-profile .custom-multiselect .select-box-button .select-box-placeholder,.user-profile .custom-multiselect .select-box-button i,.user-profile .custom-multiselect .select-box-button svg{pointer-events:none}.user-profile .custom-multiselect .select-box-button[aria-expanded=true] svg{transform:rotate(-90deg);transition:transform .2s ease-in-out}.user-profile .custom-multiselect .select-box-button[aria-expanded=false] svg{transition:transform .2s ease-in-out}.user-profile .checkbox-options{background:var(--color--white);border:1px solid var(--color--brand-primary);border-radius:var(--spacing-s);box-shadow:0 4px 6px #0000001a;display:block;left:0;max-height:250px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:2}.user-profile .checkbox-options[hidden]{display:none!important}.user-profile .checkbox-options label{align-items:center;border-bottom:1px solid var(--color--brand-primary);cursor:pointer;display:flex;font-weight:400;margin:0;padding:var(--spacing-m) var(--spacing-l)}.user-profile .checkbox-options label:last-child{border-bottom:none}.user-profile .checkbox-options label:hover{background-color:var(--color--brand-primary-10)}.user-profile .checkbox-options input[type=checkbox]{margin-right:var(--spacing-m)}.user-profile .hidden-field{display:none}.user-profile .not-logged-in-message{align-items:center;background-color:var(--color--brand-primary-10);border-radius:var(--spacing-s);display:flex;flex-direction:row;gap:var(--spacing-xs);margin-bottom:var(--spacing-xl);padding:var(--spacing-s)}@media (min-width:768px){.user-profile .not-logged-in-message{gap:var(--spacing-m);margin-bottom:var(--spacing-xxxl);padding:var(--spacing-l)}}.user-profile .not-logged-in-message .caution-icon{height:2rem;width:2rem}.user-profile .not-logged-in-message .caution-icon svg{stroke:var(--color--error);height:100%;width:100%}.user-profile .not-logged-in-message p{color:var(--rnb--color--text);font-family:var(--rnb--font-family--heading);font-size:var(--rnb--font-size--h5--clamp);font-weight:var(--rnb--font-weight--semibold);line-height:var(--rnb--line-height--h5--clamp);margin-bottom:0}