/* BSK Search Trends – front end (v3.1 design: matches the Property Index look) */
html body:not(#bsk) .bskt{
  --g:#1f9d57; --gd:#147a43; --gdd:#0b5a35; --gl:#e8f6ee; --gold:#f3dba2; --ink:#0f2038; --mute:#5b6b80; --line:#e3e9ef;
  --red:#d64545; --redl:#fdecec; --blue:#3b82c4; --ease:cubic-bezier(.22,.8,.3,1);
  max-width:1180px; margin:0 auto; padding:8px 0 56px; color:var(--ink); line-height:1.5; box-sizing:border-box;
}
html body:not(#bsk) .bskt *,html body:not(#bsk) .bskt *::before,html body:not(#bsk) .bskt *::after{box-sizing:border-box}
html body:not(#bsk) .bskt h2,html body:not(#bsk) .bskt h3{margin:0;color:var(--ink);line-height:1.2;letter-spacing:-.015em}
html body:not(#bsk) .bskt p{margin:0}
html body:not(#bsk) .bskt button{font-family:inherit;cursor:pointer}
html body:not(#bsk) .bskt [hidden]{display:none!important}
html body:not(#bsk) .bskt a,html body:not(#bsk) .bskt summary,html body:not(#bsk) .bskt label{cursor:pointer}

/* ---------------------------------------------------------------- hero */
html body:not(#bsk) .bskt .bskt-hero{display:block!important;width:auto;float:none;
  position:relative;z-index:20;border-radius:22px;padding:30px 32px 34px;color:#fff;overflow:visible;
  background:
    linear-gradient(100deg,rgba(4,38,22,.78) 0%,rgba(8,70,41,.45) 55%,rgba(8,70,41,.15) 100%),
    var(--bskpi-hero-img,url("hero-bg.svg")) center bottom/cover no-repeat,
    #0b5a35;
  box-shadow:0 24px 50px -28px rgba(4,38,22,.7);
  animation:bsktUp .6s var(--ease) both;
}
html body:not(#bsk) .bskt-hero::after{content:"";position:absolute;inset:0;border-radius:22px;pointer-events:none;
  background:radial-gradient(circle at 84% 18%,rgba(243,219,162,.22),transparent 38%);animation:bsktGlow 6s ease-in-out infinite alternate}
html body:not(#bsk) .bskt .bskt-crumbs{width:auto;position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13px;color:rgba(255,255,255,.75);margin-bottom:22px}
html body:not(#bsk) .bskt-crumbs a{color:#fff;text-decoration:none;font-weight:600}
html body:not(#bsk) .bskt-crumbs a:hover{text-decoration:underline}
html body:not(#bsk) .bskt .bskt-hero-in{display:block;width:100%;position:relative;z-index:2}
html body:not(#bsk) .bskt-eyebrow{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:11.5px;font-weight:700;letter-spacing:.14em;color:var(--gold)}
html body:not(#bsk) .bskt-eyebrow i{width:5px;height:5px;border-radius:50%;background:var(--gold);margin:0 4px}
html body:not(#bsk) .bskt-badge{background:var(--gold);color:#06301d;padding:2px 8px;border-radius:5px;letter-spacing:.08em}
html body:not(#bsk) .bskt .bskt-hero-title{font-size:clamp(32px,5vw,54px);font-weight:800;margin:10px 0 8px;color:#fff;letter-spacing:-.025em;text-shadow:0 2px 24px rgba(0,0,0,.25)}
html body:not(#bsk) .bskt-hero-sub{color:rgba(255,255,255,.9);font-size:16.5px;max-width:640px}

/* filter card */
html body:not(#bsk) .bskt .bskt-filters{width:100%;position:relative;z-index:3;display:grid;grid-template-columns:1.1fr 1.3fr auto 1.1fr auto;gap:14px;align-items:end;background:#fff;border-radius:16px;padding:16px 16px 16px 18px;margin-top:28px;box-shadow:0 22px 44px -18px rgba(0,0,0,.6)}
html body:not(#bsk) .bskt-field{display:flex;flex-direction:column;gap:6px;min-width:0;margin:0}
html body:not(#bsk) .bskt-field>span{font-size:11.5px;font-weight:800;color:var(--mute);text-transform:uppercase;letter-spacing:.07em}
/* native selects are replaced by the animated dropdown (kept in DOM for the logic) */
html body:not(#bsk) .bskt-field select{width:100%;height:46px;border:1.5px solid var(--line);border-radius:11px;background:#fff;color:var(--ink);padding:0 12px;font-size:14.5px;font-weight:700}
html body:not(#bsk) .bskt-dd-on{position:relative}
html body:not(#bsk) .bskt-dd-on select{position:absolute!important;opacity:0;pointer-events:none;width:1px;height:1px;left:0;bottom:0}
html body:not(#bsk) .bskt-dd{position:relative;min-width:0}
html body:not(#bsk) .bskt-dd-btn{width:100%;height:46px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1.5px solid var(--line);border-radius:11px;background:#fff;color:var(--ink);padding:0 14px;font-size:14.5px;font-weight:700;text-align:left;transition:border-color .18s,box-shadow .18s,background .18s,transform .18s}
html body:not(#bsk) .bskt-dd-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body:not(#bsk) .bskt-dd-btn svg{flex:none;color:var(--mute);transition:transform .28s var(--ease),color .18s}
html body:not(#bsk) .bskt-dd-btn:hover{border-color:#9ccfb4;background:#f7fcf9}
html body:not(#bsk) .bskt-dd.open .bskt-dd-btn,html body:not(#bsk) .bskt-dd-btn:focus-visible{outline:0;border-color:var(--g);box-shadow:0 0 0 4px rgba(31,157,87,.16);background:#fff}
html body:not(#bsk) .bskt-dd.open .bskt-dd-btn svg{transform:rotate(180deg);color:var(--g)}
html body:not(#bsk) .bskt-dd-btn.ph span{color:#7d8a9b;font-weight:600}
html body:not(#bsk) .bskt-dd-panel{position:absolute;left:0;top:calc(100% + 8px);min-width:100%;width:max-content;max-width:min(380px,86vw);z-index:60;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 26px 50px -18px rgba(8,30,20,.5);padding:6px;
  opacity:0;visibility:hidden;transform:translateY(-8px) scale(.97);transform-origin:top left;transition:opacity .2s,transform .26s var(--ease),visibility 0s .26s}
html body:not(#bsk) .bskt-dd.open .bskt-dd-panel{opacity:1;visibility:visible;transform:none;transition:opacity .2s,transform .26s var(--ease),visibility 0s}
html body:not(#bsk) .bskt-dd-q{width:100%;height:38px;border:1.5px solid var(--line);border-radius:9px;padding:0 12px;font-size:13.5px;margin:2px 0 6px;background:#f7f9fb;color:var(--ink);outline:0;font-family:inherit}
html body:not(#bsk) .bskt-dd-q:focus{border-color:var(--g);background:#fff}
html body:not(#bsk) .bskt-dd-list{list-style:none;margin:0;padding:0;max-height:262px;overflow-y:auto;scrollbar-width:thin}
html body:not(#bsk) .bskt-dd-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:9px;font-size:14px;font-weight:600;color:var(--ink);cursor:pointer;opacity:0;transform:translateX(-6px);transition:background .12s,color .12s}
html body:not(#bsk) .bskt-dd.open .bskt-dd-list li{animation:bsktItem .28s var(--ease) both;animation-delay:calc(var(--n,0) * 18ms)}
html body:not(#bsk) .bskt-dd-list li:hover,html body:not(#bsk) .bskt-dd-list li.act{background:var(--gl);color:var(--gd)}
html body:not(#bsk) .bskt-dd-list li.sel{background:linear-gradient(90deg,var(--g),var(--gd));color:#fff}
html body:not(#bsk) .bskt-dd-list li.sel::after{content:"✓";font-weight:800}
html body:not(#bsk) .bskt-dd-list li small{color:var(--mute);font-weight:600;font-size:12px}
html body:not(#bsk) .bskt-dd-list li.sel small{color:rgba(255,255,255,.8)}
html body:not(#bsk) .bskt-dd-empty{padding:12px;color:var(--mute);font-size:13.5px}

/* buy / rent pill with sliding indicator */
html body:not(#bsk) .bskt-seg{position:relative;display:grid;grid-template-columns:1fr 1fr;background:#eef3f0;border-radius:11px;padding:3px;height:46px;min-width:170px}
html body:not(#bsk) .bskt-ind{position:absolute;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);border-radius:9px;background:linear-gradient(135deg,#25b567,#147a43);box-shadow:0 8px 16px -6px rgba(20,122,67,.7);transition:transform .35s var(--ease)}
html body:not(#bsk) .bskt-seg[data-on="rent"] .bskt-ind{transform:translateX(100%)}
html body:not(#bsk) .bskt-seg button{position:relative;z-index:1;border:0;background:transparent;border-radius:9px;padding:0 18px;font-weight:800;font-size:14.5px;color:var(--mute);transition:color .25s}
html body:not(#bsk) .bskt-seg button:hover{color:var(--gd)}
html body:not(#bsk) .bskt-seg button.on,html body:not(#bsk) .bskt-seg button.on:hover{color:#fff}

/* go button */
html body:not(#bsk) .bskt-go{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:9px;height:46px;border:0;border-radius:11px;background:linear-gradient(135deg,#25b567 0%,#147a43 100%);color:#fff;font-weight:800;font-size:15px;padding:0 26px;white-space:nowrap;box-shadow:0 12px 22px -10px rgba(20,122,67,.85);transition:transform .2s var(--ease),box-shadow .2s}
html body:not(#bsk) .bskt-go::before{content:"";position:absolute;top:0;left:-70%;width:50%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg);transition:left .6s}
html body:not(#bsk) .bskt-go:hover{transform:translateY(-2px);box-shadow:0 16px 26px -10px rgba(20,122,67,.95)}
html body:not(#bsk) .bskt-go:hover::before{left:130%}
html body:not(#bsk) .bskt-go:active{transform:translateY(0) scale(.98)}
html body:not(#bsk) .bskt-go svg{transition:transform .3s var(--ease)}
html body:not(#bsk) .bskt-go:hover svg{transform:translate(2px,-2px)}
html body:not(#bsk) .bskt-go:disabled{opacity:.7;cursor:wait}
html body:not(#bsk) .bskt-go:disabled svg{animation:bsktSpin 1s linear infinite}

/* ---------------------------------------------------------------- body */
html body:not(#bsk) .bskt-body{position:relative;z-index:1;margin-top:30px;transition:opacity .25s}
html body:not(#bsk) .bskt-body.loading{opacity:.5;pointer-events:none}
html body:not(#bsk) .bskt-body.loading::before{content:"";position:absolute;left:0;top:-14px;height:4px;width:100%;border-radius:4px;background:linear-gradient(90deg,transparent,var(--g),var(--gold),transparent);background-size:50% 100%;background-repeat:no-repeat;animation:bsktLoad 1s linear infinite}
html body:not(#bsk) .bskt-demo{background:#fff6e6;border:1px solid #f1d49a;color:#7a5410;border-radius:12px;padding:11px 16px;font-size:13.5px;margin-bottom:16px}
html body:not(#bsk) .bskt-focus{background:linear-gradient(100deg,#e8f6ee,#f6fbf8);border:1px solid #bfe3cd;border-left:5px solid var(--g);color:var(--gd);border-radius:12px;padding:13px 18px;font-size:14.5px;margin-bottom:16px}
html body:not(#bsk) .bskt-sticky{position:sticky;top:10px;z-index:15;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 18px;margin:0 0 16px;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--line);border-left:5px solid var(--g);border-radius:14px;box-shadow:0 14px 28px -20px rgba(16,33,58,.6)}
html body:not(#bsk) .bskt-sticky h3{font-size:clamp(17px,2.2vw,22px);font-weight:800}
html body:not(#bsk) .bskt-month{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:800;color:var(--mute);text-transform:uppercase;letter-spacing:.06em}
html body:not(#bsk) .bskt-month .bskt-dd{min-width:116px}
html body:not(#bsk) .bskt-month .bskt-dd-btn{height:40px;font-size:14px}
html body:not(#bsk) .bskt-month .bskt-dd-panel{left:auto;right:0;transform-origin:top right}
html body:not(#bsk) .bskt-month select{height:40px;border:1.5px solid var(--line);border-radius:10px;padding:0 10px;font-weight:700}

/* reveal */
html body:not(#bsk) .bskt-rv{opacity:0;transform:translateY(18px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
html body:not(#bsk) .bskt-rv.in{opacity:1;transform:none}

/* cards */
html body:not(#bsk) .bskt-carousel{position:relative;padding:0 4px}
html body:not(#bsk) .bskt-cards{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x proximity;padding:8px 4px 18px;scrollbar-width:thin;scrollbar-color:#b9d8c6 transparent}
html body:not(#bsk) .bskt-card{flex:0 0 min(272px,80vw);scroll-snap-align:start;position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 20px;display:flex;flex-direction:column;gap:20px;box-shadow:0 10px 24px -18px rgba(16,33,58,.5);
  animation:bsktUp .55s var(--ease) both;animation-delay:calc(var(--i,0) * 70ms);transition:transform .3s var(--ease),box-shadow .3s,border-color .3s}
html body:not(#bsk) .bskt-card::before{content:"";position:absolute;left:0;top:0;right:0;height:4px;background:linear-gradient(90deg,var(--g),#7ed3a1);opacity:.85}
html body:not(#bsk) .bskt-card:hover{transform:translateY(-6px);box-shadow:0 26px 36px -20px rgba(16,33,58,.55);border-color:#b7dcc6}
html body:not(#bsk) .bskt-card.r1{background:linear-gradient(160deg,#fffaf0,#fff3d4);border-color:#f0d99a}
html body:not(#bsk) .bskt-card.r1::before{background:linear-gradient(90deg,#e8b923,#f7dd7e)}
html body:not(#bsk) .bskt-card.r2{background:linear-gradient(160deg,#fafbfc,#eef1f5);border-color:#d9e0e8}
html body:not(#bsk) .bskt-card.r2::before{background:linear-gradient(90deg,#9aa7b6,#d3dae2)}
html body:not(#bsk) .bskt-card.r3{background:linear-gradient(160deg,#fff7f1,#ffe9d9);border-color:#f2cfb4}
html body:not(#bsk) .bskt-card.r3::before{background:linear-gradient(90deg,#d17a3a,#f2b48a)}
html body:not(#bsk) .bskt-card.sel{box-shadow:0 0 0 2.5px var(--g),0 20px 30px -20px rgba(31,157,87,.6)}
html body:not(#bsk) .bskt-card-top{display:flex;align-items:center;gap:12px;margin-top:4px}
html body:not(#bsk) .bskt-loc{flex:1;min-width:0}
html body:not(#bsk) .bskt-loc strong{display:block;font-size:16px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body:not(#bsk) .bskt-loc small{color:var(--mute);font-size:12.5px}
html body:not(#bsk) .bskt-rank{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#eef1f4;font-weight:800;font-size:14px;flex:none;transition:transform .3s var(--ease)}
html body:not(#bsk) .bskt-card:hover .bskt-rank{transform:rotate(-8deg) scale(1.1)}
html body:not(#bsk) .bskt-card.r1 .bskt-rank,html body:not(#bsk) .bskt-rank.r1{background:linear-gradient(135deg,#f9d85a,#e0a912);color:#5a3f00;box-shadow:0 6px 12px -6px #d4a017}
html body:not(#bsk) .bskt-card.r2 .bskt-rank,html body:not(#bsk) .bskt-rank.r2{background:linear-gradient(135deg,#e8edf2,#a9b5c3);color:#2f3e50;box-shadow:0 6px 12px -6px #8b98a8}
html body:not(#bsk) .bskt-card.r3 .bskt-rank,html body:not(#bsk) .bskt-rank.r3{background:linear-gradient(135deg,#f6c19b,#cf7a3c);color:#5e2c08;box-shadow:0 6px 12px -6px #c06a2d}
html body:not(#bsk) .bskt-card-bot{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}
html body:not(#bsk) .bskt-pct{display:block;font-size:30px;font-weight:800;letter-spacing:-.03em;line-height:1.05;font-variant-numeric:tabular-nums;background:linear-gradient(135deg,var(--gdd),var(--g));-webkit-background-clip:text;background-clip:text;color:transparent}
html body:not(#bsk) .bskt-card.r1 .bskt-pct{background:linear-gradient(135deg,#8a5e00,#d99a00);-webkit-background-clip:text;background-clip:text}
html body:not(#bsk) .bskt-card-bot small{color:var(--mute);font-size:12px;font-weight:600}
html body:not(#bsk) .bskt-mv{font-weight:800;font-size:12px;white-space:nowrap;border-radius:999px;padding:3px 9px}
html body:not(#bsk) .bskt-mv.up{color:var(--gd);background:var(--gl)}
html body:not(#bsk) .bskt-mv.down{color:var(--red);background:var(--redl)}
html body:not(#bsk) .bskt-mv.flat{color:#8795a6;background:#f0f3f6}
html body:not(#bsk) .bskt-mv.new{color:#fff;background:linear-gradient(135deg,#3b82c4,#2563a8);font-size:10.5px;letter-spacing:.06em}
html body:not(#bsk) .bskt-spark{display:block;flex:none;overflow:visible}
html body:not(#bsk) .bskt-spark path+path{stroke-dasharray:1;stroke-dashoffset:1;animation:bsktDraw 1.1s .25s var(--ease) forwards}
html body:not(#bsk) .bskt-arrow{position:absolute;top:40%;width:44px;height:44px;border-radius:50%;border:0;background:#fff;font-size:26px;line-height:1;color:var(--gd);box-shadow:0 12px 24px -8px rgba(16,33,58,.55);z-index:3;transition:transform .2s var(--ease),background .2s,color .2s}
html body:not(#bsk) .bskt-arrow.prev{left:-22px} html body:not(#bsk) .bskt-arrow.next{right:-22px}
html body:not(#bsk) .bskt-arrow:hover{background:linear-gradient(135deg,#25b567,#147a43);color:#fff;transform:scale(1.12)}
html body:not(#bsk) .bskt-arrow:active{transform:scale(.95)}

/* tables */
html body:not(#bsk) .bskt-sec{margin-top:36px}
html body:not(#bsk) .bskt-sec>h3{font-size:clamp(19px,2.4vw,24px);font-weight:800;margin-bottom:16px;padding-left:14px;position:relative}
html body:not(#bsk) .bskt-sec>h3::before{content:"";position:absolute;left:0;top:3px;bottom:3px;width:5px;border-radius:5px;background:linear-gradient(180deg,var(--g),#7ed3a1)}
html body:not(#bsk) .bskt-tcard{background:#fff;border:1px solid var(--line);border-radius:18px;padding:6px 20px 16px;box-shadow:0 14px 30px -24px rgba(16,33,58,.55);overflow:hidden}
html body:not(#bsk) .bskt-scroll{overflow-x:auto}
html body:not(#bsk) .bskt-table{width:100%;border-collapse:collapse;font-size:14px;margin:0;border:0;min-width:540px}
html body:not(#bsk) .bskt-table th{text-align:left;font-size:11.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--mute);font-weight:800;padding:15px 10px;border:0;border-bottom:2px solid #eaf0ec;background:transparent;white-space:nowrap}
html body:not(#bsk) .bskt-table td{padding:13px 10px;border:0;border-bottom:1px solid var(--line);background:transparent;vertical-align:middle;transition:background .2s}
html body:not(#bsk) .bskt-table tbody tr{animation:bsktUp .5s var(--ease) both;animation-delay:calc(var(--i,0) * 40ms);transition:transform .2s var(--ease)}
html body:not(#bsk) .bskt-table tbody tr:hover td{background:#f3faf6}
html body:not(#bsk) .bskt-table tbody tr:last-child td{border-bottom:0}
html body:not(#bsk) .bskt-table tr.sel td{background:var(--gl)}
html body:not(#bsk) .bskt-table td small{display:block;color:var(--mute);font-size:12px}
html body:not(#bsk) .bskt-rk{display:flex;align-items:center;gap:10px}
html body:not(#bsk) .bskt-link{border:0;background:none;padding:0;font-weight:800;font-size:15px;color:var(--ink);text-align:left;transition:color .15s,transform .2s var(--ease)}
html body:not(#bsk) .bskt-link:hover{color:var(--g);transform:translateX(3px)}
html body:not(#bsk) .bskt-share{display:flex;align-items:center;gap:14px;min-width:210px}
html body:not(#bsk) .bskt-share strong{min-width:66px;font-size:14.5px;font-variant-numeric:tabular-nums}
html body:not(#bsk) .bskt-bar{flex:1;height:8px;border-radius:999px;background:#eaf0ec;overflow:hidden;min-width:70px}
html body:not(#bsk) .bskt-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--g),#7ed3a1);border-radius:999px;transform-origin:left;animation:bsktBar .9s .2s var(--ease) both}
html body:not(#bsk) .bskt-more{text-align:center;margin-top:12px}
html body:not(#bsk) .bskt-more button{border:1.5px solid #bfe3cd;background:#fff;border-radius:11px;padding:10px 28px;font-weight:800;font-size:14px;color:var(--gd);transition:all .2s var(--ease)}
html body:not(#bsk) .bskt-more button:hover{background:linear-gradient(135deg,#25b567,#147a43);border-color:transparent;color:#fff;transform:translateY(-2px);box-shadow:0 12px 20px -10px rgba(20,122,67,.8)}

/* about + faq */
html body:not(#bsk) .bskt-about p{color:var(--mute);font-size:15px;max-width:920px}
html body:not(#bsk) .bskt-about .bskt-note{margin-top:12px;font-size:12.5px;padding:10px 14px;background:#f6f9f7;border-left:4px solid #bfe3cd;border-radius:0 10px 10px 0}
html body:not(#bsk) .bskt-faq details{background:#fff;border:1px solid var(--line);border-radius:14px;padding:0 20px;margin-bottom:10px;transition:border-color .2s,box-shadow .25s}
html body:not(#bsk) .bskt-faq details:hover{border-color:#b7dcc6}
html body:not(#bsk) .bskt-faq details[open]{border-color:var(--g);box-shadow:0 16px 28px -22px rgba(31,157,87,.8)}
html body:not(#bsk) .bskt-faq summary{font-weight:800;padding:16px 0;list-style:none;display:flex;justify-content:space-between;gap:14px;align-items:center;font-size:15px}
html body:not(#bsk) .bskt-faq summary::-webkit-details-marker{display:none}
html body:not(#bsk) .bskt-faq summary::after{content:"+";flex:none;width:28px;height:28px;border-radius:50%;background:var(--gl);color:var(--gd);display:flex;align-items:center;justify-content:center;font-size:20px;line-height:1;transition:transform .3s var(--ease),background .2s,color .2s}
html body:not(#bsk) .bskt-faq details[open] summary::after{transform:rotate(135deg);background:var(--g);color:#fff}
html body:not(#bsk) .bskt-faq details p{padding:0 0 18px;color:var(--mute);font-size:14.5px;animation:bsktFade .35s var(--ease)}

html body:not(#bsk) .bskt-empty{text-align:center;background:#fff;border:1.5px dashed #bfd9c9;border-radius:18px;padding:52px 20px;animation:bsktUp .5s var(--ease) both}
html body:not(#bsk) .bskt-empty .ic{width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,#e8f6ee,#cfeedd);color:var(--gd);margin:0 auto 14px;display:flex;align-items:center;justify-content:center}
html body:not(#bsk) .bskt-empty p{color:var(--mute)}

/* keyframes */
@keyframes bsktUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes bsktFade{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@keyframes bsktItem{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}
@keyframes bsktDraw{to{stroke-dashoffset:0}}
@keyframes bsktBar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes bsktSpin{to{transform:rotate(360deg)}}
@keyframes bsktGlow{from{opacity:.55}to{opacity:1}}
@keyframes bsktLoad{from{background-position:-60% 0}to{background-position:160% 0}}

/* responsive */
@media (max-width:1080px){
  html body:not(#bsk) .bskt .bskt-filters{grid-template-columns:1fr 1fr 1fr}
  html body:not(#bsk) .bskt .bskt-go{grid-column:1/-1}
}
@media (max-width:980px){ html body:not(#bsk) .bskt-arrow{display:none} }
@media (max-width:700px){
  html body:not(#bsk) .bskt .bskt-hero{padding:20px 18px 22px;border-radius:18px}
  html body:not(#bsk) .bskt .bskt-filters{grid-template-columns:1fr 1fr;gap:12px;padding:14px;margin-top:22px}
  html body:not(#bsk) .bskt .bskt-purpose{grid-column:1/-1}
  html body:not(#bsk) .bskt .bskt-hero-sub{font-size:15px}
  html body:not(#bsk) .bskt-sticky{top:6px;padding:10px 14px}
  html body:not(#bsk) .bskt-tcard{padding:4px 12px 12px}
  html body:not(#bsk) .bskt-table{min-width:0}
  html body:not(#bsk) .bskt-table thead{display:none}
  html body:not(#bsk) .bskt-table tr{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"rk loc" "rk share";gap:2px 12px;padding:12px 0;border-bottom:1px solid var(--line)}
  html body:not(#bsk) .bskt-table tbody tr:last-child{border-bottom:0}
  html body:not(#bsk) .bskt-table td{border:0;padding:2px 0}
  html body:not(#bsk) .bskt-table td:nth-child(1){grid-area:rk}
  html body:not(#bsk) .bskt-table td:nth-child(2){grid-area:loc}
  html body:not(#bsk) .bskt-table td:nth-child(3){display:none}
  html body:not(#bsk) .bskt-table td:nth-child(4){grid-area:share}
  html body:not(#bsk) .bskt-share{min-width:0}
}
@media (max-width:460px){
  html body:not(#bsk) .bskt .bskt-filters{grid-template-columns:1fr}
  html body:not(#bsk) .bskt-dd-panel{max-width:calc(100vw - 56px)}
}
@media (prefers-reduced-motion:reduce){
  html body:not(#bsk) .bskt *,html body:not(#bsk) .bskt *::before,html body:not(#bsk) .bskt *::after{animation:none!important;transition:none!important}
  html body:not(#bsk) .bskt-rv{opacity:1;transform:none}
  html body:not(#bsk) .bskt-spark path+path{stroke-dashoffset:0}
}

/* extra motion (hero) */
html body:not(#bsk) .bskt-hero-in>*{animation:bsktUp .7s var(--ease) both}
html body:not(#bsk) .bskt-eyebrow{animation-delay:.1s!important}html body:not(#bsk) .bskt .bskt-hero-title{animation-delay:.22s!important}html body:not(#bsk) .bskt-hero-sub{animation-delay:.34s!important}
html body:not(#bsk) .bskt .bskt-filters{animation:bsktRise .8s .45s var(--ease) both}
html body:not(#bsk) .bskt .bskt-hero-title{background:linear-gradient(100deg,#fff 0%,#fff 40%,#f3dba2 50%,#fff 60%,#fff 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;animation:bsktUp .7s .22s var(--ease) both,bsktShine 5s 1.2s ease-in-out infinite}
html body:not(#bsk) .bskt-hero::before{content:"";position:absolute;right:11%;top:34px;width:140px;height:140px;border-radius:50%;pointer-events:none;z-index:1;box-shadow:0 0 0 14px rgba(243,219,162,.07),0 0 0 34px rgba(243,219,162,.05);animation:bsktPulse 4s ease-in-out infinite}
html body:not(#bsk) .bskt-badge{animation:bsktBadge 2.4s ease-in-out infinite}
html body:not(#bsk) .bskt-card:hover .bskt-spark{transform:scale(1.06);transition:transform .3s var(--ease)}
@keyframes bsktRise{from{opacity:0;transform:translateY(34px) scale(.98)}to{opacity:1;transform:none}}
@keyframes bsktShine{0%,60%{background-position:130% 0}100%{background-position:-60% 0}}
@keyframes bsktPulse{0%,100%{transform:scale(1);opacity:.9}50%{transform:scale(1.18);opacity:.35}}
@keyframes bsktBadge{0%,100%{box-shadow:0 0 0 0 rgba(243,219,162,.55)}50%{box-shadow:0 0 0 7px rgba(243,219,162,0)}}

/* theme-proofing */
html body:not(#bsk) .bskt .bskt-dd-q{border:1.5px solid var(--line)!important;border-radius:9px!important;background-color:#f7f9fb!important;color:var(--ink)!important;padding:0 12px!important;height:38px!important;font-size:13.5px!important;box-shadow:none!important}
html body:not(#bsk) .bskt .bskt-dd-btn,html body:not(#bsk) .bskt .bskt-go,html body:not(#bsk) .bskt .bskt-seg button{text-transform:none!important;letter-spacing:normal!important}
html body:not(#bsk) .bskt h2,html body:not(#bsk) .bskt h3{font-family:inherit!important}
html body:not(#bsk) .bskt .bskt-arrow{padding:0!important;display:flex!important;align-items:center;justify-content:center;border-radius:50%!important}