:root{--page:#F6F6F7;--surface:#FFFFFF;--surface-soft:#F0F0F2;--text:#16161A;--text-muted:#585860;--text-faint:#6f6f78;--border:#E7E7EA;--accent:#4F46E5;--accent-press:#4338CA;--accent-soft:#EEEDFB;--accent-on-soft:#4338CA;--signal-hot:#E8934A;--font-ui:Inter,-apple-system,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono","SF Mono","Roboto Mono",ui-monospace,monospace}
:root[data-theme="dark"]{--page:#141417;--surface:#1D1D21;--surface-soft:#26262B;--text:#F3F3F1;--text-muted:#A2A2AA;--text-faint:#8b8b93;--border:#32323A;--accent:#8079F2;--accent-press:#6E64EC;--accent-soft:#2A2740;--accent-on-soft:#B7B1F7}
@media(prefers-color-scheme:dark){:root[data-theme="system"]{--page:#141417;--surface:#1D1D21;--surface-soft:#26262B;--text:#F3F3F1;--text-muted:#A2A2AA;--text-faint:#8b8b93;--border:#32323A;--accent:#8079F2;--accent-press:#6E64EC;--accent-soft:#2A2740;--accent-on-soft:#B7B1F7}}
:root[data-theme="github-light"]{--page:#ffffff;--surface:#ffffff;--surface-soft:#f6f8fa;--text:#1f2328;--text-muted:#59636e;--text-faint:#818b98;--border:#d0d7de;--accent:#0969da;--accent-press:#0550ae;--accent-soft:#ddf4ff;--accent-on-soft:#0550ae;--signal-hot:#bc4c00}
:root[data-theme="github-dark"]{--page:#0d1117;--surface:#161b22;--surface-soft:#21262d;--text:#e6edf3;--text-muted:#9aa4af;--text-faint:#7d8590;--border:#30363d;--accent:#2f81f7;--accent-press:#1f6feb;--accent-soft:#16304f;--accent-on-soft:#79c0ff;--signal-hot:#db6d28}
:root[data-theme="dracula"]{--page:#282a36;--surface:#343746;--surface-soft:#424459;--text:#f8f8f2;--text-muted:#c3c8db;--text-faint:#8b90a8;--border:#44475a;--accent:#bd93f9;--accent-press:#a97ff0;--accent-soft:#3a2f52;--accent-on-soft:#d6b8ff;--signal-hot:#ffb86c}
:root[data-theme="nord"]{--page:#2e3440;--surface:#3b4252;--surface-soft:#434c5e;--text:#eceff4;--text-muted:#c8d0de;--text-faint:#9aa3b5;--border:#4c566a;--accent:#88c0d0;--accent-press:#6fb0c4;--accent-soft:#3a4a52;--accent-on-soft:#a3d3e0;--signal-hot:#d08770}
:root[data-theme="solarized"]{--page:#fdf6e3;--surface:#fffbf0;--surface-soft:#eee8d5;--text:#4a5b61;--text-muted:#657b83;--text-faint:#93a1a1;--border:#e3dcc4;--accent:#268bd2;--accent-press:#1e6fa8;--accent-soft:#e2eef6;--accent-on-soft:#1e6fa8;--signal-hot:#cb4b16}
:root[data-theme="one-dark"]{--page:#282c34;--surface:#21252b;--surface-soft:#2c313a;--text:#abb2bf;--text-muted:#9098a6;--text-faint:#727a88;--border:#3b4048;--accent:#61afef;--accent-press:#4d9de0;--accent-soft:#26333f;--accent-on-soft:#8fc6f5;--signal-hot:#e5c07b}
:root[data-theme="catppuccin"]{--page:#1e1e2e;--surface:#313244;--surface-soft:#45475a;--text:#cdd6f4;--text-muted:#a6adc8;--text-faint:#8087a0;--border:#45475a;--accent:#cba6f7;--accent-press:#b48ef0;--accent-soft:#35304a;--accent-on-soft:#ddc4fb;--signal-hot:#fab387}
:root[data-theme="rose-pine"]{--page:#191724;--surface:#1f1d2e;--surface-soft:#26233a;--text:#e0def4;--text-muted:#c4c1dc;--text-faint:#908caa;--border:#2a273f;--accent:#c4a7e7;--accent-press:#b191dd;--accent-soft:#2f2a44;--accent-on-soft:#d6c1f0;--signal-hot:#ebbcba}
/* pastel light themes (GitHub-popular palettes) */
:root[data-theme="rose-pine-dawn"]{--page:#faf4ed;--surface:#fffaf3;--surface-soft:#f2e9e1;--text:#575279;--text-muted:#797593;--text-faint:#9893a5;--border:#e4dcd4;--accent:#907aa9;--accent-press:#7d6795;--accent-soft:#eae2ee;--accent-on-soft:#6c5b86;--signal-hot:#d7827e}
:root[data-theme="catppuccin-latte"]{--page:#eff1f5;--surface:#ffffff;--surface-soft:#e6e9ef;--text:#4c4f69;--text-muted:#6c6f85;--text-faint:#8c8fa1;--border:#ccd0da;--accent:#8839ef;--accent-press:#7a2fe0;--accent-soft:#e9ddfb;--accent-on-soft:#7a2fe0;--signal-hot:#fe640b}
:root[data-theme="gruvbox-light"]{--page:#fbf1c7;--surface:#f9f5d7;--surface-soft:#f2e5bc;--text:#3c3836;--text-muted:#665c54;--text-faint:#7c6f64;--border:#e8d9a8;--accent:#427b58;--accent-press:#386641;--accent-soft:#e2eccf;--accent-on-soft:#386641;--signal-hot:#af3a03}
:root[data-theme="everforest-light"]{--page:#fdf6e3;--surface:#f4f0d9;--surface-soft:#eeead0;--text:#5c6a72;--text-muted:#7a8478;--text-faint:#a6b0a0;--border:#e4e0c8;--accent:#8da101;--accent-press:#74810a;--accent-soft:#e7ecc9;--accent-on-soft:#667c0a;--signal-hot:#dfa000}
:root[data-theme="tokyonight-day"]{--page:#e1e2e7;--surface:#ffffff;--surface-soft:#dcdee4;--text:#343b58;--text-muted:#565f89;--text-faint:#8990b3;--border:#c4c8da;--accent:#2e7de9;--accent-press:#1e66d0;--accent-soft:#dbe6fb;--accent-on-soft:#1e66d0;--signal-hot:#b15c00}
:root[data-theme="mint"]{--page:#e9faf1;--surface:#ffffff;--surface-soft:#d9f4e6;--text:#1f3d30;--text-muted:#456355;--text-faint:#749185;--border:#cbeade;--accent:#0ea371;--accent-press:#0b8a60;--accent-soft:#d4f4e5;--accent-on-soft:#0a7a55;--signal-hot:#e8934a}
:root[data-theme="lavender"]{--page:#f2f0ff;--surface:#ffffff;--surface-soft:#e8e5fb;--text:#2e2a4d;--text-muted:#565278;--text-faint:#8480a8;--border:#ddd9f5;--accent:#6d5df0;--accent-press:#5c4de0;--accent-soft:#e6e2fc;--accent-on-soft:#5044c4;--signal-hot:#e8934a}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--page);color:var(--text);font-family:var(--font-ui);font-size:19px;line-height:1.55}
a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}
.wrap{max-width:1040px;margin:0 auto;padding:0 16px}
.site-header{position:sticky;top:0;z-index:5;background:var(--surface);border-bottom:1px solid var(--border)}
.site-header .toprow{display:flex;align-items:center;gap:12px;height:58px}
.hspacer{flex:1}
.brand{font-weight:normal;font-size:27px;white-space:nowrap;line-height:1}
.brand-copy{font-family:'Pacifico',cursive;color:#E53935}
.brand-prompt{font-family:'Pacifico',cursive;color:var(--text)}
/* search */
.search{position:relative;flex:1;max-width:440px;margin:0 auto 0 8px}
.search-ic{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--text-faint);pointer-events:none}
#q{width:100%;height:38px;padding:0 12px 0 34px;border:1px solid var(--border);border-radius:9px;background:var(--surface-soft);color:var(--text);font-family:var(--font-ui);font-size:16px;outline:none}
#q:focus{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px var(--accent-soft)}
.search-res{position:absolute;left:0;right:0;top:44px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.14);padding:6px;display:none;max-height:min(70vh,460px);overflow:auto;z-index:30}
.search-res.show{display:block}
.search-res a{display:block;padding:9px 11px;border-radius:8px;color:var(--text)}
.search-res a:hover,.search-res a.sel{background:var(--surface-soft);text-decoration:none}
.search-res .rt{font-size:16px;font-weight:600;line-height:1.3}
.search-res .rc{font-size:14px;color:var(--text-faint);font-family:var(--font-mono)}
.search-res .empty{padding:14px 11px;color:var(--text-faint);font-size:15px}
/* top categories bar — desktop shows ALL items (wraps, no scroll) */
.cat-bar{border-top:1px solid var(--border)}
.cat-bar-inner{display:flex;flex-wrap:wrap;gap:2px}
.gtab{white-space:nowrap;padding:11px 13px;font-size:19px;font-weight:700;color:var(--text-muted);border-bottom:2px solid transparent}
.gtab:hover{color:var(--text);text-decoration:none}
.gtab.active{color:var(--accent);border-bottom-color:var(--accent)}
/* subcategories bar */
.subbar-wrap{background:var(--surface-soft);border-bottom:1px solid var(--border)}
.subbar{display:none}.subbar.show{display:block}
.subbar-inner{display:flex;gap:8px;flex-wrap:wrap;padding:10px 16px}
.stab{white-space:nowrap;font-size:18px;font-weight:700;color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:6px 13px}
.stab:hover{text-decoration:none;border-color:var(--accent);color:var(--text)}
.stab.active{background:var(--accent-soft);color:var(--accent-on-soft);border-color:transparent}
.stab .n{font-family:var(--font-mono);font-size:18px;opacity:.6}
/* tier-3 leaf row: sits below the middle row; lighter, outline pills */
.subbar.leafrow{background:var(--surface)}
.subbar.leafrow .subbar-inner{padding-top:8px;padding-bottom:8px}
.leafrow .stab{font-size:17px;background:transparent;padding:5px 12px}
.leafrow .stab .n{font-size:16px}
/* fixed bottom nav (mobile portrait): subcategory row above categories row, both horizontal-scroll */
.bottom-nav{display:none}
.bottom-nav .cat-bar{border-top:1px solid var(--border);border-bottom:none}
.bottom-nav .cat-bar-inner,.bottom-nav .subbar-inner{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.bottom-nav .cat-bar-inner::-webkit-scrollbar,.bottom-nav .subbar-inner::-webkit-scrollbar{display:none}
.bottom-nav .subbar-wrap{border-bottom:none}
.bottom-nav .subbar-inner{padding:8px 12px}
.muted-count{font-family:var(--font-mono);font-size:17px;color:var(--text-faint);font-weight:500}
/* theme picker */
.theme-menu{position:relative}
.fsize-ctl{display:flex;align-items:center;height:52px;border-radius:12px;border:1px solid var(--border);overflow:hidden}
.fsize-btn{width:48px;height:100%;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-muted);font-size:28px;font-weight:700;line-height:1;cursor:pointer;font-family:var(--font-ui)}
.fsize-btn:hover{background:var(--surface-soft);color:var(--text)}
.fsize-icon{height:100%;display:flex;align-items:center;color:var(--text-faint);padding:0 12px;border-left:1px solid var(--border);border-right:1px solid var(--border)}
.theme-menu>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9px;color:var(--text-muted);border:1px solid var(--border)}
.theme-menu>summary::-webkit-details-marker{display:none}
.theme-menu>summary:hover{color:var(--text);background:var(--surface-soft)}
.theme-pop{position:absolute;right:0;top:44px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.16);padding:6px;display:grid;gap:2px;min-width:190px;z-index:20}
.theme-opt{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:none;border:none;border-radius:8px;padding:8px 10px;font-size:17px;font-weight:500;color:var(--text);cursor:pointer;font-family:var(--font-ui)}
.theme-opt:hover{background:var(--surface-soft)}
.theme-opt[aria-current="true"]{background:var(--accent-soft);color:var(--accent-on-soft)}
.theme-opt .sw{width:22px;height:22px;border-radius:6px;border:1px solid rgba(0,0,0,.15);position:relative;flex:none}
.theme-opt .sw i{position:absolute;right:2px;bottom:2px;width:9px;height:9px;border-radius:50%;border:1px solid rgba(255,255,255,.5)}
/* language picker */
.lang-menu{position:relative}
.lang-menu>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:5px;height:36px;padding:0 10px;border-radius:9px;color:var(--text-muted);border:1px solid var(--border);font-size:17px;font-weight:600}
.lang-menu>summary::-webkit-details-marker{display:none}
.lang-menu>summary:hover{color:var(--text);background:var(--surface-soft)}
.lang-cur{font-family:var(--font-mono)}
.lang-pop{position:absolute;left:0;top:44px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.16);padding:6px;display:grid;gap:2px;min-width:150px;z-index:20}
.lang-opt{text-align:left;background:none;border:none;border-radius:8px;padding:8px 12px;font-size:17px;font-weight:500;color:var(--text);cursor:pointer;font-family:var(--font-ui)}
.lang-opt:hover{background:var(--surface-soft)}
.lang-opt[aria-current="true"]{background:var(--accent-soft);color:var(--accent-on-soft)}
.hero{padding:44px 0 20px}.hero h1{font-size:36px;font-weight:600;margin:0 0 10px;letter-spacing:-.02em}
.sub{color:var(--text-muted);margin:0 0 8px;font-size:19px}
.home-section{margin:30px 0}.home-section h2{font-size:23px;font-weight:600;margin:0 0 16px}
.home-section h2 a,.mid-block h2 a{color:var(--text)}.home-section h2 a:hover,.mid-block h2 a:hover{color:var(--accent);text-decoration:none}
.mid-block{margin:26px 0}.mid-block h2{font-size:21px;font-weight:600;margin:0 0 12px}
.chip-row{display:flex;flex-wrap:wrap;gap:10px}
.cat-chip{display:inline-flex;align-items:center;gap:7px;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:8px 14px;font-size:17px;font-weight:600;color:var(--text)}
.cat-chip:hover{text-decoration:none;border-color:var(--accent);color:var(--accent)}
.cat-chip .n{font-family:var(--font-mono);font-size:15px;font-weight:500;color:var(--text-faint)}
.cat-pills{display:flex;flex-wrap:wrap;gap:10px}
.cat-pill{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:8px 14px;font-size:17px;font-weight:600;color:var(--text)}
.cat-pill:hover{text-decoration:none;border-color:var(--accent)}.cat-pill .count{font-family:var(--font-mono);font-size:17px;color:var(--text-faint)}
/* post-it note palettes — canary yellow, pink, orange, green, blue (+ muted dark set) */
:root,:root[data-theme="github-light"],:root[data-theme="solarized"],:root[data-theme="rose-pine-dawn"],:root[data-theme="catppuccin-latte"],:root[data-theme="gruvbox-light"],:root[data-theme="everforest-light"],:root[data-theme="tokyonight-day"],:root[data-theme="mint"],:root[data-theme="lavender"]{--note-a:#FDF287;--note-b:#FBBBD0;--note-c:#FDCB92;--note-d:#C5EBA0;--note-e:#AEDCF3;--note-ink:#2a2a2a;--note-pill:rgba(0,0,0,.08);--note-fold:rgba(0,0,0,.15)}
:root[data-theme="dark"],:root[data-theme="github-dark"],:root[data-theme="dracula"],:root[data-theme="nord"],:root[data-theme="one-dark"],:root[data-theme="catppuccin"],:root[data-theme="rose-pine"]{--note-a:#403c22;--note-b:#402a34;--note-c:#3e3020;--note-d:#26382a;--note-e:#223444;--note-ink:#ededf1;--note-pill:rgba(255,255,255,.12);--note-fold:rgba(0,0,0,.32)}
@media(prefers-color-scheme:dark){:root[data-theme="system"]{--note-a:#403c22;--note-b:#402a34;--note-c:#3e3020;--note-d:#26382a;--note-e:#223444;--note-ink:#ededf1;--note-pill:rgba(255,255,255,.12);--note-fold:rgba(0,0,0,.32)}}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;padding:6px 4px}
.card{--card-bg:var(--note-a);position:relative;background:var(--card-bg);border:none;border-radius:2px;padding:16px 15px 14px;display:flex;flex-direction:column;gap:9px;color:var(--note-ink);box-shadow:2px 4px 10px rgba(0,0,0,.16);transform:rotate(var(--tilt,-1deg));transition:transform .13s ease,box-shadow .13s ease}
.card.note-1{--card-bg:var(--note-a)}.card.note-2{--card-bg:var(--note-b)}.card.note-3{--card-bg:var(--note-c)}.card.note-4{--card-bg:var(--note-d)}.card.note-5{--card-bg:var(--note-e)}
.card::before{content:"";position:absolute;top:-7px;left:50%;transform:translateX(-50%) rotate(-2deg);width:64px;height:16px;background:rgba(255,255,255,.35);border:1px solid rgba(0,0,0,.05);border-radius:1px}
.card::after{content:"";position:absolute;right:0;bottom:0;width:0;height:0;border-style:solid;border-width:0 0 16px 16px;border-color:transparent transparent var(--note-fold) transparent}
.card:hover{transform:rotate(0) translateY(-3px);box-shadow:3px 9px 20px rgba(0,0,0,.24);z-index:2}
.card .ctitle{font-size:calc(20px + var(--card-fs, 0px));font-weight:600;line-height:1.3;color:var(--note-ink);text-decoration:none}
.card .ctitle::after{content:"";position:absolute;inset:0;z-index:1}
.card .ctitle:hover{text-decoration:none}
.vote{display:flex;gap:8px;margin-top:2px;position:relative;z-index:2}
.vbtn{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border:1px solid var(--note-fold);background:var(--note-pill);color:var(--note-ink);border-radius:8px;font-family:var(--font-mono);font-size:15px;font-weight:600;cursor:pointer;opacity:.75;transition:opacity .12s,transform .12s,background .12s}
.vbtn:hover{opacity:1}
.vbtn:active{transform:scale(.94)}
.vbtn.voted{opacity:1;background:var(--surface);border-color:var(--accent);color:var(--accent)}
.vbtn.vdown.voted{color:var(--signal-hot);border-color:var(--signal-hot)}
.vbtn .vc{font-variant-numeric:tabular-nums}
.card .vbtn{font-size:calc(17px + var(--card-fs, 0px))}
.card .cbody{font-size:calc(19px + var(--card-fs, 0px));color:var(--note-ink);opacity:.78;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.badges{display:flex;flex-wrap:wrap;gap:6px}
.badge{font-family:var(--font-mono);font-size:15px;font-weight:500;background:var(--accent-soft);color:var(--accent-on-soft);border-radius:20px;padding:2px 9px}
.card .badge{background:var(--note-pill);color:var(--note-ink);font-size:calc(17px + var(--card-fs, 0px))}
.card .meta{display:flex;align-items:center;gap:8px;font-size:calc(17px + var(--card-fs, 0px));color:var(--note-ink);opacity:.66;margin-top:auto}
.card .pick{opacity:1}
.pick{display:inline-flex;align-items:center;gap:4px;color:var(--signal-hot);font-weight:600}
.pick svg{flex:none}
.crumbs{font-size:17px;color:var(--text-faint);padding:18px 0 4px}.crumbs a{color:var(--text-muted)}
h1{font-size:31px;font-weight:600;letter-spacing:-.02em;margin:8px 0 8px}
.prompt-page article>h1{margin-top:8px}
.prompt-box{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px;margin:16px 0}
.prompt-box pre{white-space:pre-wrap;word-wrap:break-word;font-family:var(--font-ui);font-size:18px;line-height:1.6;margin:0 0 14px;color:var(--text)}
.copy-btn{width:100%;height:44px;border:none;border-radius:10px;background:var(--accent);color:#fff;font-family:var(--font-ui);font-weight:600;font-size:18px;cursor:pointer}
.copy-btn:active{transform:scale(.98)}.copy-btn.done{background:var(--accent-press)}
.howto{margin:26px 0}.howto h2,.related h2,.affiliate h3{font-size:23px;font-weight:600}
.howto ol{padding-left:20px;color:var(--text-muted);font-size:18px}.howto code,.prose code{font-family:var(--font-mono);font-size:.9em;background:var(--surface-soft);padding:1px 5px;border-radius:5px}
.affiliate{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px;margin:26px 0}
.aff-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.aff-list a{display:flex;flex-direction:column;padding:10px 12px;border:1px solid var(--border);border-radius:10px;color:var(--text)}
.aff-list a:hover{text-decoration:none;border-color:var(--accent)}.aff-name{font-weight:600;font-size:17px}.aff-blurb{font-size:17px;color:var(--text-muted)}
.aff-note{font-size:17px;color:var(--text-faint);margin:10px 0 0}
.related{margin:26px 0}
.ad-wrap{margin:22px 0}
.ad-box{display:block;background:var(--surface-soft);border:1px solid var(--border);border-radius:12px;padding:10px 12px 12px;text-align:center}
.ad-label{display:block;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);margin-bottom:8px}
.ad{display:block;min-height:90px}
/* in-feed ad card: sits inside the .cards grid but stays visually neutral
   (no post-it tilt/fold/tape) so it always reads clearly as an ad, not content */
.card.ad-infeed{--card-bg:none;background:var(--surface-soft);border:1px solid var(--border);border-radius:10px;box-shadow:none;transform:none;justify-content:center;min-height:200px}
.card.ad-infeed::before,.card.ad-infeed::after{display:none}
.card.ad-infeed:hover{transform:none;box-shadow:none}
.card.ad-infeed .ad-label{text-align:center;color:var(--text-faint)}
.prose{max-width:720px}.prose p{color:var(--text-muted);font-size:19px}
.site-footer{border-top:1px solid var(--border);margin-top:40px;background:var(--surface)}
.site-footer .wrap{padding:24px 16px}
.foot-nav{display:flex;gap:16px;margin:8px 0}.foot-nav a{color:var(--text-muted);font-size:17px}
.fine{color:var(--text-faint);font-size:17px}
@media(prefers-reduced-motion:reduce){.card,.card:hover{transform:none}}
@media(max-width:700px){
  .top-nav{display:none}
  .bottom-nav{display:block;position:fixed;left:0;right:0;bottom:0;z-index:15;background:var(--surface);box-shadow:0 -1px 0 var(--border),0 -5px 14px rgba(0,0,0,.08)}
  body{padding-bottom:104px}
  .hero{padding:24px 0 12px}.hero h1{font-size:28px}
  .site-header .toprow{flex-wrap:wrap;height:auto;padding-top:10px;padding-bottom:10px;row-gap:10px}
  .brand{margin-right:auto}
  .search{order:5;flex-basis:100%;max-width:none;margin:0}
  .search-res{max-height:60vh}
}