/* Could we get in? and Is our list safe? (backend/get_in.py). kinplace colours; works at 375px. */
.gi-form{display:grid;gap:6px;max-width:560px;margin:14px 0 22px}
.gi-form label{font-weight:600;font-size:15px}
.gi-form .gi-opt{font-weight:400;color:#5b6b6f}
.gi-form input,.gi-form select{min-height:44px;padding:10px 12px;border:1px solid #d9e2e4;border-radius:10px;font:inherit;width:100%;box-sizing:border-box;background:#fff}
.gi-form button,.gi-saved{min-height:44px;margin-top:6px;padding:10px 18px;border:0;border-radius:999px;background:#CF3F2E;color:#fff;font:inherit;font-weight:600;cursor:pointer;justify-self:start}
.gi-form button:hover,.gi-saved:hover{background:#A93122}
.gi-result h2{margin-top:10px}
.gi-school{border:1px solid #d9e2e4;border-radius:14px;padding:14px 16px;margin:14px 0}
.gi-school h3{margin:0 0 4px;font-size:1.1rem}
.gi-school p{margin:6px 0}
.gi-meta{color:#5b6b6f;font-size:.9rem}
.gi-answer{font-size:1.05rem;font-weight:600;color:#0E3B43}
.gi-note{color:#3F6A70;font-size:.95rem}
.gi-ask{background:#D5F5E8;border-radius:10px;padding:10px 12px}
.gi-more{background:#F2FBF7;border-radius:10px;padding:8px 12px;font-size:.95rem}
.gi-how ul{padding-left:18px}
.gi-how li{margin:4px 0}
.ls-result th[scope=col]{min-width:120px}
.ls-result td{font-size:.9rem}
.ls-result td .gi-meta{font-size:.8rem}
.ls-reached{background:#D5F5E8}
.ls-not_reached{background:#FDECEA}
.ls-cant_tell{background:#F5F8F8}
.ls-facts p{font-size:1.05rem;margin:6px 0}
.ls-facts p:first-child{font-weight:600}
@media(max-width:640px){.gi-school{padding:12px}.ls-result td .gi-meta{display:none}}
/* Our own tables scroll inside their box, so no page scrolls sideways (the shell wraps only a bare <table>). */
.gi-school table,.ls-result table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
.gi-gate a{font-weight:600;margin-left:4px}