.mesail-app{--msl-navy:#13263f;--msl-gold:#d7b46b;--msl-ivory:#f3eee3;background:var(--msl-navy);color:var(--msl-ivory);padding:26px;border:1px solid #d7b46b66;border-radius:18px;font-family:inherit;font-size:16px;line-height:1.65;text-align:left;box-sizing:border-box}.mesail-app *{box-sizing:border-box}.mesail-app [hidden]{display:none!important}.mesail-heading{display:flex;align-items:center;gap:18px;margin-bottom:22px}.mesail-heading img{width:110px;height:124px;object-fit:contain}.mesail-heading h2{font-size:30px;line-height:1.2;color:var(--msl-gold);margin:6px 0 10px}.mesail-heading p{margin:0;font-size:16px}.mesail-kicker{font-size:10px!important;letter-spacing:.14em;color:var(--msl-gold)}.mesail-quota{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #ffffff26;border-bottom:1px solid #ffffff26;margin:20px 0}.mesail-quota p{margin:12px 0;font-size:13px;color:#c6d0dc}.mesail-quota strong{display:block;color:var(--msl-gold);font-size:27px;font-weight:700}.mesail-rule{font-size:14px;padding-left:14px;border-left:2px solid var(--msl-gold);margin:20px 0 26px}.mesail-form label{display:block;font-weight:600;font-size:12px;letter-spacing:.035em;margin-bottom:17px}.mesail-form input:not([type=radio]),.mesail-form textarea,.mesail-form select{display:block;width:100%;padding:12px 13px;margin-top:6px;background:#0d1d32;border:1px solid #70809a;color:var(--msl-ivory);border-radius:7px;font-family:inherit;font-weight:400;font-size:16px;line-height:1.5;letter-spacing:normal;color-scheme:dark;min-height:46px}.mesail-form textarea{font-family:inherit;resize:vertical;font-size:16px}.mesail-form input:focus,.mesail-form textarea:focus,.mesail-form select:focus{outline:2px solid var(--msl-gold);outline-offset:2px}.mesail-form input::placeholder,.mesail-form textarea::placeholder{color:#b1bdce}.mesail-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mesail-mode{border:0;border-top:1px solid #ffffff26;padding:14px 0 0;margin:20px 0}.mesail-mode legend{font-size:12px;color:var(--msl-gold);font-weight:700}.mesail-mode label{font-size:14px;font-weight:400;letter-spacing:0;margin:8px 0}.mesail-mode input{accent-color:var(--msl-gold);margin-right:6px}.mesail-cities{display:grid;gap:5px;margin:-8px 0 12px}.mesail-cities button,.mesail-history-list button{background:#203954;border:1px solid #57708b;color:var(--msl-ivory);padding:11px 13px;text-align:left;cursor:pointer;border-radius:7px;font:inherit;font-size:14px}.mesail-cities button:hover,.mesail-history-list button:hover{border-color:var(--msl-gold);background:#2b435d}.mesail-city-selected{font-size:13px;color:#c6d0dc;margin:-6px 0 17px}.mesail-submit{width:100%;border:0;border-radius:7px;padding:15px 10px;color:#13263f;background:var(--msl-gold);font-size:14px;font-weight:800;cursor:pointer;letter-spacing:.02em}.mesail-submit:disabled{opacity:.55;cursor:wait}.mesail-small,.mesail-attribution{font-size:12px;color:#c6d0dc;line-height:1.5}.mesail-app a{color:var(--msl-gold);text-decoration:underline;text-underline-offset:3px}.mesail-manual{padding:15px 0}.mesail-status{font-size:15px;color:var(--msl-gold);margin:16px 0}.mesail-status.is-error{color:#ffc1b9}.mesail-answer{padding-top:20px;border-top:1px solid #d7b46b88}.mesail-answer h3{font-size:26px;color:var(--msl-gold);margin:12px 0}.mesail-answer h4{font-size:17px;color:var(--msl-gold);margin:20px 0 7px}.mesail-answer p{margin:9px 0;white-space:pre-line}.mesail-answer .mesail-record{font-size:13px;color:#c6d0dc}.mesail-answer table{width:100%;border-collapse:collapse;font-size:14px;margin:20px 0}.mesail-answer th,.mesail-answer td{padding:10px 6px;border:1px solid #ffffff38;text-align:left}.mesail-answer th{color:var(--msl-gold);font-size:12px}.mesail-answer tr.is-selected{background:#60512d;color:#fff9ea;font-weight:700}.mesail-answer details,.mesail-history{border-top:1px solid #ffffff32;padding-top:17px;margin-top:24px}.mesail-answer summary,.mesail-history summary{color:var(--msl-gold);font-size:14px;font-weight:700;cursor:pointer}.mesail-answer ol{padding-left:20px}.mesail-answer li{margin:10px 0}.mesail-history-list{display:grid;gap:8px;margin-top:14px}.mesail-notice{padding:11px 14px;border-left:2px solid var(--msl-gold);background:#ffffff08;font-size:14px}.mesail-preview{padding:22px;border-left:3px solid #d7b46b;background:#13263f;color:#f3eee3}.mesail-preview h2{color:#d7b46b}.assistant-panel.mesail-panel{padding:0!important;background:#13263f!important}.mesail-panel .mesail-app{border:0;border-radius:0;padding:23px 22px;min-height:100%}.mesail-panel .mesail-heading img{width:92px;height:112px}.mesail-panel .mesail-heading{gap:10px}.mesail-panel .mesail-heading h2{font-size:27px}.mesail-panel .mesail-heading p:not(.mesail-kicker){font-size:14px}.mesail-panel .mesail-answer table{font-size:12px}.mesail-panel .mesail-two{gap:9px}@media(max-width:600px){.mesail-app{padding:20px 17px}.mesail-two{grid-template-columns:1fr}.mesail-heading img{width:90px;height:110px}.mesail-heading h2{font-size:27px}.mesail-answer th,.mesail-answer td{padding:9px 5px;font-size:13px}}

/* Keep the learning panel scrollable when it replaces the Academy assistant. */
.view-ders .assistant-panel.mesail-panel {
    min-height: 0;
}
.view-ders .mesail-panel .mesail-scroll {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    padding: 0;
    scroll-padding: 14px 0;
    scrollbar-width: auto;
    scrollbar-color: #d7b46b #13263f;
}
.mesail-book-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px 20px;
    margin: 12px 0;
    padding: 12px 16px;
    color: #f3eee3;
    background: #13263f;
    border: 1px solid #d7b46b88;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 700;
}
.mesail-book-link {
    display: inline-flex;
    align-items: center;
    min-height: 42px;
    padding: 7px 15px;
    color: #13263f;
    background: #d7b46b;
    border-radius: 7px;
    text-decoration: none;
}
.mesail-book-link:hover,
.mesail-book-link:focus-visible {
    color: #13263f;
    background: #f1d692;
}
@media (min-width: 1281px) {
    .view-ders .assistant-panel.mesail-panel {
        height: clamp(250px, calc(100dvh - 165px), 760px);
    }
    .view-ders .mesail-panel .mesail-scroll {
        overflow-y: auto;
        overflow-x: hidden;
        overscroll-behavior-y: contain;
        scrollbar-gutter: stable;
    }
}
@media (max-width: 1280px) {
    .view-ders .mesail-panel .mesail-scroll {
        overflow: visible;
        max-height: none;
    }
}
@media (max-width: 650px) {
    .mesail-book-row {
        margin: 10px 12px;
    }
}