.narrow{max-width:560px}.card .fields:first-child{margin-top:0}.card h3+.sub{margin-top:4px}
.hero-layout>.tag{margin-bottom:3px}.overview{display:grid;gap:16px}.portal-layout{grid-template-columns:minmax(230px,1fr) minmax(0,2.2fr)}
.office-info{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.office-info a{display:inline-block;margin:6px 12px 0 0;font-size:.87rem;font-weight:700;color:var(--green)}
.office-info iframe{width:100%;height:180px;display:block;border:1px solid var(--line);border-radius:9px;margin-top:10px}
.period{display:flex;align-items:center;justify-content:space-between;gap:8px}.period .sub{margin:0}.feedback:empty{display:none}
.form-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.check{display:flex;align-items:center;gap:8px;font-size:.88rem}.check input{accent-color:var(--green)}
.record{padding:10px 0;border-bottom:1px solid var(--line)}.record:last-child{border-bottom:0}.record .fields{padding:8px 0 14px}
details>summary{cursor:pointer;font-size:.91rem;font-weight:750}.contact{overflow-wrap:anywhere}
.setup-grid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.setup-grid .card{padding:17px}
@media(max-width:920px){.setup-grid{grid-template-columns:1fr 1fr}}
@media(max-width:770px){.portal-layout{grid-template-columns:1fr}}
@media(max-width:560px){.setup-grid,.form-grid{grid-template-columns:1fr}}
.color-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.color-row input[type=color]{width:56px;min-height:42px;padding:3px;cursor:pointer}
.brand-box{display:grid;gap:8px;padding:12px;border:1px dashed var(--line);border-radius:12px}.logo-preview{max-width:120px;max-height:80px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:10px;padding:4px}
input[type=file]{font-size:.85rem}
.places-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:770px){.places-grid{grid-template-columns:1fr}}
.install{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:20;display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;max-width:560px;margin-inline:auto;padding:14px 16px;background:#fff;border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:12px;box-shadow:0 10px 30px #10253640}
.install p{flex:1 1 220px;font-size:.88rem}
body{padding-bottom:env(safe-area-inset-bottom)}.top{padding-top:env(safe-area-inset-top)}
@media(display-mode:standalone){.skip{display:none}}
.pwa-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:18px;align-items:start;margin-top:8px}.pwa{margin-bottom:16px}
.splash-box{display:grid;gap:8px}.splash{display:grid;place-items:center;align-content:center;gap:12px;width:150px;height:260px;border-radius:22px;border:1px solid var(--line);box-shadow:0 6px 18px #10253622}.splash img{width:72px;height:72px;object-fit:contain;border-radius:16px}.splash b{font-size:.85rem;font-weight:600;max-width:120px;text-align:center}
@media(max-width:770px){.pwa-grid{grid-template-columns:1fr}}
.map-pick{height:260px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--pale)}.map-pick .leaflet-container{font:inherit}