/* Keep the clue browser navigation aligned to the viewport, including wide desktops. */
html.clue-browser-root[data-wide="true"] .site-nav-inner{max-width:none;padding-inline:16px}
html.clue-browser-root{color-scheme:light dark;--bg:light-dark(#fff,#1c1917);--panel:light-dark(#fafaf9,#292524);--ink:light-dark(#292524,#e7e5e4);--soft:light-dark(#57534e,#a8a29e);--line:light-dark(#d6d3d180,#57534e80);--accent:light-dark(#2563eb,#93c5fd);--tint:light-dark(#eff6ff,#172554)}
:where(.clue-browser) *{box-sizing:border-box}html.clue-browser-root,body.clue-page{height:100%;overflow:hidden}body.clue-page{margin:0;display:flex;flex-direction:column}.clue-browser{flex:1;min-height:0;margin:0;background:var(--bg);color:var(--ink);font:13px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;display:flex;flex-direction:column}:where(.clue-browser) button,:where(.clue-browser) input,:where(.clue-browser) select{font:inherit}:where(.clue-browser) button,:where(.clue-browser) select{background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:4px;padding:5px 8px}:where(.clue-browser) button{cursor:pointer}:where(.clue-browser) button:disabled{opacity:.4;cursor:default}:where(.clue-browser) input[type=checkbox]{accent-color:var(--accent);margin:0;flex-shrink:0}:where(.clue-browser) a{color:var(--accent)}:where(.clue-browser) h2,:where(.clue-browser) p{margin:0}:where(.clue-browser) label{display:flex;align-items:center;gap:5px}:where(.clue-browser) button:focus-visible,:where(.clue-browser) input:focus-visible,:where(.clue-browser) select:focus-visible,:where(.clue-browser) [tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}:where(.clue-browser) .brand{font:700 26px/1 Georgia,serif;letter-spacing:-1px;color:var(--ink);text-decoration:none}:where(.clue-browser) .layout{display:grid;grid-template-columns:246px minmax(0,1fr);flex:1;min-height:0;width:100%;max-width:2000px;margin:auto}:where(.clue-browser) .filters{background:var(--panel);border-right:1px solid var(--line);padding:13px 11px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;min-height:0}:where(.clue-browser) .workspace{display:flex;flex-direction:column;min-width:0;min-height:0}:where(.clue-browser) .search-area{display:flex;align-items:center;gap:15px;padding:10px 14px;border-bottom:1px solid var(--line);flex:none}:where(.clue-browser) #query{flex:1;min-width:70px;font-size:15px;border:1px solid var(--line);border-radius:5px;padding:8px 10px;background:var(--bg);color:var(--ink)}:where(.clue-browser) .search-options{display:flex;justify-content:flex-end;gap:13px;white-space:nowrap;color:var(--soft);font-size:12px;margin-left:auto}:where(.clue-browser) .content{display:grid;grid-template-columns:minmax(0,1fr) 205px;flex:1;min-height:0}:where(.clue-browser) .facet-section{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}:where(.clue-browser) .facet-section:first-child{margin:0;padding:0;border:0}:where(.clue-browser) .facet-section h2{font-size:13px;margin-bottom:6px;font-weight:650}:where(.clue-browser) .section-toggle{gap:6px}:where(.clue-browser) .section-toggle input{width:13px;height:13px}:where(.clue-browser) .tree-group>summary{list-style:none;display:flex;align-items:center;gap:3px;padding:1px 0;cursor:pointer}:where(.clue-browser) .tree-group>summary::-webkit-details-marker{display:none}:where(.clue-browser) .tree-group>summary::before{content:'›';width:8px;color:var(--soft);font-size:15px;line-height:1}:where(.clue-browser) .tree-group[open]>summary::before{transform:rotate(90deg)}:where(.clue-browser) .tree-group summary label{flex:1;min-width:0;font-weight:550}:where(.clue-browser) .tree-children{padding:0 0 3px 14px}:where(.clue-browser) .leaf-parent{padding-left:11px}:where(.clue-browser) .filter-row{display:flex;align-items:center;gap:4px;padding:4px 0;font-size:12px;min-width:0}:where(.clue-browser) .filter-row .name{overflow-wrap:anywhere;flex:1}:where(.clue-browser) .filter-row .n{margin-left:auto;font-size:11px;font-variant-numeric:tabular-nums;color:var(--soft);padding-left:4px;white-space:nowrap}:where(.clue-browser) .tree-children .filter-row{color:var(--soft)}:where(.clue-browser) .filter-row:has(input:checked){color:var(--accent)}:where(.clue-browser) .filter-row.zero{opacity:.55}:where(.clue-browser) .advanced{margin:18px 0 6px;width:100%;text-align:left;padding:8px}:where(.clue-browser) .report-link{display:block;font-size:11px;margin:4px 0 10px}:where(.clue-browser) main{display:flex;flex-direction:column;min-width:0;min-height:0}:where(.clue-browser) .results-bar{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;flex:none}:where(.clue-browser) .results-bar label{font-size:12px;color:var(--soft)}:where(.clue-browser) .results-bar select{max-width:155px}:where(.clue-browser) #chips{display:flex;flex-wrap:wrap;gap:4px;padding:0 12px 6px;max-height:80px;overflow:auto;flex:none}:where(.clue-browser) #chips:empty{display:none}:where(.clue-browser) .chip{font-size:11px;color:var(--accent);background:var(--tint);border:0;padding:3px 6px}:where(.clue-browser) .table-head,:where(.clue-browser) .virtual-row{display:grid;grid-template-columns:23% minmax(0,1fr) 90px;gap:0}:where(.clue-browser) .table-head{font-size:11px;color:var(--soft);background:var(--panel);border-block:1px solid var(--line);flex:none;padding-right:12px}:where(.clue-browser) .table-head>*{padding:7px 9px;text-align:left}:where(.clue-browser) .table-head button{background:none;border:0;border-radius:0;font-size:11px;color:var(--soft);white-space:nowrap}:where(.clue-browser) .table-head button span{color:var(--accent)}:where(.clue-browser) #viewport{cursor:auto;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;overflow-anchor:none}:where(.clue-browser) #results{position:relative;width:100%}:where(.clue-browser) .virtual-row{position:absolute;left:0;right:0;top:0;border-bottom:1px solid var(--line);background:var(--bg);overflow-anchor:none}:where(.clue-browser) .virtual-row>div{padding:7px 9px;overflow-wrap:anywhere;min-width:0}:where(.clue-browser) .answer,:where(.clue-browser) .clue{background:none;border:0;text-align:left;padding:0;line-height:inherit}:where(.clue-browser) .answer{color:var(--accent);font-size:12px}:where(.clue-browser) .clue{width:100%}:where(.clue-browser) .tier{font-size:11px;color:var(--soft)}:where(.clue-browser) .ranking{border-left:1px solid var(--line);display:flex;flex-direction:column;min-height:0;min-width:0}:where(.clue-browser) .ranking h2{font-size:13px;padding:13px 12px 10px;flex:none}:where(.clue-browser) #rank-viewport{overflow-y:auto;overscroll-behavior:contain;flex:1;min-height:0;scrollbar-width:thin;overflow-anchor:none}:where(.clue-browser) #ranking{position:relative}:where(.clue-browser) .rank-row{display:block;position:absolute;width:100%;left:0;top:0;padding:7px 11px;text-align:left;border:0;background:var(--bg);font-size:12px;line-height:1.4;overflow-wrap:anywhere}:where(.clue-browser) .rank-row:hover,:where(.clue-browser) .rank-row[aria-pressed=true]{background:var(--tint);color:var(--accent)}:where(.clue-browser) .empty{padding:30px 16px;color:var(--soft)}:where(.clue-browser) dialog{background:var(--bg);color:var(--ink);width:min(900px,calc(100% - 24px));padding:0;border:1px solid var(--line);border-radius:8px;max-height:calc(100dvh - 30px);box-shadow:0 12px 70px light-dark(#0004,#0009)}:where(.clue-browser) dialog::backdrop{background:light-dark(#1c191766,#0009)}:where(.clue-browser) dialog>header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line)}:where(.clue-browser) dialog h2{font-size:18px}:where(.clue-browser) dialog>header button{border:0;background:none;font-size:24px;line-height:1}:where(.clue-browser) #advanced-tabs{display:flex;gap:5px;padding:12px 18px 5px;flex-wrap:wrap}:where(.clue-browser) #advanced-tabs button{background:none;border:0}:where(.clue-browser) #advanced-tabs button[aria-pressed=true]{background:var(--tint);color:var(--accent)}:where(.clue-browser) .modal-rule{padding:6px 18px 12px;font-size:12px;color:var(--soft)}#advanced-.clue-browser{padding:0 18px 18px;max-height:55dvh;overflow:auto}:where(.clue-browser) .modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}:where(.clue-browser) .modal-grid .facet-section{border:0;margin:0;padding:0}:where(.clue-browser) dialog footer{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 18px;border-top:1px solid var(--line);background:var(--panel)}:where(.clue-browser) #draft-count{margin-left:auto;color:var(--soft);font-size:12px}:where(.clue-browser) #apply{background:var(--accent);color:var(--bg)}:where(.clue-browser) .match-mode{display:block;font-size:12px;margin-bottom:12px}:where(.clue-browser) .match-mode select{display:block;margin-top:5px;max-width:100%}:where(.clue-browser) .stale{color:var(--accent)!important;font-weight:600}:where(.clue-browser) .wording-filter{display:grid;gap:10px}:where(.clue-browser) .wording-filter select{width:100%;max-width:450px}
@media(max-width:1150px){:where(.clue-browser) .layout{grid-template-columns:224px minmax(0,1fr)}:where(.clue-browser) .content{grid-template-columns:minmax(0,1fr) 170px}:where(.clue-browser) .search-options{gap:8px}:where(.clue-browser) .search-area{gap:9px}:where(.clue-browser) .table-head,:where(.clue-browser) .virtual-row{grid-template-columns:24% minmax(0,1fr) 86px}}
@media(max-width:900px){:where(.clue-browser) .content{grid-template-columns:minmax(0,1fr)}:where(.clue-browser) .ranking{display:none}:where(.clue-browser) .search-options{font-size:11px}:where(.clue-browser) .layout{grid-template-columns:210px minmax(0,1fr)}}
@media(max-width:650px){:where(.clue-browser) .layout{grid-template-columns:160px minmax(0,1fr)}:where(.clue-browser) .filters{padding:10px 7px}:where(.clue-browser) .search-area{flex-wrap:wrap;padding:8px}:where(.clue-browser) .search-options{width:100%;gap:9px}:where(.clue-browser) .results-bar{flex-wrap:wrap;font-size:11px;padding:8px}:where(.clue-browser) .results-bar select{max-width:132px}:where(.clue-browser) .table-head,:where(.clue-browser) .virtual-row{grid-template-columns:30% minmax(0,1fr)}:where(.clue-browser) .table-head>*:last-child,:where(.clue-browser) .virtual-row>.tier{display:none}:where(.clue-browser) .virtual-row>div{padding:7px 6px;font-size:12px}:where(.clue-browser) .table-head>*{padding:7px 6px}:where(.clue-browser) .filter-row{font-size:11px}:where(.clue-browser) .filter-row .n{font-size:10px}:where(.clue-browser) .facet-section h2{font-size:12px}:where(.clue-browser) .tree-children{padding-left:8px}:where(.clue-browser) .modal-grid{grid-template-columns:1fr}:where(.clue-browser) #draft-count{width:100%;order:5;margin:0}:where(.clue-browser) .modal-rule{font-size:11px}}
@media(max-width:650px){:where(.clue-browser) .search-options{flex-wrap:wrap;row-gap:5px}:where(.clue-browser) .search-options label{flex:none}}
/* Revision 5: dense study layout and locally supplied Valkyrie webfonts. */
@font-face{font-family:Valkyrie;src:url('/clues/releases/7444751dc9a7a118b3ba2d57/fonts/valkyrie_a_regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Valkyrie;src:url('/clues/releases/7444751dc9a7a118b3ba2d57/fonts/valkyrie_a_italic.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:Valkyrie;src:url('/clues/releases/7444751dc9a7a118b3ba2d57/fonts/valkyrie_a_bold.woff2') format('woff2');font-weight:600 900;font-style:normal;font-display:swap}
@font-face{font-family:Valkyrie;src:url('/clues/releases/7444751dc9a7a118b3ba2d57/fonts/valkyrie_a_bold_italic.woff2') format('woff2');font-weight:600 900;font-style:italic;font-display:swap}
.clue-browser{font-family:Valkyrie,Georgia,serif;font-size:14px}:where(.clue-browser) .brand{font-family:Valkyrie,Georgia,serif}:where(.clue-browser) .layout{grid-template-columns:246px minmax(0,1fr) 205px}:where(.clue-browser) .content{display:flex}:where(.clue-browser) .content main{width:100%}:where(.clue-browser) .ranking{grid-column:3;grid-row:1}:where(.clue-browser) .result-tools{display:flex;align-items:center;flex-wrap:wrap;gap:7px;min-width:0;flex:1}:where(.clue-browser) .results-bar{align-items:flex-start}:where(.clue-browser) .results-bar>label{flex:none}:where(.clue-browser) #result-count{white-space:nowrap;font-size:13px}:where(.clue-browser) #chips{padding:0;max-height:72px}:where(.clue-browser) .icon-button{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;padding:3px;color:var(--soft);flex:none}:where(.clue-browser) .icon-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}:where(.clue-browser) .icon-button[aria-pressed=true]{color:var(--accent);background:var(--tint)}:where(.clue-browser) .answer-heading{display:flex;align-items:center;gap:1px;padding:0}:where(.clue-browser) .answer-heading #sort-answer{padding:7px 4px 7px 9px}:where(.clue-browser) .table-head .icon-button{padding:3px 1px}:where(.clue-browser) .answer strong,:where(.clue-browser) .rank-row strong,:where(.clue-browser) [data-clear-al] strong{text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}:where(.clue-browser) .answer-text{transition:opacity .08s}body.hide-answers .clue-browser .answer:not(.revealed) .answer-text{opacity:0}body.hide-answers .clue-browser .answer{display:block;width:100%;min-height:22px;border-radius:3px}body.hide-answers .clue-browser .answer:not(.revealed){background:var(--tint)}body.hide-answers .clue-browser .answer:hover .answer-text,body.hide-answers .clue-browser .answer:focus-visible .answer-text{opacity:1}body.hide-answers .clue-browser .answer .answer-text::selection{background:transparent}:where(.clue-browser) .answer,:where(.clue-browser) .rank-row{font-family:inherit}:where(.clue-browser) .filter-row{font-size:12.5px}:where(.clue-browser) .filter-row .n{font-variant-numeric:lining-nums tabular-nums}:where(.clue-browser) .virtual-row .clue{font-size:14px}:where(.clue-browser) .answer{font-size:13px}:where(.clue-browser) .rank-row{font-size:13px}:where(.clue-browser) .table-head button{font-size:12px}:where(.clue-browser) .filter-row .name{overflow-wrap:normal}:where(.clue-browser) .tree-children{padding-left:12px}
@media(max-width:1150px){:where(.clue-browser) .layout{grid-template-columns:224px minmax(0,1fr) 170px}:where(.clue-browser) .result-tools{gap:5px}:where(.clue-browser) .search-options{flex-wrap:wrap}:where(.clue-browser) .search-area{gap:7px}}
@media(max-width:900px){:where(.clue-browser) .layout{grid-template-columns:210px minmax(0,1fr)}:where(.clue-browser) .ranking{display:none}}
@media(max-width:650px){:where(.clue-browser) .layout{grid-template-columns:160px minmax(0,1fr)}:where(.clue-browser) .result-tools{gap:5px}:where(.clue-browser) #result-count{font-size:11px}:where(.clue-browser) .virtual-row .clue{font-size:12px}:where(.clue-browser) .answer{font-size:12px}:where(.clue-browser) .filter-row{font-size:11px}:where(.clue-browser) .tree-children{padding-left:8px}:where(.clue-browser) .answer-heading #sort-answer{padding-left:6px}:where(.clue-browser) .table-head .icon-button svg{width:14px;height:14px}}

/* Revision 6: unruled filters, with difficulty and importance first. */
:where(.clue-browser) .facet-section{border-top:0;margin-top:18px;padding-top:0}
body.hide-answers .clue-browser .answer:not(.revealed):not(:hover):not(:focus-visible){height:22px;overflow:hidden}
/* Search modes live inside the input border, without covering typed text. */
:where(.clue-browser) .search-field{position:relative;flex:1;min-width:0;display:flex;align-items:center;border:1px solid var(--line);border-radius:5px;background:var(--bg)}
:where(.clue-browser) .search-field:focus-within{outline:2px solid var(--accent);outline-offset:2px}
:where(.clue-browser) .search-field #query{width:100%;min-width:0;padding-right:4px;border:0;background:transparent;outline:none}
:where(.clue-browser) .search-modes{display:flex;gap:2px;flex:none;padding:0 5px}
:where(.clue-browser) .search-modes button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:3px;border:1px solid transparent;background:transparent;color:var(--soft);font:600 13px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
:where(.clue-browser) .search-modes button:hover{background:var(--panel)}
:where(.clue-browser) .search-modes button[aria-pressed=true]{color:var(--accent);background:var(--tint);border-color:var(--accent)}
:where(.clue-browser) .whole-word-icon{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
:where(.clue-browser) .exact-string-icon{border:1px solid currentColor;border-radius:1px;padding:1px}
@media(max-width:650px){:where(.clue-browser) .search-field{flex-basis:100%}:where(.clue-browser) .search-modes{gap:0;padding-right:3px}:where(.clue-browser) .search-modes button{width:25px}}

/* Keep the count and sort control on separate rows on narrow phone screens. */
@media(max-width:650px){:where(.clue-browser) .results-bar{flex-direction:column;align-items:stretch}:where(.clue-browser) .results-bar>label{align-self:flex-end}:where(.clue-browser) .result-tools{width:100%}}

/* The shared site navigation stays outside the viewer's scoped styles. */
body.clue-page>.site-nav{flex:none;position:relative;z-index:30}


/* Keep sidebar labels and table answers neutral while controls retain blue accents. */
:where(.clue-browser) #sidebar,:where(.clue-browser) #sidebar .filter-row,:where(.clue-browser) #sidebar .filter-row .n,:where(.clue-browser) .answer{color:light-dark(#000,#e7e5e4)}

.clue-browser #clue-load-status{font:12px/1.4 sans-serif;color:var(--soft)}
.clue-browser #clue-load-status:empty{display:none}
.clue-browser #clue-load-status button{color:var(--accent);background:transparent;border:0;text-decoration:underline;padding:0 4px}

/* Mobile filters leave the reading area free and use native dialog focus/escape handling. */
.clue-browser .mobile-only{display:none}
.clue-browser #mobile-filters{inset:0 auto 0 0;margin:0;width:min(420px,100%);height:100dvh;max-height:100dvh;max-width:100%;border:0;border-right:1px solid var(--line);border-radius:0;padding:0;box-shadow:none}
.clue-browser #mobile-filters[open]{display:flex;flex-direction:column}
.clue-browser #mobile-filters>header,.clue-browser #mobile-filters>footer{flex:none;padding:12px 16px}
.clue-browser #mobile-filters h2{font-family:Valkyrie,Georgia,serif;font-size:22px}
.clue-browser #mobile-filters-body{display:flex;flex:1;min-height:0}
.clue-browser #mobile-filters .filters{width:100%;padding:12px 16px 24px;border:0;scrollbar-gutter:stable}
.clue-browser #mobile-filters footer{padding-bottom:max(12px,env(safe-area-inset-bottom));justify-content:space-between}
.clue-browser #filter-result-count{color:var(--soft);font-size:13px}
.clue-browser #view-results{background:var(--accent);color:light-dark(#fff,#172554);padding:10px 16px;border-radius:0}
.clue-browser #close-filters{width:44px;height:44px;padding:0}
@media(max-width:900px){
 html.clue-browser-root,body.clue-page{height:100dvh}
 .clue-browser .layout{grid-template-columns:minmax(0,1fr)}
 .clue-browser .mobile-only{display:inline-flex;align-items:center;justify-content:center}
 .clue-browser .search-area{flex-wrap:wrap;padding:8px 12px;gap:4px}
 .clue-browser .search-field{flex-basis:100%;border-radius:0}
 .clue-browser .search-field #query{font-size:16px;min-height:44px}
 .clue-browser .search-modes{gap:0;padding:0 2px}
 .clue-browser .search-modes button{width:36px;height:44px}
 .clue-browser .search-options{width:100%;justify-content:flex-start;margin:0;gap:12px;font-size:13px}
 .clue-browser .search-options label{min-height:44px}
 .clue-browser #open-filters{margin-right:auto;min-height:44px;padding:8px 12px;color:var(--accent);border-radius:0;gap:3px}
 .clue-browser .results-bar{padding:4px 12px 8px;flex-direction:row;flex-wrap:wrap;align-items:center}
 .clue-browser .results-bar>label{align-self:center;margin-left:auto}
 .clue-browser .result-tools{width:auto;gap:6px}
 .clue-browser #result-count{font-size:13px}
 .clue-browser .results-bar select{min-height:44px;font-size:16px;max-width:160px}
 .clue-browser #chips{flex-basis:100%;max-height:88px}
 .clue-browser .chip{min-height:36px;padding:6px 8px;font-size:12px}
 .clue-browser .icon-button{min-width:44px;min-height:44px}
 .clue-browser .table-head button{min-height:44px;font-size:13px}
 .clue-browser .table-head .icon-button svg{width:18px;height:18px}
 .clue-browser .filter-row,.clue-browser .section-toggle{min-height:44px;font-size:15px;gap:10px}
 .clue-browser .filter-row .name{overflow-wrap:anywhere}
 .clue-browser .filter-row .n{font-size:13px}
 .clue-browser .filter-row input,.clue-browser .section-toggle input{width:18px;height:18px}
 .clue-browser .tree-group>summary::before{width:24px;flex:none;font-size:22px}
 .clue-browser .tree-children{padding-left:24px}
 .clue-browser .leaf-parent{padding-left:27px}
 .clue-browser .facet-section h2{font-size:16px}
}
@media(max-width:650px){
 .clue-browser .results-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px}
 .clue-browser .result-tools{display:contents}
 .clue-browser #result-count{grid-column:1;grid-row:1;align-self:center}
 .clue-browser #shuffle{grid-column:2;grid-row:1;justify-self:end}
 .clue-browser #chips{grid-column:1;grid-row:2;align-self:center}
 .clue-browser .results-bar>label{grid-column:2;grid-row:2;margin:0}
 .clue-browser .results-bar select{max-width:140px}
 .clue-browser #clue-load-status{grid-column:1/-1}
 .clue-browser .table-head{display:flex;padding:0 12px;align-items:center;justify-content:space-between}
 .clue-browser .table-head #sort-clue{order:0;padding-left:0}
 .clue-browser .table-head .answer-heading{order:1}
 .clue-browser .table-head #sort-importance{display:none}
 .clue-browser .virtual-row{grid-template-columns:minmax(0,1fr) auto;padding:12px;row-gap:6px}
 .clue-browser .virtual-row>div{padding:0}
 .clue-browser .virtual-row>.clue-cell{grid-column:1/-1;grid-row:1}
 .clue-browser .virtual-row>.answer-cell{grid-column:1;grid-row:2;display:flex;align-items:baseline;gap:8px;min-width:0}
 .clue-browser .answer-cell::before{content:'Answer';font:12px/1.5 sans-serif;color:var(--soft);flex:none}
 .clue-browser .virtual-row>.tier{display:flex;align-items:center;grid-column:2;grid-row:2;font-size:11px}
 .clue-browser .virtual-row>.tier::after{content:" importance";white-space:pre}
 .clue-browser .virtual-row .clue{font-size:16px;line-height:1.5}
 .clue-browser .answer{font-size:15px;min-height:44px;line-height:1.45;flex:1;min-width:0}
 body.hide-answers .clue-browser .answer{min-height:44px;border-radius:0}
 body.hide-answers .clue-browser .answer:not(.revealed):not(:hover):not(:focus-visible){height:44px}
 .clue-browser #viewport{padding-bottom:env(safe-area-inset-bottom);scrollbar-gutter:auto}
}

/* Frequency is a second full-width view on phones/tablets, using the desktop list. */
.clue-browser #clues-panel{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0}
.clue-browser [hidden]{display:none!important}
@media(max-width:900px){
 .clue-browser .mobile-views{flex:none;justify-content:flex-start;gap:0;padding:0 12px 4px}
 .clue-browser .mobile-views button{min-height:44px;min-width:96px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--soft);font-size:15px}
 .clue-browser .mobile-views button[aria-pressed=true]{border-bottom-color:var(--accent);color:var(--accent)}
 .clue-browser .ranking{display:flex;flex:1;border:0;border-top:1px solid var(--line)}
 .clue-browser #rank-viewport{padding-bottom:env(safe-area-inset-bottom)}
 .clue-browser .rank-row{padding:12px 16px;min-height:48px;font-size:16px;line-height:1.45;border-radius:0;border-bottom:1px solid var(--line)}
 .clue-browser[data-mobile-view="frequency"] #shuffle,.clue-browser[data-mobile-view="frequency"] .results-bar>label{display:none}
 .clue-browser[data-mobile-view="frequency"] .results-bar{display:flex;flex-direction:column;align-items:stretch}
 .clue-browser[data-mobile-view="frequency"] .result-tools{display:flex;flex-direction:column;align-items:flex-start;width:100%}
}

@media(min-width:651px) and (max-width:900px) and (max-height:500px){
 .clue-browser .search-area{flex-wrap:nowrap;gap:12px}
 .clue-browser .search-field{flex-basis:0}
 .clue-browser .search-options{width:auto;flex:none}
}