.map-page{--map-green:#16745d;--map-amber:#a76512;--map-red:#bf473a}.map-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(290px,1fr);gap:22px;align-items:start}.map-layout .seo-card{margin-top:0}.map-sidebar{position:sticky;top:12px}.map-heading,.map-room-head,.map-task{display:flex;justify-content:space-between;gap:12px;align-items:start}.map-heading h2,.map-room-head h3{margin:0}.map-room{border:1px solid var(--seo-line);border-radius:14px;padding:17px;margin:16px 0;background:var(--seo-bg)}.map-room-head{align-items:center}.map-room-head input{font-size:18px;font-weight:700;max-width:260px}.map-room-status{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.map-room-status span{font-size:12px;border-radius:99px;padding:4px 9px;background:var(--seo-card);border:1px solid var(--seo-line)}.map-task{background:var(--seo-card);border:1px solid var(--seo-line);border-radius:11px;padding:12px;margin:10px 0;display:grid;grid-template-columns:minmax(120px,2fr) repeat(3,minmax(85px,1fr)) auto;align-items:end}.map-task label,.map-setup label{display:block;font-size:12px;font-weight:700}.map-task input,.map-task select,.map-room input,.map-setup input,.map-add input{width:100%;padding:10px;border:1px solid var(--seo-line);border-radius:8px;background:var(--seo-card);color:var(--seo-ink);font:inherit;margin-top:5px}.map-outline,.map-remove{border:1px solid var(--seo-line);border-radius:8px;background:var(--seo-card);color:var(--seo-ink);padding:10px;cursor:pointer;font:inherit;font-weight:700}.map-remove{color:var(--map-red)}.map-add{display:flex;gap:8px}.map-add input{margin:0}.map-hint{color:var(--seo-muted);font-size:13px;line-height:1.55}.map-note{border-radius:8px;padding:12px;background:color-mix(in srgb,var(--seo-accent) 11%,var(--seo-card))}.map-stat{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid var(--seo-line);padding:12px 0}.map-stat strong{white-space:nowrap}.map-meter{height:12px;background:var(--seo-line);border-radius:99px;overflow:hidden}.map-meter span{display:block;height:100%;width:0;background:var(--map-green);transition:width .2s}.map-meter.over span{background:var(--map-red)}.map-questions{padding-left:21px;line-height:1.6}.map-questions li{margin:8px 0}.map-explainer .seo-grid>div{padding:12px;border:1px solid var(--seo-line);border-radius:10px}.map-explainer h3{margin:0}.map-setup input{max-width:260px}.map-sidebar .seo-btn{margin-top:8px}.map-room .map-outline{margin-top:8px}@media(max-width:900px){.map-layout{grid-template-columns:1fr}.map-sidebar{position:static}}@media(max-width:650px){.map-task{grid-template-columns:1fr 1fr}.map-task label:first-child{grid-column:1/-1}.map-task .map-remove{grid-column:1/-1}.map-heading{flex-direction:column}.map-add{flex-direction:column}.map-room-head{align-items:start}}@media print{.seo-nav,.map-add,.map-remove,.map-outline,#copy-questions,.map-sidebar .seo-card:last-child{display:none!important}.map-layout{display:block}.map-task{break-inside:avoid}.seo-card{break-inside:avoid}}
.map-import input[type=file]{display:block;margin:12px 0;width:100%;padding:15px;border:2px dashed var(--seo-line);border-radius:12px;background:var(--seo-bg);color:var(--seo-ink)}.map-import #import-status{font-weight:700}.map-pill{border-radius:99px;background:var(--seo-bg);border:1px solid var(--seo-line);padding:8px 12px;white-space:nowrap;font-size:12px}.map-preview{max-height:430px;overflow:auto;border:1px solid var(--seo-line);border-radius:12px;margin-bottom:16px}.map-import-row{display:grid;grid-template-columns:25px minmax(120px,1fr) minmax(180px,2fr) minmax(110px,1fr);align-items:end;gap:10px;padding:10px;border-bottom:1px solid var(--seo-line)}.map-import-row label{font-size:12px;font-weight:700}.map-import-row input:not([type=checkbox]),#import-text{width:100%;padding:9px;border:1px solid var(--seo-line);border-radius:7px;background:var(--seo-card);color:var(--seo-ink);font:inherit}.map-import details{margin-top:18px}.map-import summary{cursor:pointer;font-weight:700}.map-import #import-text{margin:10px 0;line-height:1.45}@media(max-width:650px){.map-import-row{grid-template-columns:25px 1fr 1fr}.map-import-row label:nth-of-type(2){grid-column:2/-1;grid-row:1}.map-import-row label:nth-of-type(1){grid-column:2}.map-import-row label:nth-of-type(3){grid-column:3}}
@media print{.map-import,#clear-map,#print-map{display:none!important}.map-room input,.map-task input,.map-task select{border:0!important;padding:0!important;background:transparent!important;color:#111!important}.map-room,.map-task{border-color:#bbb!important}.map-sidebar{position:static!important}}
