.jol{--ink:#173233;--green:#165f54;--line:#d7e3df;--paper:#f6faf8;color:var(--ink);font-family:inherit;max-width:1080px;margin:24px auto}.jol *{box-sizing:border-box}.jol .jol-hero{background:#eaf5ef;border-left:5px solid var(--green);padding:24px 30px;border-radius:0 12px 12px 0;margin-bottom:24px}.jol h2,.jol h3{color:var(--ink);line-height:1.3}.jol .jol-card{background:#fff;border:1px solid var(--line);padding:24px;border-radius:12px;margin:20px 0;box-shadow:0 2px 8px #17323308}.jol label{display:block;font-weight:600;margin:16px 0 6px}.jol input:not([type=checkbox]),.jol select,.jol textarea{display:block;width:100%;max-width:760px;border:1px solid #8fa79e;border-radius:6px;background:#fff;color:#173233;padding:10px;font:inherit}.jol textarea{min-height:120px}.jol input[type=checkbox]{width:auto;margin-right:8px}.jol button,.jol .jol-button{display:inline-block;background:var(--green);color:#fff!important;padding:10px 17px;border:0;border-radius:6px;font:inherit;text-decoration:none;cursor:pointer;margin:14px 8px 8px 0}.jol button:hover,.jol .jol-button:hover{background:#0d453c}.jol :focus-visible{outline:3px solid #d89123;outline-offset:3px}.jol .jol-muted{color:#536c64;font-size:.94em}.jol .jol-status{display:inline-block;font-size:.82em;font-weight:700;border-radius:20px;background:#e7f1ed;padding:4px 10px;text-transform:uppercase;letter-spacing:.04em}.jol table{border-collapse:collapse;width:100%;font-size:.94em}.jol th,.jol td{padding:12px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}.jol .jol-alert{background:#fff8e7;border:1px solid #dab76a;padding:16px;border-radius:8px}.jol .jol-success{background:#eaf5ef;border:1px solid #8bad9c;padding:16px}.jol .jol-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}.jol pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;background:var(--paper);padding:16px}.jol details{padding:12px 0;border-bottom:1px solid var(--line)}.jol summary{cursor:pointer;font-weight:600}.jol .jol-scroll{overflow-x:auto}.jol .jol-inline{display:inline-block;margin-right:14px}.jol .jol-inline form{display:inline}.jol .jol-check{font-weight:400}.jol .jol-check input{vertical-align:middle}@media(max-width:600px){.jol .jol-card,.jol .jol-hero{padding:18px}.jol th,.jol td{padding:8px}}