.sq-back{display:none}
body.suit-query-mode .hero,body.suit-query-mode .module-navigation,body.suit-query-mode .more-tools,body.suit-query-mode main>footer,body.suit-query-mode #toolNumber,body.suit-query-mode .tool-mobile-result{display:none}
body.suit-query-mode .sq-back{display:inline-block;margin:2px 0 22px;color:var(--muted);font-size:14px;text-decoration:none}
body.suit-query-mode .work-card{padding:0;background:none;border:0;box-shadow:none}
body.suit-query-mode .tool-heading{margin:0}
body.suit-query-mode #toolTitle{font-size:32px;letter-spacing:.03em}
body.suit-query-mode #toolHelp{margin:8px 0 20px;color:var(--muted);font-size:15px}
.sq-layout{display:grid;grid-template-columns:165px minmax(0,1fr);gap:22px;align-items:start}
.sq-filters{position:sticky;top:24px;padding:15px;border:1px solid var(--line);border-radius:18px;background:#fffefa}
body[data-ui] .sq-level{display:block;font-size:13px;color:var(--muted);font-weight:600}
body[data-ui] .sq-level select{display:block;width:104px;max-width:100%;padding-left:12px;padding-right:26px;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23344f52' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;margin:10px 0 24px;font-size:19px;font-weight:700;height:48px;border-radius:10px;background-color:white;color:var(--hd)}
.sq-filters fieldset{padding:0;border:0;margin:0;min-width:0}
.sq-filters legend{font-size:13px;color:var(--muted);font-weight:600;margin-bottom:10px}
.sq-types{display:grid;gap:7px}
body[data-ui] .sq-types button{display:flex;align-items:center;justify-content:flex-start;gap:10px;width:100%;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--ink);padding:9px 12px;font-size:16px;font-weight:500;cursor:pointer}
body[data-ui] .sq-types button span{opacity:0}
body[data-ui] .sq-types button:hover{background:#f0f5f2}
body[data-ui] .sq-types button[aria-pressed=true]{background:#e5f0ed;border-color:#bad3c8;color:#215547;font-weight:700}
body[data-ui] .sq-types button[aria-pressed=true] span{opacity:1}
.sq-results{min-width:0;min-height:320px}
.sq-result-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}
.sq-result-head h3{font-size:21px;margin:0;color:var(--hd)}
.sq-result-head>span{font-size:13px;color:var(--muted)}
.sq-ranking-note{margin:0 0 20px;font-size:13px;color:var(--muted)}
.sq-table-wrap{border:1px solid #d7dfd8;border-radius:12px;overflow:hidden;background:#fffefa}
body[data-ui] .sq-table{width:100%;table-layout:fixed;border-collapse:collapse;margin:0;font-size:14px}
.sq-col-rank{width:7%}.sq-col-name{width:23%}.sq-col-points{width:9%}.sq-col-effect{width:35%}.sq-col-chance{width:17%}
body[data-ui] .sq-table th,body[data-ui] .sq-table td{padding:10px 10px;text-align:left;vertical-align:middle;border:0;border-bottom:1px solid #dde4df;line-height:1.5}
body[data-ui] .sq-table thead th{background:#eef3ef;color:#526b62;font-size:12px;font-weight:600}
.sq-table thead small{display:block;font-size:11px;font-weight:400}
.sq-tier{--tier-bg:#fffaed;--tier-ink:#895d26;--tier-line:#e8d6b1;--tier-badge:#ad7730}
.sq-tier-1{--tier-bg:#f0f6fd;--tier-ink:#315a83;--tier-line:#c2d5e9;--tier-badge:#487cad}
.sq-tier-2{--tier-bg:#f0f8f1;--tier-ink:#36684a;--tier-line:#c6ddcc;--tier-badge:#538263}
.sq-tier-3{--tier-bg:#f6f3fb;--tier-ink:#685886;--tier-line:#d7cee8;--tier-badge:#85719f}
.sq-tier-4{--tier-bg:#f6f6f3;--tier-ink:#686b66;--tier-line:#dadbd5;--tier-badge:#81857a}
.sq-tier .sq-row{background:var(--tier-bg)}
body[data-ui] .sq-tier+.sq-tier tr:first-child>*{border-top:2px solid #cdd7cf}
body[data-ui] .sq-table .sq-rank{padding:10px 5px;text-align:center;background:var(--tier-bg);border-right:1px solid var(--tier-line);vertical-align:top}
.sq-rank span{display:inline-block;padding:4px 6px;border-radius:5px;background:var(--tier-badge);color:#fff;font-size:14px;font-weight:800}
body[data-ui] .sq-table .sq-name{font-size:14px;font-weight:600;color:var(--hd)}
body[data-ui] .sq-table .sq-points{font-weight:700;color:var(--tier-ink);font-size:16px;font-variant-numeric:tabular-nums}
body[data-ui] .sq-table .sq-effect{font-size:13px;color:var(--muted)}
.sq-table em{font-style:normal;color:#a45d45}
body[data-ui] .sq-table .sq-chance{font-size:12px;color:var(--muted);white-space:nowrap}
.sq-mobile-detail{display:none}
.sq-notes{font-size:12px;line-height:1.85;color:var(--muted);padding:0 2px 20px}
.sq-notes p{margin:8px 0}
.sq-notes summary{cursor:pointer;color:var(--brand)}
.sq-notes details{border:0;background:none;padding:0;margin:12px 0}
.sq-notes a{color:var(--brand)}
@media(max-width:720px){
 body.suit-query-mode>main{padding:20px 14px}
 body.suit-query-mode .sq-back{margin-bottom:18px}
 body.suit-query-mode #toolTitle{font-size:28px}
 body.suit-query-mode #toolHelp{font-size:14px;margin-bottom:20px}
 .sq-layout{grid-template-columns:minmax(0,1fr);gap:22px}
 .sq-filters{position:static;padding:15px}
 body[data-ui] .sq-level{display:flex;align-items:center;justify-content:space-between;gap:14px}
 body[data-ui] .sq-level select{width:104px;margin:0;font-size:17px;height:42px}
 .sq-filters fieldset{margin-top:15px}
 .sq-filters legend{margin-bottom:8px;font-size:12px}
 .sq-types{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}
 body[data-ui] .sq-types button{padding:10px 0;justify-content:center;font-size:14px;min-width:0}
 .sq-types button span{display:none}
 .sq-result-head h3{font-size:19px}
 .sq-col-rank{width:14%}.sq-col-name{width:52%}.sq-col-points{width:17%}.sq-col-effect,.sq-col-chance{display:none}
 body[data-ui] .sq-table .sq-effect,body[data-ui] .sq-table .sq-chance{display:none}
 body[data-ui] .sq-table th,body[data-ui] .sq-table td{padding:8px 6px}
 body[data-ui] .sq-table thead th{font-size:11px}
 body[data-ui] .sq-table .sq-name{font-size:13px}
 body[data-ui] .sq-table .sq-points{font-size:15px}
 .sq-rank span{font-size:12px;padding:3px 5px}
 .sq-mobile-detail{display:block;font-size:11px;font-weight:400;line-height:1.6;margin-top:3px;color:var(--muted)}
 .sq-mobile-detail small{display:block;font-size:10px;margin-top:2px}
}