.selectory-tools-page{min-height:70vh;padding-block:clamp(1.4rem,3vw,2.5rem) 4rem}.selectory-tools-intro{margin-bottom:clamp(1rem,3vw,1.7rem)}.selectory-tools-intro h1{font-family:var(--serif);margin:.35rem 0;font-size:clamp(2rem,4vw,3.4rem);line-height:1.13}.selectory-tools-intro>p:last-child{color:var(--muted);font-size:.88rem}.selectory-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:1.1rem;display:grid}.selectory-tool{border:1px solid var(--glass-border);background:var(--glass);min-width:0;box-shadow:var(--glass-shadow);border-radius:18px;padding:clamp(.9rem,2vw,1.5rem)}.selectory-tool-house{grid-column:1/-1}.selectory-tool-top{align-items:center;gap:.8rem;margin-bottom:1rem;display:flex}.selectory-tool-top h2{font-family:var(--serif);font-size:clamp(1.25rem,2.3vw,1.65rem);line-height:1.2}.selectory-tool-top p{color:var(--muted);font-size:.77rem}.selectory-tool-symbol{width:42px;height:42px;color:var(--ink);background:#e1f5fb;border-radius:12px;flex:none;place-items:center;font-size:1.45rem;font-weight:700;display:grid}.selectory-tool-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.selectory-tool-fields label{flex-direction:column;gap:.3rem;min-width:0;font-size:.79rem;font-weight:650;display:flex}.selectory-tool-fields input{border:1px solid var(--line);width:100%;min-width:0;color:var(--ink);font:inherit;background:#fff;border-radius:9px;min-height:45px;padding:.66rem .7rem;font-size:1rem;font-weight:500}.selectory-tool-fields input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.selectory-tool-result{background:#e9f7fb;border-radius:12px;flex-direction:column;justify-content:center;gap:.15rem;min-height:110px;margin-top:1rem;padding:1rem;display:flex}.selectory-tool-result span{font-size:.8rem}.selectory-tool-result strong{font-family:var(--serif);font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.2}.selectory-tool-result small{color:var(--muted);font-size:.78rem}.selectory-tool-note{color:var(--muted);margin-top:.9rem;font-size:.74rem;line-height:1.6}.selectory-tool-total{margin:1.1rem 0 .75rem;font-size:.89rem}.selectory-material-results{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;display:grid}.selectory-material-results>div{background:#e9f7fb;border-radius:11px;flex-direction:column;min-width:0;padding:.85rem;display:flex}.selectory-material-results span{font-size:.77rem}.selectory-material-results strong{font-family:var(--serif);overflow-wrap:anywhere;font-size:clamp(1.3rem,2vw,1.8rem)}.selectory-material-results small{color:var(--muted);font-size:.7rem}@media (max-width:700px){.selectory-tools-grid{grid-template-columns:1fr;gap:.8rem}.selectory-tool-house{grid-column:auto}.selectory-tools-page{padding-top:1.25rem}.selectory-material-results{grid-template-columns:repeat(2,minmax(0,1fr))}.selectory-tool-fields{gap:.55rem}.selectory-tool-top{margin-bottom:.75rem}}@media (max-width:340px){.selectory-tool-fields{grid-template-columns:1fr}}.selectory-tools-tiles{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:1rem;display:grid}.selectory-tool-tile{border:1px solid var(--glass-border);background:var(--glass);min-height:106px;box-shadow:var(--glass-shadow);min-width:0;transition:transform var(--ease),background var(--ease);border-radius:16px;align-items:center;gap:.75rem;padding:clamp(.9rem,2vw,1.3rem);display:flex}.selectory-tool-tile:hover{background:var(--glass-strong);transform:translateY(-3px)}.selectory-tool-tile:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.selectory-tool-tile strong{font-family:var(--serif);min-width:0;font-size:clamp(1rem,1.65vw,1.3rem);line-height:1.3}.selectory-tool-tile-arrow{flex:none;margin-left:auto}.selectory-tool-detail .selectory-tools-grid{grid-template-columns:minmax(0,1fr);max-width:850px}.selectory-tool-detail .selectory-tool-house{grid-column:auto}.selectory-tool-back{text-underline-offset:4px;margin-bottom:.85rem;font-size:.82rem;text-decoration:underline;display:inline-block}@media (max-width:700px){.selectory-tools-tiles{grid-template-columns:1fr;gap:.75rem}.selectory-tool-tile{min-height:78px}}
