.nerg-ahhaa {
    --ahhaa-ink:#004f5b;
    --ahhaa-yellow:#ffc836;
    --ahhaa-mist:#b7cecd;
    --ahhaa-sage:#789f97;
    background:var(--ahhaa-mist);
    color:var(--ahhaa-ink);
    padding:clamp(18px,4vw,48px);
    border-radius:16px;
    font-family:Mulish,Arial,sans-serif;
    max-width:none;
}
.nerg-ahhaa *, .nerg-ahhaa *::before, .nerg-ahhaa *::after { box-sizing:border-box }
.nerg-ahhaa [hidden] { display:none!important }
.nerg-ahhaa [data-screen] { padding:0!important; margin:0!important; min-height:0 }
.nerg-ahhaa [data-screen] > h1, .nerg-ahhaa [data-screen] > h2 {
    color:var(--ahhaa-ink)!important;
    font-family:inherit;
    font-weight:800;
    line-height:1.08;
    margin:0 0 12px!important;
    padding:0!important;
}
.nerg-ahhaa h1 { font-size:clamp(36px,7vw,84px)!important }
.nerg-ahhaa h2 { font-size:clamp(30px,5vw,58px)!important }
.nerg-ahhaa [data-screen] > p { color:var(--ahhaa-ink); margin:0 0 14px; padding:0 }
.nerg-ahhaa .ahhaa-tiles {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    margin:22px 0 0;
}
.nerg-ahhaa [data-screen]:not([data-screen="home"]) > .ahhaa-tiles { grid-template-columns:repeat(3,minmax(0,1fr)) }
.nerg-ahhaa button.ahhaa-tile {
    display:flex;
    justify-content:space-between;
    align-items:end;
    gap:8px;
    width:100%;
    min-height:clamp(110px,18vw,210px);
    margin:0!important;
    padding:clamp(14px,3vw,28px)!important;
    border:0;
    border-radius:10px;
    background:var(--ahhaa-ink);
    color:#fff!important;
    font:800 clamp(23px,4vw,52px)/1.08 Mulish,Arial,sans-serif;
    text-transform:uppercase;
    text-align:left;
    cursor:pointer;
}
.nerg-ahhaa button.ahhaa-tile.kevad,
.nerg-ahhaa button.ahhaa-tile.g1 { background:var(--ahhaa-yellow); color:var(--ahhaa-ink)!important }
.nerg-ahhaa button.ahhaa-tile.g3 { background:#415569; color:#fff!important }
.nerg-ahhaa button.ahhaa-tile span { font-size:.65em }
.nerg-ahhaa button.ahhaa-tile:hover { filter:brightness(.92) }
.nerg-ahhaa button.ahhaa-back {
    display:inline-block;
    margin:0 0 14px!important;
    padding:10px 16px!important;
    min-height:44px;
    background:var(--ahhaa-ink);
    color:#fff!important;
    border:0;
    border-radius:6px;
    font:700 16px/1.3 Mulish,Arial,sans-serif;
    cursor:pointer;
}
.nerg-ahhaa button:focus-visible,.nerg-ahhaa summary:focus-visible { outline:3px solid var(--ahhaa-ink); outline-offset:3px }
.nerg-ahhaa details.ahhaa-day {
    margin:10px 0!important;
    padding:0!important;
    color:var(--ahhaa-ink);
    background:#fff;
    border-radius:10px;
}
.nerg-ahhaa .ahhaa-day > summary {
    list-style:none;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;
    width:100%;
    min-height:68px;
    padding:14px 20px!important;
    margin:0!important;
    color:var(--ahhaa-ink);
    font:800 clamp(20px,3vw,28px)/1.25 Mulish,Arial,sans-serif;
    cursor:pointer;
}
.nerg-ahhaa summary::-webkit-details-marker { display:none }
.nerg-ahhaa .ahhaa-day > summary::after { content:'+'; flex:none }
.nerg-ahhaa .ahhaa-day[open] > summary::after { content:'−' }
.nerg-ahhaa .ahhaa-day > p { margin:0; padding:0 20px 18px }
.nerg-ahhaa .ahhaa-day > article.ahhaa-event {
    margin:0 14px 10px!important;
    padding:16px 18px!important;
    background:#f4f8f7;
    border:0;
    border-left:5px solid var(--ahhaa-yellow);
    color:var(--ahhaa-ink);
    border-radius:6px;
    overflow-wrap:anywhere;
}
.nerg-ahhaa .ahhaa-day[open] { padding-bottom:4px!important }
.nerg-ahhaa .ahhaa-event > h3 {
    margin:0 0 8px!important;
    padding:0!important;
    color:var(--ahhaa-ink)!important;
    font:800 clamp(20px,3vw,27px)/1.2 Mulish,Arial,sans-serif;
}
.nerg-ahhaa .ahhaa-event p { margin:5px 0!important; padding:0!important; color:inherit; line-height:1.45 }
.nerg-ahhaa .ahhaa-description { margin:10px 0; color:inherit }
@media(max-width:550px) {
    .nerg-ahhaa [data-screen] > .ahhaa-tiles { grid-template-columns:1fr!important; gap:8px }
    .nerg-ahhaa button.ahhaa-tile { min-height:84px }
}
.nerg-ahhaa [data-screen="home"] > h1 {
    font-size:clamp(38px,8vw,100px)!important;
    font-weight:950!important;
    overflow-wrap:anywhere;
}
.nerg-ahhaa [data-screen="home"] > p,
.nerg-ahhaa [data-screen="sugis"] > p,
.nerg-ahhaa [data-screen="kevad"] > p {
    font-size:clamp(20px,3vw,28px)!important;
    font-weight:700;
    line-height:1.3;
    color:var(--ahhaa-ink)!important;
}
.nerg-ahhaa [data-screen] > p { font-weight:400!important }
.nerg-ahhaa .ahhaa-day > summary {
    border-radius:10px;
    background:var(--ahhaa-ink);
    color:#fff!important;
    font-size:clamp(17px,2.3vw,22px)!important;
    font-weight:700;
}
.nerg-ahhaa .ahhaa-day[open] > summary {
    border-radius:10px 10px 0 0;
    margin-bottom:16px!important;
}
.nerg-ahhaa .ahhaa-event > h3 { font-size:clamp(22px,3vw,30px)!important }
.nerg-ahhaa [data-screen] > .ahhaa-back { margin-bottom:22px!important }
.nerg-ahhaa [data-screen] > h2 + .ahhaa-day { margin-top:24px!important }
.nerg-ahhaa .ahhaa-day > summary {
    min-height:76px;
    font-weight:400!important;
}
.nerg-ahhaa .ahhaa-day-label {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:.5em;
}
.nerg-ahhaa .ahhaa-date {
    background:var(--ahhaa-yellow);
    color:var(--ahhaa-ink);
    font-weight:800;
    border-radius:7px;
    padding:.22em .55em;
    white-space:nowrap;
}
.nerg-ahhaa .ahhaa-event > h3 { font-weight:900!important }
.nerg-ahhaa .ahhaa-description { font-size:1rem; line-height:1.5 }
.nerg-ahhaa .ahhaa-description :is(h1,h2,h3,h4,h5,h6) {
    font-size:inherit!important;
    line-height:inherit!important;
    margin:.5em 0 .2em!important;
}

.nerg-ahhaa {
    padding:clamp(16px,2.5vw,34px);
}
.nerg-ahhaa [data-screen] > button.ahhaa-back {
    background:#fff;
    color:var(--ahhaa-ink)!important;
    margin-bottom:28px!important;
}
.nerg-ahhaa [data-screen] > button.ahhaa-back:hover {
    background:#f4f8f7;
}
.nerg-ahhaa .ahhaa-group-heading {
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:.32em;
}
.nerg-ahhaa .ahhaa-heading-divider {
    flex:none;
    width:.075em;
    height:.73em;
    background:currentColor;
}
.nerg-ahhaa [data-screen] > .ahhaa-group-heading + .ahhaa-day {
    margin-top:28px!important;
}
.nerg-ahhaa [data-screen] > button.ahhaa-back,
.nerg-ahhaa [data-screen] > button.ahhaa-back:hover {
    background:var(--ahhaa-yellow);
}

.nerg-ahhaa .ahhaa-plan {
    --plan-main:var(--ahhaa-ink);
    --plan-accent:var(--ahhaa-yellow);
    --plan-main-text:#fff;
    --plan-accent-text:var(--ahhaa-ink);
}
.nerg-ahhaa .ahhaa-plan.g1 {
    --plan-main:var(--ahhaa-yellow);
    --plan-accent:var(--ahhaa-ink);
    --plan-main-text:var(--ahhaa-ink);
    --plan-accent-text:#fff;
}
.nerg-ahhaa .ahhaa-plan.g3 {
    --plan-main:#415569;
    --plan-accent:#d0d4e3;
    --plan-accent-text:#415569;
}
.nerg-ahhaa .ahhaa-plan .ahhaa-day > summary {
    background:var(--plan-main);
    color:var(--plan-main-text)!important;
}
.nerg-ahhaa .ahhaa-plan .ahhaa-date {
    background:var(--plan-accent);
    color:var(--plan-accent-text);
}
.nerg-ahhaa .ahhaa-plan .ahhaa-day > article.ahhaa-event {
    border-left-color:var(--plan-main);
}
.nerg-ahhaa .ahhaa-plan.g3 .ahhaa-event {
    background:#eef0f6;
}

.nerg-ahhaa [data-screen] > button.ahhaa-back {
    background:var(--ahhaa-ink);
    color:#fff!important;
}
.nerg-ahhaa [data-screen] > button.ahhaa-back:hover {
    background:#003e48;
}

.nerg-ahhaa .ahhaa-plan.g3 {
    --ahhaa-ink:#415569;
    color:var(--ahhaa-ink);
}

.nerg-ahhaa [data-screen="home"] {
    padding:clamp(16px,3.5vw,52px) clamp(4px,2.5vw,40px)!important;
}


.nerg-ahhaa .ahhaa-event-meta {
    display:grid;
    width:fit-content;
    max-width:100%;
    box-sizing:border-box;
    gap:4px;
    margin:8px 0 10px;
    padding:6px 12px;
    border-radius:8px;
    background:#deebe5;
    color:var(--ahhaa-ink);
    font-size:1rem;
    line-height:1.45;
    overflow-wrap:anywhere;
}
.nerg-ahhaa .ahhaa-event-meta > em { font-weight:400; font-style:italic }
.nerg-ahhaa .ahhaa-plan.g3 .ahhaa-event-meta { background:#dfe8f3 }

.nerg-ahhaa .ahhaa-event-time { white-space:nowrap }

.nerg-ahhaa .ahhaa-event > h3 > .ahhaa-event-time,
.nerg-ahhaa .ahhaa-event > h3 > .ahhaa-event-divider { font-weight:400!important }

@media (max-width:550px) {
    .nerg-ahhaa .ahhaa-event > h3 > .ahhaa-event-time {
        display:block;
        margin-bottom:.15em;
    }
    .nerg-ahhaa .ahhaa-event > h3 > .ahhaa-event-divider { display:none }
}
