@charset "UTF-8";.vue--koululehtikone .story-edit{margin-bottom:-5rem}.vue--koululehtikone .story-edit__header{display:grid;gap:2rem;margin-bottom:3.75rem}@media (min-width:768px){.vue--koululehtikone .story-edit__header{gap:.5rem;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.vue--koululehtikone .story-edit__intro{display:flex;flex-direction:column;gap:.5rem}.vue--koululehtikone .story-edit__intro button{background-color:var(--color--beige-2)}.vue--koululehtikone .story-edit__title{margin-bottom:0}.vue--koululehtikone .story-edit__description{margin-bottom:1rem}.vue--koululehtikone .story-edit__code{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem}.vue--koululehtikone .story-edit__code-wrapper{display:flex;flex-direction:column;gap:.5rem;max-width:18.1875rem;position:relative;width:100%}.vue--koululehtikone .story-edit__code-label{color:var(--color--blue)}.vue--koululehtikone .story-edit__code-box{align-items:center;background-color:var(--color--beige-2);border:none;border-radius:.5rem;display:flex;gap:1rem;justify-content:space-between;padding:1.88rem 1.88rem 2.25rem;width:100%}.vue--koululehtikone .story-edit__code-box i{align-items:center;display:inline-flex;height:1.5rem;justify-content:center;width:1.5rem}.vue--koululehtikone .story-edit__code-box:hover{background-color:var(--color--yellow-20)}.vue--koululehtikone .story-edit__code-value{color:var(--color--blue);font-size:1.5rem;letter-spacing:10%;line-height:1}.vue--koululehtikone .story-edit__saved{color:var(--color--grey-3);font-size:.75rem}.vue--koululehtikone .story-edit__editor{background-color:#001f09;background-image:linear-gradient(#074126 2px,#0000 0),linear-gradient(90deg,#074126 2px,#0000 0);background-position-x:-2px;background-size:4rem 4rem;display:grid;grid-template-columns:var(--layout-grid-structure);margin-inline:calc(50% - 50vw);padding:2.5rem 0}.vue--koululehtikone .story-edit__editor>div{grid-column:wide}.vue--koululehtikone .story-edit__editor--measuring{left:-200vw;margin-inline:0;pointer-events:none;position:fixed;top:0;width:100vw}.vue--koululehtikone .story-edit__editor--measuring .story-canvas__text-content.is-overflowing{border:0;padding:0}.vue--koululehtikone .story-edit__toolbar{align-items:center;justify-content:space-between;margin-bottom:1.5rem}.vue--koululehtikone .story-edit__format,.vue--koululehtikone .story-edit__toolbar{display:flex;flex-wrap:wrap;gap:1rem}.vue--koululehtikone .story-edit__format-control{align-items:center;display:flex;gap:.62rem;white-space:nowrap}.vue--koululehtikone .story-edit__format-label{color:var(--color--white);font-weight:500}.vue--koululehtikone .story-edit__select{appearance:none;background-color:var(--color--yellow);background-image:url(/wp-content/themes/koululehtikone/build/img/icons/chevron-down-rounded.svg);background-position:right .65rem center;background-repeat:no-repeat;background-size:1rem;border:none;border-radius:.75rem;color:var(--color--black);cursor:pointer;font-size:.75rem;font-weight:500;letter-spacing:8%;padding:.38rem 2rem .38rem .75rem;text-transform:uppercase}.vue--koululehtikone .story-edit__actions{align-items:center;display:flex;flex-wrap:wrap;gap:.62rem}.vue--koululehtikone .story-edit__authors{align-items:center;color:var(--color--white);display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:1.25rem}.vue--koululehtikone .story-edit__authors-empty{font-size:.875rem;font-weight:500;letter-spacing:8%}.vue--koululehtikone .story-canvas{aspect-ratio:420/297;overflow:hidden;position:relative}.vue--koululehtikone .story-canvas__spread{display:grid;gap:.13rem;grid-template-columns:1fr 1fr;transform:scale(var(--canvas-scale,1));transform-origin:top left;width:1280px}.vue--koululehtikone .story-canvas__left,.vue--koululehtikone .story-canvas__right{aspect-ratio:210/297;background-color:var(--color--white);display:flex;flex-direction:column;gap:calc(1rem*var(--content-scale, 1));padding:calc(.5rem*var(--content-scale, 1))}.vue--koululehtikone .story-canvas__add.chip{column-gap:calc(.25rem*var(--content-scale, 1));flex-shrink:0;font-size:calc(.75rem*var(--content-scale, 1));height:calc(1.625rem*var(--content-scale, 1));padding:calc(.38rem*var(--content-scale, 1)) calc(.75rem*var(--content-scale, 1))}.vue--koululehtikone .story-canvas__add.chip.icon-left{padding-left:calc(.62rem*var(--content-scale, 1))}.vue--koululehtikone .story-canvas__add.chip i,.vue--koululehtikone .story-canvas__add.chip svg{height:calc(.875rem*var(--content-scale, 1));width:calc(.875rem*var(--content-scale, 1))}.vue--koululehtikone .story-canvas__image{background-color:var(--color--cyan-20);border:calc(.2rem*var(--content-scale, 1)) dashed var(--color--blue-20);border-radius:calc(.5rem*var(--content-scale, 1));height:38%;padding:calc(.75rem*var(--content-scale, 1));position:relative}.vue--koululehtikone .story-canvas__image.has-image{border:0 solid #0000;border-radius:0;overflow:hidden}.vue--koululehtikone .story-canvas__image-img{height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.vue--koululehtikone .story-canvas__image-caption{color:var(--color--black);font-family:var(--theme-font-body);font-size:calc(.7rem*var(--content-scale, 1))}.vue--koululehtikone .story-canvas__image-caption-text,.vue--koululehtikone .story-canvas__image-credit{display:block;width:fit-content}.vue--koululehtikone .story-canvas__heading{display:flex;flex-direction:column;gap:calc(.75rem*var(--content-scale, 1));padding:calc(.75rem*var(--content-scale, 1))}.vue--koululehtikone .story-canvas__heading-content{display:flex;flex-direction:column;gap:calc(.62rem*var(--content-scale, 1))}.vue--koululehtikone .story-canvas__heading-ingress,.vue--koululehtikone .story-canvas__heading-title{margin:0}.vue--koululehtikone .story-canvas__heading-placeholders{display:flex;flex-direction:column;gap:.25rem}.vue--koululehtikone .story-canvas__heading-placeholder{background-color:var(--color--grey-5);border:.2rem dashed var(--color--blue-20);border-radius:.5rem;height:3.5625rem;max-width:95%}.vue--koululehtikone .story-canvas__text{display:flex;flex:1;flex-direction:column;gap:calc(.75rem*var(--content-scale, 1));padding:calc(.75rem*var(--content-scale, 1))}.vue--koululehtikone .story-canvas__text-placeholders{display:flex;flex:1;gap:4%}.vue--koululehtikone .story-canvas__text-placeholder{background-color:var(--color--grey-5);border:.2rem dashed var(--color--blue-20);border-radius:.5rem;flex:1}.vue--koululehtikone .story-canvas__text-content{column-fill:auto;column-gap:4%;font-size:calc(.563rem*var(--content-scale, 1));line-height:1.35;min-height:0;overflow:hidden}.vue--koululehtikone .story-canvas__text-content--cols-1{column-count:1}.vue--koululehtikone .story-canvas__text-content--cols-2{column-count:2}.vue--koululehtikone .story-canvas__text-content>:first-child{margin-top:0}.vue--koululehtikone .story-canvas__text-content h2{margin:calc(1rem*var(--content-scale, 1)) 0 calc(.25rem*var(--content-scale, 1))}.vue--koululehtikone .story-canvas__text-content p{margin:0 0 .5em}.vue--koululehtikone .story-canvas__text-content blockquote{margin:calc(.88rem*var(--content-scale, 1)) 0;padding-top:calc(1rem*var(--content-scale, 1));position:relative}.vue--koululehtikone .story-canvas__text-content blockquote:before{content:"“";font-size:calc(2rem*var(--content-scale, 1));font-weight:var(--rnb--font-weight--bold);line-height:.8;position:absolute;top:0;vertical-align:top}.vue--koululehtikone .story-canvas__text-content ol,.vue--koululehtikone .story-canvas__text-content ul{list-style-position:inside;margin:0 0 .5em;padding-left:0}.vue--koululehtikone .story-canvas__text-content li[data-list=bullet]{list-style-type:disc}.vue--koululehtikone .story-canvas__text-content.is-overflowing{border:2px solid var(--color--error-red);border-radius:.5rem;padding:.3rem;position:relative}.vue--koululehtikone .story-canvas__text-warning{align-items:center;color:var(--color--error-red);display:flex;font-size:.7rem;gap:.35rem;line-height:1.3;margin:.4rem 0 0}.vue--koululehtikone .story-canvas__text-warning i{flex-shrink:0;height:.85rem;width:.85rem}.vue--koululehtikone .story-canvas__text-warning.is-overflowing{bottom:8rem;display:flex;left:50%;margin:1.5rem auto auto;position:absolute;transform:translate(-50%)}.vue--koululehtikone .story-canvas__text-warning.is-overflowing--top{bottom:unset;left:unset;top:-2rem;transform:unset}.vue--koululehtikone .story-canvas__text.is-overflowing--parent{position:relative}.vue--koululehtikone .story-canvas__text.is-overflowing--parent:after,.vue--koululehtikone .story-canvas__text.is-overflowing--parent:before{bottom:0;content:"";display:block;height:1.75rem;position:absolute;right:0;width:1.75rem}.vue--koululehtikone .story-canvas__text.is-overflowing--parent:before{background-color:var(--color--error-red);border-radius:.25rem}.vue--koululehtikone .story-canvas__text.is-overflowing--parent:after{background-color:var(--color--black);mask-image:url(../../../img/icons/error.svg);mask-position:center;mask-repeat:no-repeat;mask-size:70%}.vue--koululehtikone .story-canvas--layout_hero_left .story-canvas__left{position:relative}.vue--koululehtikone .story-canvas--layout_hero_left .story-canvas__left .story-canvas__image{height:100%}.vue--koululehtikone .story-canvas--layout_hero_left .story-canvas__left .story-canvas__image-caption{bottom:calc(1rem*var(--content-scale, 1));color:var(--color--white);left:calc(1rem*var(--content-scale, 1));margin:0;position:absolute;right:calc(1rem*var(--content-scale, 1))}.vue--koululehtikone .story-canvas--layout_hero_left .story-canvas__left .story-canvas__image-caption .story-canvas__image-caption-text,.vue--koululehtikone .story-canvas--layout_hero_left .story-canvas__left .story-canvas__image-caption .story-canvas__image-credit{background-color:var(--color--grey-2);padding:0 .2rem;print-color-adjust:exact}.vue--koululehtikone .story-canvas--layout_hero_left .story-canvas__right .story-canvas__text{align-self:end;margin-top:auto;max-height:58%;width:70%}.vue--koululehtikone .story-canvas--layout_split_top .story-canvas__left .story-canvas__image-caption{margin-bottom:0;margin-top:calc(-.75rem*var(--content-scale, 1))}.vue--koululehtikone .story-canvas--layout_split_top .story-canvas__right .story-canvas__image{align-self:end;height:30%;width:70%}.vue--koululehtikone .story-canvas--layout_split_top .story-canvas__right .story-canvas__image-caption{align-self:end;margin-bottom:0;margin-top:calc(-.75rem*var(--content-scale, 1));width:70%}.vue--koululehtikone .story-canvas--layout_split_top .story-canvas__right .story-canvas__text{align-self:end;margin-top:auto;max-height:60%;width:70%}.vue--koululehtikone .story-canvas--layout_asymmetric .story-canvas__left{position:relative}.vue--koululehtikone .story-canvas--layout_asymmetric .story-canvas__left .story-canvas__image{margin-top:auto}.vue--koululehtikone .story-canvas--layout_asymmetric .story-canvas__left .story-canvas__image-caption{bottom:calc(1rem*var(--content-scale, 1));color:var(--color--white);left:calc(1rem*var(--content-scale, 1));margin:0;position:absolute;right:calc(1rem*var(--content-scale, 1))}.vue--koululehtikone .story-canvas--layout_asymmetric .story-canvas__left .story-canvas__image-caption .story-canvas__image-caption-text,.vue--koululehtikone .story-canvas--layout_asymmetric .story-canvas__left .story-canvas__image-caption .story-canvas__image-credit{background-color:var(--color--grey-2);padding:0 .2rem;print-color-adjust:exact}.vue--koululehtikone .story-canvas--layout_asymmetric .story-canvas__left .story-canvas__image-credit{color:var(--color--white)}.vue--koululehtikone .story-canvas--layout_asymmetric .story-canvas__right{flex-direction:row;gap:calc(1.5rem*var(--content-scale, 1))}.vue--koululehtikone .story-canvas--layout_asymmetric .story-canvas__right .story-canvas__text{flex:none;height:100%;width:45%}.vue--koululehtikone .story-canvas--layout_asymmetric .story-canvas__right .story-canvas__image-wrapper{display:flex;flex-direction:column;gap:calc(.5rem*var(--content-scale, 1));width:55%}.vue--koululehtikone .story-canvas--layout_asymmetric .story-canvas__right .story-canvas__image{width:100%}.vue--koululehtikone .story-canvas--layout_asymmetric .story-canvas__right .story-canvas__image:first-of-type{height:25%}.vue--koululehtikone .story-canvas--layout_asymmetric .story-canvas__right .story-canvas__image:nth-of-type(2){height:45%}.vue--koululehtikone .story-canvas--layout_asymmetric .story-canvas__right .story-canvas__image-caption{margin-bottom:calc(1rem*var(--content-scale, 1));margin-top:calc(-.25rem*var(--content-scale, 1))}.vue--koululehtikone .story-canvas--layout_text_focused .story-canvas__left{justify-content:center}.vue--koululehtikone .story-canvas--layout_text_focused .story-canvas__right .story-canvas__text{height:100%}html:has(.klk-modal-overlay){overflow:hidden;scrollbar-gutter:stable}.klk-modal-overlay{background:#00000080;display:flex;inset:0;overflow-y:auto;padding:2rem 1rem;position:fixed;z-index:21}@media (min-width:768px){.klk-modal-overlay{padding:4rem 1rem}}.klk-modal-overlay .klk-modal{background:var(--color--white);border-radius:.5rem;box-shadow:0 10px 40px #00000026;display:flex;flex-direction:column;gap:.62rem;margin:auto;padding:1.25rem 2.5rem 3.75rem;position:relative;width:42.5rem}.klk-modal-overlay .klk-modal:focus{outline:none}.klk-modal-overlay .klk-modal__close{align-self:flex-end;column-gap:.38rem;margin-bottom:1rem}.klk-modal-overlay .klk-modal__close>span{display:flex}.klk-modal-overlay .klk-modal__close-icon{height:1.125rem;width:1.125rem}.klk-modal-overlay .klk-modal__close-icon svg{height:100%;width:100%}.klk-modal-overlay .klk-modal__actions{align-items:center;display:flex;gap:1.5rem;justify-content:end;margin-top:1.75rem}.klk-modal-overlay .klk-modal__content p{margin-bottom:1rem}.klk-modal-overlay .klk-modal__content img{border-radius:.5rem;margin:2rem 0;width:100%}.klk-modal-overlay .klk-modal__form{display:flex;flex-direction:column;gap:1.5rem}.klk-modal-overlay .klk-modal__field{align-items:flex-start;display:flex;flex-direction:column;gap:.25rem}.klk-modal-overlay .klk-modal__field-help{color:var(--color--grey-3);display:block;font-size:.875rem}.klk-modal-overlay .klk-modal input[type=text],.klk-modal-overlay .klk-modal textarea{background-color:var(--color--beige-2)}.klk-modal-overlay .klk-modal__cover-row{display:flex;flex-direction:row;gap:1.5rem;width:100%}.klk-modal-overlay .klk-modal__label{display:block;text-align:left}.klk-modal-overlay .klk-modal__cover-fields{display:flex;flex:1;flex-direction:column;gap:1.5rem}.klk-modal-overlay .klk-modal .button--gray{background-color:var(--color--beige-2)}.klk-modal-overlay.editCover .klk-modal__actions,.klk-modal-overlay.editStoryImage .klk-modal__actions{gap:.5rem}.klk-modal-overlay.editCover .klk-modal__actions .text-button,.klk-modal-overlay.editStoryImage .klk-modal__actions .text-button{margin-right:1.5rem}.klk-modal-overlay.confirmStoryStatus .klk-modal,.klk-modal-overlay.deleteMagazine .klk-modal,.klk-modal-overlay.getNewCode .klk-modal{text-align:center}.klk-modal-overlay.confirmStoryStatus .klk-modal__title,.klk-modal-overlay.deleteMagazine .klk-modal__title,.klk-modal-overlay.getNewCode .klk-modal__title{font-family:NeueHaasUnicaW1G,sans-serif;font-size:1.5rem;margin-bottom:0}.klk-modal-overlay.confirmStoryStatus .klk-modal__actions,.klk-modal-overlay.deleteMagazine .klk-modal__actions,.klk-modal-overlay.getNewCode .klk-modal__actions{justify-content:center}.klk-modal-overlay.help .klk-modal,.klk-modal-overlay.tutorial .klk-modal{gap:.62rem;max-width:50rem;text-align:left}.klk-modal-overlay.help .klk-modal__title,.klk-modal-overlay.tutorial .klk-modal__title{margin-bottom:0}.klk-modal-overlay.layoutPicker .klk-modal{gap:0;max-width:63rem;padding:1.25rem}.klk-modal-overlay.layoutPicker .klk-modal__title{margin-bottom:0}.klk-modal-overlay.storyThemePicker .klk-modal,.klk-modal-overlay.themePicker .klk-modal{gap:0;max-width:80rem;padding:1.25rem}.klk-modal-overlay.storyThemePicker .klk-modal__title,.klk-modal-overlay.themePicker .klk-modal__title{margin-bottom:0}.klk-modal-overlay.uploadCover .klk-modal,.klk-modal-overlay.uploadStoryImage .klk-modal{max-width:50rem}.klk-modal-overlay.uploadCover .klk-modal__error,.klk-modal-overlay.uploadStoryImage .klk-modal__error{color:var(--color--error-red);font-size:.875rem;margin-top:1rem}.klk-modal-overlay.uploadCover .klk-dropzone,.klk-modal-overlay.uploadStoryImage .klk-dropzone{align-items:center;background-color:var(--color--cyan-20);border:2px dashed var(--color--blue-20);border-radius:.5rem;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;padding:4.38rem 5rem}.klk-modal-overlay.uploadCover .klk-dropzone p,.klk-modal-overlay.uploadStoryImage .klk-dropzone p{font-size:1.25rem;font-weight:500;line-height:1.5rem;margin:0;text-align:center}.klk-modal-overlay.uploadCover .klk-modal__actions,.klk-modal-overlay.uploadStoryImage .klk-modal__actions{display:none}.klk-modal-overlay.confirmLeave .klk-modal{max-width:50rem}.klk-modal-overlay .klk-modal__cover-edit{display:flex}.klk-modal-overlay .klk-modal__cover-edit img{max-height:13.5rem;max-width:15rem}.klk-modal-overlay .klk-modal__uploader.is-loading .klk-dropzone{opacity:.5;pointer-events:none}.klk-modal-overlay .klk-modal__uploading{align-items:flex-start;color:var(--color--blue);display:flex;font-weight:500;gap:2.75rem;justify-content:flex-start;margin-left:2rem;margin-top:2rem}.klk-modal-overlay .klk-modal__uploading .lds-spinner{flex-shrink:0;margin:0}.magazine-single__header{display:flex;flex-direction:column;gap:3rem;margin-bottom:2rem}@media (min-width:768px){.magazine-single__header{align-items:flex-start;flex-direction:row;justify-content:space-between}}.magazine-single__intro{flex:1}.magazine-single__title{color:var(--color--black)}.magazine-single__description{color:var(--color--grey-3)}.magazine-single__actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.magazine-single__actions .text-button{font-size:.75rem}.magazine-single__code{align-items:flex-start;display:flex;flex-direction:column;position:relative}@media (min-width:768px){.magazine-single__code{align-items:flex-end}}.magazine-single__code-label{color:var(--color--blue);font-size:.875rem;margin-bottom:.5rem;margin-right:auto}.magazine-single .text-button.magazine-single__code-box{align-items:center;background-color:var(--color--beige-2);border-radius:.5rem;display:flex;justify-content:space-between;margin-bottom:.5rem;width:100%}.magazine-single .text-button.magazine-single__code-box.text-button{padding:1.875rem}.magazine-single .text-button.magazine-single__code-box.text-button:hover{background-color:var(--color--yellow-20);text-decoration:none}.magazine-single__code-value{color:var(--color--blue);font-size:1.5rem}.magazine-single__copy{background:#0000;border:none;color:var(--color--blue);cursor:pointer;font-size:1.25rem;transition:transform .2s ease}.magazine-single__copy:hover{transform:scale(1.1)}.magazine-single__copied{background-color:var(--color--black);border-radius:1rem;color:var(--color--white);font-size:.75rem;margin-bottom:.5rem;padding:.5rem .75rem;position:absolute;right:1rem;top:3rem}.magazine-single__copied i{margin-right:.5rem;vertical-align:middle;width:1rem}.magazine-single__copied.toast-enter-active,.magazine-single__copied.toast-leave-active{transition:opacity .3s ease,transform .3s cubic-bezier(.175,.885,.32,1.275)}.magazine-single__copied.toast-enter-from{opacity:0;transform:translateY(1rem) scale(.95)}.magazine-single__copied.toast-leave-to{opacity:0;transform:translateY(-1rem) scale(.95)}.magazine-single .button--link{align-items:center;background:#0000;background-color:var(--color--beige-2);border:none;border-radius:2rem;color:var(--color--blue);cursor:pointer;display:flex;font-size:.75rem;font-weight:700;gap:.5rem;padding:.4rem 1rem}.magazine-single__divider{border:none;border-top:1px solid #0000001a;margin:2rem 0}.magazine-single__toolbar{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}@media (min-width:768px){.magazine-single__toolbar{align-items:center;flex-direction:row;justify-content:space-between}}.magazine-single__style{align-items:center;display:flex;gap:1rem}.magazine-single__style-label{color:var(--color--black);display:flex;font-weight:700;gap:.62rem}.magazine-single__tools{display:flex;gap:1rem}.magazine-single__tools .button--primary{background-color:var(--color--beige-2)}.magazine-single__tools .button--primary.chip{margin:auto}.magazine-single__content{display:grid;gap:2rem;grid-template-columns:1fr}@media (min-width:768px){.magazine-single__content{gap:3rem;grid-template-columns:320px 1fr}}.magazine-single__cover-wrapper{display:flex;flex-direction:column;gap:1.5rem}.magazine-single__cover{align-items:center;aspect-ratio:1/1.414;background-color:var(--color--green);border-radius:.5rem;display:flex;justify-content:center;overflow:hidden;position:relative}.magazine-single__cover:not(.has-image){outline:2px dashed #ffffff4d;outline-offset:-1.5rem}.magazine-single__cover.has-image{padding:1.5rem}.magazine-single__cover-image{border-radius:.25rem;height:100%;object-fit:cover;width:100%}.magazine-single__cover .magazine-single__add-cover{background-color:var(--color--yellow);border:none;border-radius:.5rem;color:var(--color--blue);cursor:pointer;font-weight:700;padding:1rem 1.5rem;text-transform:uppercase}.magazine-single__cover-meta{align-items:flex-start;display:flex;flex-direction:column;gap:1rem}.magazine-single__cover-authors{align-items:center;color:var(--color--black);display:flex;font-size:.875rem;font-weight:700;gap:.75rem;margin:0}.magazine-single__cover-authors .icon-user{align-items:center;display:flex;justify-content:center}.magazine-single__cover-authors i{height:1rem;width:1rem}.magazine-single .button--icon{align-items:center;background-color:var(--color--yellow);border:none;border-radius:2rem;color:var(--color--blue);cursor:pointer;display:flex;font-size:.75rem;font-weight:700;gap:.5rem;padding:.5rem 1rem;text-transform:uppercase}.magazine-single__stories{align-items:center;background-color:#0000;border-radius:.5rem;justify-content:center;min-height:20rem}.magazine-single__stories--no-stories{border:2px dashed var(--color--grey-3);padding:1.5rem}.magazine-single__drag-veil{background:#00000040;inset:0;pointer-events:none;position:fixed;z-index:18}.magazine-single__stories-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));list-style:none;margin:0;padding:0;position:relative}.magazine-single__stories-grid.is-dragging{z-index:19}.magazine-single__stories-grid.is-dragging .story-card{padding:1rem;position:relative}.magazine-single__stories-grid.is-dragging .story-card:after{background:var(--color--cyan);border-radius:.5rem;content:"";inset:0;opacity:.4;pointer-events:none;position:absolute;z-index:1}.magazine-single__stories-grid.is-dragging .story-card[aria-selected=true]{background:var(--color--white);border-radius:.75rem;box-shadow:0 12px 32px #0003}.magazine-single__stories-grid.is-dragging .story-card[aria-selected=true]:after{background:unset;content:"";opacity:unset}.magazine-single__stories-grid .story-card{cursor:pointer;display:flex;flex-direction:column;gap:.5rem}.magazine-single__stories-grid .story-card__topbar{align-items:center;color:var(--color--blue);display:flex;font-size:.7rem;font-weight:700;justify-content:space-between;letter-spacing:.03em;text-transform:uppercase}.magazine-single__stories-grid .story-card__move{align-items:center;cursor:grab;display:inline-flex;gap:.3rem}.magazine-single__stories-grid .story-card__move i{height:.75rem;margin-top:.09rem;width:.75rem}.magazine-single__stories-grid .story-card__code{background:var(--color--beige-2);border-radius:.25rem;font-weight:400;padding:.2rem .5rem}.magazine-single__stories-grid .story-card__code i{height:.75rem;margin-top:.09rem;width:.75rem}.magazine-single__stories-grid .story-card__preview{background:var(--color--green);border-radius:.75rem;overflow:hidden;padding:.85rem;position:relative}.magazine-single__stories-grid .story-card__preview button{visibility:hidden}.magazine-single__stories-grid .story-card__preview .story-card-preview{border-radius:.25rem;pointer-events:none;width:100%}.magazine-single__stories-grid .story-card__pages{background:var(--color--beige-2);border-radius:.25rem;color:var(--color--blue);font-size:.7rem;font-weight:700;left:.5rem;letter-spacing:.03em;padding:.2rem .5rem;position:absolute;top:.5rem;z-index:1}.magazine-single__stories-grid .story-card__type{font-size:.85rem;margin:.5rem 0 0}.magazine-single__stories-grid .story-card__title{font-family:NeueHaasUnicaW1G;font-size:1.125rem;font-weight:500;line-height:1.3;margin:0}.magazine-single__stories-grid .story-card__open{background:none;border:none;color:inherit;cursor:pointer;font:inherit;margin:0;padding:0;text-align:left}.magazine-single__stories-grid .story-card__open:hover{text-decoration:underline}.magazine-single__stories-grid .story-card__open:focus-visible{border-radius:.125rem;outline:2px solid var(--color--blue);outline-offset:2px}.magazine-single__stories-grid .story-card__authors{align-items:center;display:flex;font-size:.8rem;gap:.35rem;margin:0}.magazine-single__stories-grid .story-card__authors i,.magazine-single__stories-grid .story-card__authors svg{height:.8rem;width:.8rem}.magazine-single__stories-grid .story-card__footer{align-items:center;display:flex;justify-content:space-between;margin-top:.5rem}.magazine-single__stories-grid .story-card__footer .text-button{font-size:.75rem}.magazine-single__stories-grid .story-card__footer .text-button i,.magazine-single__stories-grid .story-card__footer .text-button svg{height:.8rem;width:.8rem}.magazine-single__stories-grid .story-card__status{border-radius:.25rem;display:flex;font-size:.75rem;font-weight:500;gap:.4rem;letter-spacing:.03em;padding:.3rem .6rem;text-transform:uppercase}.magazine-single__stories-grid .story-card__status.is-draft,.magazine-single__stories-grid .story-card__status.is-pending{background:var(--color--yellow);color:var(--color--blue)}.magazine-single__stories-grid .story-card__status.is-publish{background:var(--color--cyan);color:var(--color--blue)}.magazine-single__stories-grid .story-card__status--icon{display:flex}.magazine-single__stories-grid .story-card__status i{align-items:center;display:inline-flex;height:.875rem;justify-content:center;margin:auto;width:.875rem}.magazine-single__stories-grid .story-card__reorder{display:flex;gap:.25rem}.magazine-single__stories-grid .story-card__reorder button{background:var(--klk-button-bg,#ece9e4);border:none;border-radius:.25rem;cursor:pointer;height:2rem;width:2rem}.magazine-single__stories-grid .story-card__reorder button:disabled{cursor:not-allowed;opacity:.4}.magazine-single__stories-grid .story-card__reorder button:focus-visible{outline:2px solid var(--klk-focus,#1a1f29);outline-offset:2px}.magazine-single__stories-grid .story-card.selected{outline:2px solid var(--klk-focus,#1a1f29)}.magazine-single__stories-grid .story-card.synth-dragging{border-radius:8px;box-shadow:0 12px 32px #0003;opacity:.6}.magazine-print__back,.magazine-print__impressum,.magazine-print__page,.magazine-print__story .story-canvas__left,.magazine-print__story .story-canvas__right,.magazine-print__toc{aspect-ratio:210/297;background:#fff;box-shadow:0 2px 12px #0000001a;margin:0 auto 2rem;max-width:210mm;overflow:hidden;width:100%}.magazine-print__back,.magazine-print__impressum,.magazine-print__page,.magazine-print__toc{padding:2rem}.magazine-print__cover{display:flex;flex-direction:column;justify-content:flex-end;position:relative}.magazine-print__cover-image{flex:1;min-height:0;object-fit:cover;width:100%}.magazine-print__cover-title{font-size:2.5rem;font-weight:var(--rnb--font-weight--bold);line-height:1.1;margin:1rem 0 0}@media print{.magazine-print__cover{padding:0}}.magazine-print__impressum{display:flex;flex-direction:column;font-size:.7rem;gap:.85rem;justify-content:flex-end;line-height:1.4}.magazine-print__impressum-logo{display:block;margin-bottom:.5rem;max-width:70%;width:9rem}.magazine-print__impressum-logo svg{display:block;height:auto;width:100%}.magazine-print__impressum-group p,.magazine-print__impressum-intro{margin:0}.magazine-print__impressum-label{font-size:.7rem;font-weight:var(--rnb--font-weight--bold);margin:0 0 .1rem}@media print{.magazine-print__impressum{min-height:24cm}}.magazine-print__toc{display:flex;flex-direction:column}.magazine-print__toc-heading{font-size:2rem;font-weight:var(--rnb--font-weight--bold);line-height:1.1;margin:0 0 2.5rem}.magazine-print__toc-list{list-style:none;margin:0;padding:0}.magazine-print__toc-item{align-items:baseline;display:flex;font-size:.9rem;gap:1.5rem;justify-content:space-between;padding:.6rem 0}.magazine-print__toc-title{min-width:0}.magazine-print__toc-pages{color:var(--color--black);flex-shrink:0;white-space:nowrap}.magazine-print__story .story-canvas{--content-scale:1.2421760163;aspect-ratio:auto;display:block;gap:0;max-width:none;width:100%}.magazine-print__story .story-canvas__spread{display:contents;transform:none;width:auto}.magazine-print__back{align-items:center;display:flex;flex-direction:column;gap:.75rem;text-align:center}.magazine-print__back-logo{display:block;margin-bottom:auto;max-width:60%;width:12rem}.magazine-print__back-logo svg{display:block;height:auto;width:100%}.magazine-print__back-text{margin:0;max-width:19.375rem}@media print{.magazine-print__back{break-after:auto;page-break-after:auto}}.magazine-print__front-matter{display:block}@media print{.magazine-print .magazine-print__spread .story-canvas__left,.magazine-print .magazine-print__spread .story-canvas__right,.magazine-print__back,.magazine-print__cover,.magazine-print__impressum,.magazine-print__toc{box-sizing:border-box;height:297mm}.magazine-print__toc-list{margin-top:auto}}.magazine-booklet,.magazine-pdf{display:none}@media print{@page{size:A3 landscape;margin:0}.magazine-print-host>:not(.magazine-print-host):not(.magazine-booklet):not(.magazine-pdf){display:none!important}body *{margin:0;visibility:hidden}.magazine-booklet,.magazine-pdf{display:block;inset:0;position:absolute}.magazine-booklet,.magazine-booklet *,.magazine-pdf,.magazine-pdf *{visibility:visible}.magazine-booklet__spread{break-after:page;display:flex;height:297mm;overflow:hidden;page-break-after:always;width:420mm}.magazine-booklet__spread:last-child{break-after:auto;page-break-after:auto}.magazine-booklet__page,.magazine-pdf__page{aspect-ratio:auto;background:#fff;box-shadow:none;box-sizing:border-box;flex:0 0 210mm;height:297mm;margin:0;max-width:none;overflow:hidden;width:210mm}.magazine-pdf__page{break-after:page;page-break-after:always}.magazine-pdf__page:last-child{break-after:auto;page-break-after:auto}.magazine-booklet .story-canvas,.magazine-pdf .story-canvas{--content-scale:1.2421760163;aspect-ratio:auto;display:block;height:297mm}.magazine-booklet .story-canvas__left,.magazine-booklet .story-canvas__right,.magazine-pdf .story-canvas__left,.magazine-pdf .story-canvas__right{aspect-ratio:auto;box-shadow:none;box-sizing:border-box;height:100%;margin:0;max-width:none;width:100%}h1,h2,h3{break-after:avoid}h2{font-weight:500}img{break-inside:avoid}svg path{fill:var(--color--black)}}.story-editor{position:relative}.story-editor__bar{gap:1rem;justify-content:space-between;padding:1rem 1.5rem}.story-editor__authors,.story-editor__bar{align-items:center;display:flex;flex-wrap:wrap}.story-editor__authors{gap:.75rem}.story-editor__authors-list{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}.story-editor__author{border-radius:2rem;color:var(--color--white);font-size:.875rem;padding:.25rem .4rem .25rem .75rem}.story-editor__author,.story-editor__author-remove{align-items:center;display:inline-flex;gap:.4rem}.story-editor__author-remove{background:#0000;border:none;color:inherit;cursor:pointer;font:inherit;height:auto;padding:0;width:auto}.story-editor__author-remove i{display:inline-flex;flex-shrink:0;height:1.25rem;width:1.25rem}.story-editor__author-remove i svg{display:block;height:100%;width:100%}.story-editor__author-remove:disabled{cursor:not-allowed;opacity:.5}.story-editor__author-remove:focus-visible{border-radius:.25rem;outline:2px solid var(--color--blue);outline-offset:2px}.story-editor__authors-empty{color:var(--color--grey-3);font-size:.875rem}.story-editor__bar-actions{align-items:center;display:flex;gap:1rem}.story-editor button.story-editor__save{bottom:4rem;display:flex;left:50%;margin:1.5rem auto auto;position:absolute;transform:translate(-50%)}.story-editor .ql-toolbar.ql-snow{align-items:center;background-color:var(--color--white);border:none;display:flex;gap:.5rem;justify-content:center;padding:.75rem 1rem;position:relative;z-index:2}.story-editor .ql-toolbar.ql-snow:after{background:linear-gradient(0deg,#fff0,#0003);content:"";height:.5rem;left:0;pointer-events:none;position:absolute;right:0;top:100%;width:100%}.story-editor .ql-toolbar .ql-formats{display:flex;gap:.5rem;margin:0!important}.story-editor .ql-toolbar .ql-formats:after{content:unset}.story-editor .ql-toolbar .ql-formats button{background:var(--color--beige-2);border-radius:.375rem;color:var(--color--black);height:2.25rem;padding:.375rem;width:2.25rem}.story-editor .ql-toolbar .ql-formats button:hover{background:var(--color--yellow-40)}.story-editor .ql-toolbar .ql-formats button:hover line,.story-editor .ql-toolbar .ql-formats button:hover path{fill:none;stroke:var(--color--black)}.story-editor .ql-toolbar .ql-formats button:hover rect{fill:var(--color--black);stroke:var(--color--black)}.story-editor .ql-toolbar .ql-formats button.ql-header path{fill:var(--color--black);stroke:none}.story-editor .ql-toolbar .ql-formats button.ql-active{background:var(--color--yellow);color:var(--color--black)}.story-editor .ql-toolbar .ql-formats button.ql-header{font-size:.75rem;font-weight:700;letter-spacing:.03em;padding:.375rem .75rem;text-transform:uppercase;width:auto}.story-editor .ql-container{border:none;font-size:1rem;height:fit-content;min-height:300px;padding:2.5rem 10rem 9rem}.story-editor .ql-container .ql-editor{padding-bottom:2rem}.story-editor .ql-container .ql-editor.ql-blank:before{background-color:var(--color--cyan-40);border:2px dashed var(--color--light-blue);border-radius:.5rem;color:var(--color--black);content:"KIRJOITA...";height:3rem;left:10rem!important;opacity:1;padding:1rem;pointer-events:none;position:absolute;width:70%}.story-editor .ql-container .ql-editor p{font-family:var(--theme-font-body,Poppins,sans-serif);font-size:1.188rem;font-weight:var(--theme-weight-body,400);letter-spacing:var(--theme-letter-spacing-body,normal);line-height:var(--theme-line-height-body,1.5);margin-bottom:1rem}.story-editor .ql-container .ql-editor blockquote{border-left:none;font-family:var(--theme-font-blockquote,Unbounded,sans-serif);font-size:2.5rem;font-weight:var(--theme-weight-blockquote,400);letter-spacing:var(--theme-letter-spacing-blockquote,normal);line-height:var(--theme-line-height-blockquote,normal);margin:2.5rem 0;padding:2.5rem 0 0;position:relative}.story-editor .ql-container .ql-editor blockquote:before{content:"“";font-size:4.5rem;font-weight:var(--rnb--font-weight--bold);line-height:.8;position:absolute;top:0;vertical-align:top}.story-editor .ql-container .ql-editor h2{font-family:var(--theme-font-subheading,Unbounded,sans-serif);font-size:1.5rem;font-weight:var(--theme-weight-subheading,var(--rnb--font-weight--bold));letter-spacing:var(--theme-letter-spacing-subheading,1%);line-height:var(--theme-line-height-subheading,2);margin-bottom:.5rem}.story-editor .ql-container .ql-editor *+h2{margin-top:1.5rem}.story-editor .ql-container .ql-editor ol{padding:0}.story-editor__updated-at{bottom:2rem;color:var(--color--grey-3);left:50%;margin-bottom:0;position:absolute;transform:translate(-50%)}.story-editor__updated-at--top{color:var(--color--white);display:block;margin-left:auto;width:fit-content}.vue--koululehtikone#vue--school-magazine-editor{margin-top:3.75rem}.vue--koululehtikone .teacher-settings .view-header{margin-bottom:4rem;max-width:41.5rem}.vue--koululehtikone .teacher-settings .settings-grid{display:grid;gap:4rem;grid-template-columns:1fr}@media (min-width:768px){.vue--koululehtikone .teacher-settings .settings-grid{gap:5rem;grid-template-columns:1fr 1fr}}.vue--koululehtikone .teacher-settings .settings-column{align-items:flex-start;display:flex;flex-direction:column;max-width:28.875rem}.vue--koululehtikone .teacher-settings .settings-column__title{margin-bottom:.625rem}.vue--koululehtikone .teacher-settings .settings-column__text{flex-grow:1;font-size:1rem;margin-bottom:1.5rem}.vue--koululehtikone .teacher-magazines__title{margin:0 0 1rem}.vue--koululehtikone .teacher-magazines__ingress{margin:0 0 1.5rem;max-width:45rem}.vue--koululehtikone .teacher-magazines__grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(266px,1fr));list-style:none;margin:2rem 0 0;padding:0}.vue--koululehtikone .teacher-magazine-card{display:flex;flex-direction:column;position:relative}.vue--koululehtikone .teacher-magazine-card__cover{aspect-ratio:3/4;background:var(--color--green);border-radius:.5rem;overflow:hidden;padding:.75rem;position:relative}.vue--koululehtikone .teacher-magazine-card__image{border-radius:.5rem;display:block;height:100%;object-fit:cover;width:100%}.vue--koululehtikone .teacher-magazine-card__placeholder{border:2px dashed #fff6;border-radius:.5rem;inset:.75rem;position:absolute}.vue--koululehtikone .teacher-magazine-card__badge{align-items:center;background:var(--color--red-80);border-radius:.25rem;display:inline-flex;font-size:.75rem;font-weight:500;gap:.3rem;left:.6rem;padding:.375rem .75rem;position:absolute;text-transform:uppercase;top:.6rem;z-index:1}.vue--koululehtikone .teacher-magazine-card__badge span{height:1rem}.vue--koululehtikone .teacher-magazine-card__badge i{width:1rem}.vue--koululehtikone .teacher-magazine-card__title{font-size:1.05rem;font-weight:700;line-height:1.3;margin:.75rem 0 .35rem}.vue--koululehtikone .teacher-magazine-card__link{background:none;border:none;cursor:pointer;font:inherit;padding:0;text-align:left}.vue--koululehtikone .teacher-magazine-card__link:after{content:"";inset:0;position:absolute}.vue--koululehtikone .teacher-magazine-card__meta{align-items:center;display:flex;font-size:.75rem;font-weight:500;gap:.35rem;letter-spacing:.03em;margin:0;text-transform:uppercase}.vue--koululehtikone .teacher-magazine-card__meta i{margin-right:.5rem;width:1rem}.vue--koululehtikone .teacher-magazine-card--create{align-items:center;border:2px dashed var(--color--grey-5);border-radius:4px;justify-content:center;padding:1.5rem;text-align:center}.vue--koululehtikone .klk-dropzone__input{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.vue--koululehtikone .klk-toast{align-items:flex-start;border-radius:8px;bottom:1.5rem;box-shadow:0 8px 24px #0000002e;display:flex;gap:.75rem;max-width:360px;padding:1rem 1.25rem;position:fixed;right:1.5rem;z-index:11000}.vue--koululehtikone .klk-toast--success{background:var(--color--cyan);color:var(--color--black)}.vue--koululehtikone .klk-toast--error{background:var(--color--error-red);color:var(--color--black)}.vue--koululehtikone .klk-toast__icon{align-items:center;border:2px solid;border-radius:50%;display:inline-flex;flex-shrink:0;font-weight:700;height:1.5rem;justify-content:center;width:1.5rem}.vue--koululehtikone .klk-toast__body{flex:1}.vue--koululehtikone .klk-toast__title{font-weight:700;margin:0}.vue--koululehtikone .klk-toast__message{font-size:.9rem;margin:.15rem 0 0}.vue--koululehtikone .klk-toast__close{background:none;border:none;color:currentcolor;cursor:pointer;flex-shrink:0;font-size:1.1rem;line-height:1;padding:0}.vue--koululehtikone .klk-toast__close:focus-visible{outline:2px solid currentcolor;outline-offset:2px}.vue--koululehtikone .klk-toast-enter-active,.vue--koululehtikone .klk-toast-leave-active{transition:transform .25s ease,opacity .25s ease}.vue--koululehtikone .klk-toast-enter,.vue--koululehtikone .klk-toast-leave-to{opacity:0;transform:translateY(1rem)}@media (prefers-reduced-motion:reduce){.vue--koululehtikone .klk-toast-enter-active,.vue--koululehtikone .klk-toast-leave-active{transition:none}}.vue--koululehtikone .theme-picker{background-color:var(--color--white);border-radius:.5rem;display:flex;gap:.62rem;overflow:auto hidden;padding-bottom:1rem}.vue--koululehtikone .theme-card{background-color:var(--color--white);border:2px solid #0000;border-radius:.5rem;cursor:pointer;display:flex;flex-direction:column;gap:.42rem;min-width:286px;padding:0;position:relative;scroll-snap-align:start;text-align:left;width:25%}.vue--koululehtikone .theme-card.is-active .theme-card__preview{border:2px solid var(--color--cyan)}.vue--koululehtikone .theme-card.is-active .theme-card__badge{background-color:var(--color--cyan);opacity:1}.vue--koululehtikone .theme-card:focus-visible{outline:2px solid var(--color--blue)}.vue--koululehtikone .theme-card__badge{align-items:center;background:var(--color--yellow);border-radius:.25rem;color:var(--color--black);display:inline-flex;font-size:.75rem;font-weight:500;gap:.25rem;letter-spacing:8%;line-height:1;opacity:0;padding:.38rem .6rem;text-transform:uppercase}.vue--koululehtikone .theme-card__badge i{height:.875rem;width:.875rem}.vue--koululehtikone .theme-card__badge{left:.75rem;position:absolute;top:.6rem}.vue--koululehtikone .theme-card__preview{align-items:flex-start;aspect-ratio:234/174;background:var(--color--beige-2);border:2px solid #0000;border-radius:.5rem;display:flex;flex-direction:column;overflow:hidden;padding:1.25rem}.vue--koululehtikone .theme-card:hover .theme-card__badge{opacity:1}.vue--koululehtikone .theme-card--energetic.theme-card .story-canvas__heading-title,.vue--koululehtikone .theme-card--professional.theme-card .story-canvas__heading-title,.vue--koululehtikone .theme-card--relaxing.theme-card .story-canvas__heading-title,.vue--koululehtikone .theme-card--stylish.theme-card .story-canvas__heading-title{display:block;height:3.75rem}.vue--koululehtikone .theme-card--energetic.theme-card .story-canvas__text-content h2,.vue--koululehtikone .theme-card--professional.theme-card .story-canvas__text-content h2,.vue--koululehtikone .theme-card--relaxing.theme-card .story-canvas__text-content h2,.vue--koululehtikone .theme-card--stylish.theme-card .story-canvas__text-content h2{font-size:2rem;line-height:125%;margin-bottom:1rem}.vue--koululehtikone .theme-card--energetic.theme-card .theme-card__body,.vue--koululehtikone .theme-card--professional.theme-card .theme-card__body,.vue--koululehtikone .theme-card--relaxing.theme-card .theme-card__body,.vue--koululehtikone .theme-card--stylish.theme-card .theme-card__body{font-size:1.25rem;margin-bottom:0}.vue--koululehtikone .theme-card .theme-card__name{font-size:1.25rem;font-weight:500;letter-spacing:.2px;line-height:1.5rem}.vue--koululehtikone .layout-picker{background-color:var(--color--white);border-radius:.5rem;display:grid;gap:.62rem;grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:768px){.vue--koululehtikone .layout-picker{grid-template-columns:repeat(4,minmax(0,1fr))}}.vue--koululehtikone .layout-card{background-color:var(--color--white);border:none;border-radius:.5rem;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:0;position:relative;text-align:left}.vue--koululehtikone .layout-card:focus-visible{outline:2px solid var(--color--blue)}.vue--koululehtikone .layout-card__badge{align-items:center;background:var(--color--yellow);border-radius:.25rem;color:var(--color--black);display:inline-flex;font-size:.75rem;font-weight:500;gap:.25rem;letter-spacing:8%;line-height:1;opacity:0;padding:.38rem .6rem;text-transform:uppercase}.vue--koululehtikone .layout-card__badge i{height:.875rem;width:.875rem}.vue--koululehtikone .layout-card__badge{left:.5rem;position:absolute;top:.5rem;z-index:1}.vue--koululehtikone .layout-card.is-active .layout-card__badge,.vue--koululehtikone .layout-card:focus-visible .layout-card__badge,.vue--koululehtikone .layout-card:hover .layout-card__badge{opacity:1}.vue--koululehtikone .layout-card__preview{background:var(--color--white);border:1rem solid var(--color--green);border-radius:.5rem;display:block;overflow:hidden}.vue--koululehtikone .layout-card__wireframe{display:block;height:auto;width:100%}.vue--koululehtikone .layout-card__name{font-size:1.25rem;font-weight:500;letter-spacing:1%;line-height:1.5rem}@media (prefers-reduced-motion:reduce){.vue--koululehtikone .theme-card__badge{transition:none}}