/* Chart search follows the studio's reading and touch conventions. */
.chart-search-launch{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--gold-light);background:#f1e8d6;font-weight:650}
.chart-search-launch kbd{font:10px var(--ui);padding:3px 5px;color:var(--muted);border:1px solid var(--line);border-radius:4px;background:var(--page);margin-left:6px}
.map-toolbar-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.map-toolbar{gap:10px}.map-toolbar-actions>.icon-button{border:1px solid var(--line);background:#fcf9f0}
dialog#chart-search-dialog{width:min(820px,calc(100vw - 32px));max-height:90dvh;margin:auto;padding:0;border:1px solid var(--gold-light);border-radius:16px;background:var(--page);color:var(--ink);box-shadow:0 20px 100px #23110440;overflow:auto;overscroll-behavior:contain}
.chart-search-header{position:sticky;top:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:24px 28px 20px;border-bottom:1px solid var(--line);background:var(--page)}
.chart-search-header h2{font-size:29px;margin:5px 0 8px}.chart-search-header p{font:13px/1.55 var(--ui);color:var(--muted)}.chart-search-header .icon-button{flex-shrink:0;border:1px solid var(--line)}
.chart-search-body{padding:23px 28px}.chart-search-body .field-label{margin-top:0}.chart-search-field{display:flex;align-items:center;gap:10px;padding:2px 11px;border:1px solid #baaa8e;border-radius:10px;background:white}.chart-search-field:focus-within{outline:3px solid #a77b3e35;border-color:var(--rust)}
.chart-search-field input::-webkit-search-cancel-button{display:none}.chart-search-field>svg{color:var(--rust);width:20px;flex-shrink:0}.chart-search-field input{width:100%;min-width:0;min-height:52px;border:0!important;outline:0!important;box-shadow:none!important;padding:9px 0;font:17px/1.4 var(--ui);background:transparent;color:var(--ink)}.chart-search-field .icon-button{font-size:25px;padding:0;width:36px;flex-shrink:0}
.chart-search-filters{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:15px 0 10px;font:12px var(--ui);color:var(--muted)}.chart-search-filters label{margin-right:3px}.chart-search-filters select{min-height:44px;max-width:100%;font-size:13px;padding:8px 30px 8px 12px;border:1px solid var(--line);border-radius:8px;background:var(--page);color:var(--brown)}.chart-search-filters button{font-size:12px;color:var(--rust);font-weight:600}
.chart-search-help{font:12px/1.6 var(--ui);color:var(--muted);margin:12px 0}.chart-search-help+div{margin-top:20px}.chart-search-notice{padding:15px 17px;background:#f6eddb;border:1px solid var(--gold-light);border-radius:9px;margin:16px 0}.chart-search-notice p{font:13px/1.6 var(--ui)}.chart-search-notice button{font-size:12px;color:var(--rust);text-decoration:underline}
.chart-search-examples{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.chart-search-examples button{font-size:13px;border:1px solid var(--line);background:#f5efe3;padding:10px 14px}.chart-search-examples button:hover{border-color:var(--gold)}
#chart-search-status{font:13px/1.6 var(--ui);color:var(--muted);margin:17px 0 12px;min-height:20px}.chart-search-results{display:grid;gap:8px}
.chart-search-result{display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;padding:15px 17px;border:1px solid var(--line);background:#fdfaf3;border-radius:9px;overflow-wrap:anywhere;min-height:68px}.chart-search-result:hover{border-color:var(--gold);background:#f3ead8}.chart-result-text{font:18px/1.5 var(--text);color:var(--brown);white-space:pre-wrap}.chart-search-result small{font:11px/1.5 var(--ui);color:var(--muted)}.chart-search-result mark{color:inherit;background:#e9d498;padding:0 1px;border-radius:2px}
#chart-search-more{width:100%;margin-top:18px;font-size:13px}#chart-search-share input{display:block;width:100%;font:13px/1.6 var(--ui);padding:12px;border:1px solid var(--line);border-radius:8px}.chart-search-footer{padding:15px 28px;border-top:1px solid var(--line);background:#f4efe4;font:11px/1.6 var(--ui);color:var(--muted)}
.chart-entry-card{padding:12px 18px 8px;border-block:1px solid #d5c29c;background:#f5ecd7;flex-shrink:0}.chart-entry-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:30px}.chart-entry-heading .eyebrow{font-size:9px;letter-spacing:.06em}.chart-entry-heading .icon-button{width:38px;height:38px;min-height:38px;padding:9px;margin:-5px -7px -3px 0}.chart-entry-card h3{font-size:21px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:2px 0 7px}.chart-entry-card h3:focus{outline-offset:3px}.chart-entry-card>p{font:11px/1.5 var(--ui);color:var(--muted);margin:0 0 2px}.chart-entry-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;font:11px var(--ui)}.chart-entry-actions button{font-size:11px;min-height:44px;color:var(--rust);font-weight:600;padding:8px 4px}.chart-entry-step{display:flex;align-items:center;gap:6px;color:var(--muted)}.chart-entry-step button{width:38px;padding:8px}.chart-entry-step span{font-size:10px;white-space:nowrap}
.chart-search-highlight{pointer-events:none;border:3px solid #b34b1b;box-shadow:0 0 0 2px #fff4c1,0 0 0 4px #6e351728;min-width:6px;min-height:6px;border-radius:2px;background:#ffd96a15}
@media(max-width:1199px){.chart-search-launch kbd{display:none}.chart-search-launch{padding:10px}.chart-search-launch>span{font-size:12px}}
@media(max-width:979px){.header-actions .help-button{display:none}}
@media(max-width:640px){.chart-search-launch{width:44px;height:44px;padding:10px}.chart-search-launch>span{display:none}.chart-search-launch kbd{display:none}.site-header .brand-name{font-size:17px}.site-header .brand-seal{width:34px;height:34px}.site-header{gap:7px;padding-inline:14px}.header-actions{gap:0}dialog#chart-search-dialog{width:100%;max-width:100%;height:100dvh;max-height:100dvh;border:0;border-radius:0}.chart-search-header{padding:calc(17px + env(safe-area-inset-top)) 19px 16px;gap:10px}.chart-search-header h2{font-size:25px}.chart-search-header .eyebrow{font-size:9px}.chart-search-header p{font-size:12px}.chart-search-body{padding:20px 19px}.chart-search-field{padding-inline:9px;gap:7px}.chart-search-field input{font-size:16px;min-height:50px}.chart-search-filters{gap:7px}.chart-search-filters>label{width:100%}.chart-search-filters select{flex:1;max-width:210px}.chart-search-filters button{padding-inline:4px}.chart-search-footer{padding:15px 19px calc(15px + env(safe-area-inset-bottom))}.chart-search-result{padding:14px}.chart-result-text{font-size:17px}.chart-entry-card{padding:10px 14px 6px}.chart-entry-card h3{font-size:19px;-webkit-line-clamp:2}.chart-entry-actions{gap:2px}.chart-entry-actions button{font-size:11px}.chart-entry-step{gap:1px}.chart-entry-step button{width:30px}.chart-entry-step span{font-size:9px}.map-toolbar-actions{gap:4px}.map-toolbar-actions .icon-button{width:40px}.map-toolbar{padding-inline:12px}.map-toolbar h2{font-size:20px}}
@media(max-width:359px){.site-header .brand-seal{display:none}.site-header .brand-name{font-size:16px}.site-header{gap:6px;padding-inline:12px}.chart-entry-card h3{font-size:17px}.chart-entry-actions>button{padding-inline:2px}.chart-entry-step span{font-size:8px}.map-toolbar h2{font-size:19px}}
@media(max-height:540px){.chart-search-header{padding-block:13px}.chart-search-header h2{font-size:23px;margin-block:3px}.chart-search-header .eyebrow{display:none}.chart-search-header p{font-size:11px}.chart-search-body{padding-top:16px}.chart-entry-card h3{-webkit-line-clamp:1;font-size:17px;margin:0}.chart-entry-card>p{display:none}.chart-entry-card{padding-block:4px}.chart-entry-heading{min-height:22px}.chart-entry-heading .icon-button{height:30px;min-height:30px}.chart-entry-actions button{min-height:36px}.chart-entry-actions{margin-top:0}}
@media print{#chart-search-dialog,.chart-entry-card{display:none!important}}