.map-intro{max-width:780px;margin:0 auto 2rem}.map-intro h2{max-width:650px}.map-work{max-width:900px;margin:auto}.component-picker{display:flex;flex-wrap:wrap;gap:.65rem;margin:1.5rem 0}.component-picker button{border-radius:47% 53% 49% 51% / 43% 51% 49% 57%;padding:.85rem 1.2rem;min-height:48px;background:#f5ead7;color:#49342c;border:1px solid #a88c6f}.component-picker button[aria-pressed=true]{background:#713e36;color:#fff8e8;border-color:#713e36;box-shadow:0 4px 0 #d9b17d;transform:translateY(-2px)}.own-component{margin:2rem 0}.own-component label{display:block;margin-bottom:.5rem}.own-component>div{display:flex;gap:.7rem}.own-component input{flex:1;min-width:0}.component-card{border:1px solid #bda588;border-left:5px solid #88704e;background:#fbf2e2;border-radius:18px 28px 22px 12px;padding:1.5rem;margin:1rem 0}.component-heading{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.component-heading h3{margin:0 0 1rem;font-size:1.8rem}.map-marks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.map-marks label{font-size:.9rem;font-weight:650}.map-marks select{display:block;width:100%;padding:.65rem;margin-top:.35rem;background:#fffaf0;color:#38281f;border:1px solid #a08c77;border-radius:7px;font:inherit;min-height:44px}.map-nearness{margin:2rem 0;border-block:1px solid #bda588;padding:1.2rem 0}.map-nearness>summary{font-size:1.2rem}.nearness-item{padding:1rem;background:#f2e8d5;margin:.7rem 0;border-radius:10px}.map-result{max-width:1100px;margin:auto}.map-result .answer-duo{align-items:start}.map-story section{padding:.6rem 0 1rem;border-bottom:1px solid #c7b49d}.map-story h4{font-family:Georgia,serif;font-size:1.45rem;margin:.5rem 0}.map-tags{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0}.map-tags li,.map-tags span{background:#e8ddc9;color:#49372c;padding:.3rem .65rem;border-radius:16px;font-size:.9rem}.map-tags .mark-more{background:#eed1bf}.map-tags .mark-important{background:#dfdac2}.map-tags .mark-curious{background:#dbdfd1}.map-tags .unsure{background:transparent;border:1px dashed #8d7963}.map-echo{padding:1.5rem;background:#e9e6d5;border-radius:28px 10px 28px 10px;margin:2rem 0}.map-echo .hand{margin-top:0}.voice-label{overflow-wrap:anywhere}.map-story p{white-space:pre-wrap;overflow-wrap:anywhere}.component-heading h3{overflow-wrap:anywhere;min-width:0}input,textarea{max-width:100%}
@media(max-width:600px){.map-marks{grid-template-columns:repeat(2,minmax(0,1fr))}.component-card{padding:1rem}.own-component>div{flex-direction:column}.map-result .answer-duo{grid-template-columns:1fr}.component-picker{gap:.5rem}.component-picker button{padding:.65rem .85rem}.map-tags li{font-size:.85rem}.component-heading{flex-wrap:wrap}.map-intro h2{font-size:2.5rem}}