.ls-page{padding-bottom:var(--s6);background:var(--clay-sky-soft)}.ls-hero{padding-block:var(--s8) var(--s6);border-bottom:var(--clay-stroke);background:radial-gradient(60% 100% at 8% 0,var(--clay-yellow-soft) 0,transparent 70%),var(--clay-sky)}.ls-hero h1{margin:var(--s2) 0 var(--s3);font-size:clamp(2rem,4.4vw,3rem);line-height:1.1;letter-spacing:-.03em}.ls-hero p{max-width:58ch;margin:0 0 var(--s4);font-size:1.12rem;color:var(--clay-ink-soft)}.ls-hero-meta{align-items:center;gap:var(--s2);color:var(--clay-ink-soft);font-size:var(--clay-small)}.ls-hero-meta,.ls-switch{display:flex;flex-wrap:wrap}.ls-switch{gap:var(--s1);padding-block:var(--s4)}.ls-switch a{padding:8px 18px;border:1.5px solid var(--clay-ink-soft);border-radius:var(--r-pill);background:var(--clay-white);font-size:var(--clay-small);font-weight:500;transition:transform .2s var(--clay-ease),background-color .2s ease}.ls-switch a:hover{transform:translateY(-2px);background:var(--clay-yellow-soft)}.ls-switch a.on{border:2px solid var(--clay-ink);background:var(--clay-yellow);font-weight:600}.ls-body{padding-top:var(--s2)}.ls-top{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;grid-gap:var(--s5);gap:var(--s5);margin-bottom:var(--s6);padding:var(--s3);border:var(--clay-stroke);border-radius:var(--r-md);background:var(--clay-white);box-shadow:var(--clay-card-shadow)}.ls-top-img{aspect-ratio:16/10;border-radius:var(--r-sm)}.ls-top h2{margin:var(--s2) 0 var(--s2);font-size:clamp(1.4rem,2.6vw,1.95rem);line-height:1.2}.ls-top p{color:var(--clay-ink-soft);line-height:1.65}.ls-top-foot{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3)}.ls-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(288px,1fr));grid-gap:var(--s3);gap:var(--s3)}.ls-card{display:flex;flex-direction:column;overflow:hidden}.ls-card-img{position:relative;aspect-ratio:16/11;border:0;border-bottom:var(--clay-stroke);border-radius:23px 23px 0 0}.ls-pos{position:absolute;left:12px;top:12px;z-index:1;padding:5px 13px;border:var(--clay-stroke);border-radius:var(--r-pill);background:var(--clay-white);font-family:var(--clay-mono);font-size:var(--clay-tiny);font-weight:700}.ls-card-body{display:flex;flex-direction:column;gap:var(--s2);flex:1 1;padding:var(--s3)}.ls-card-body h3{margin:0;font-size:1.14rem;line-height:1.3}.ls-card-body p{margin:0;color:var(--clay-ink-soft);font-size:1rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.ls-card-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);margin-top:auto;padding-top:var(--s2);border-top:1px dashed var(--clay-line);color:var(--clay-ink-soft);font-size:var(--clay-small)}.ls-score{display:grid;place-items:center;min-width:52px;height:44px;padding-inline:10px;border:var(--clay-stroke);border-radius:16px;background:var(--clay-coral);color:var(--clay-ink);font-family:var(--clay-mono);font-size:1.1rem;font-weight:700;font-style:normal;box-shadow:var(--clay-press)}.ls-score-sm{min-width:46px;height:36px;font-size:.95rem;border-radius:13px}.ls-searchbar{display:flex;gap:var(--s1);max-width:620px;margin-top:var(--s4)}.ls-searchbar input{flex:1 1;min-width:0;padding:14px 22px;border:var(--clay-stroke);border-radius:var(--r-pill);background:var(--clay-white)}.ls-hits{display:grid;grid-gap:var(--s2);gap:var(--s2);padding-top:var(--s2)}.ls-hit{display:grid;grid-template-columns:168px minmax(0,1fr) auto;align-items:center;grid-gap:var(--s3);gap:var(--s3);padding:var(--s2);border:var(--clay-stroke);border-radius:var(--r-sm);background:var(--clay-white);transition:transform .2s var(--clay-ease),box-shadow .2s var(--clay-ease)}.ls-hit:hover{transform:translateX(5px);box-shadow:var(--clay-lift)}.ls-hit .frame{aspect-ratio:16/11;border-radius:18px}.ls-hit h2{margin:var(--s1) 0 6px;font-size:1.16rem;line-height:1.3}.ls-hit p{margin:0;color:var(--clay-ink-soft);font-size:1rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ls-board{display:grid;grid-gap:var(--s1);gap:var(--s1);margin:0;padding:0;list-style:none}.ls-board>li{display:grid;grid-template-columns:44px 104px minmax(0,1fr) max-content minmax(96px,max-content) auto;align-items:center;grid-gap:var(--s2) var(--s3);gap:var(--s2) var(--s3);margin:0;padding:var(--s2);border:var(--clay-stroke);border-radius:var(--r-sm);background:var(--clay-white);transition:transform .2s var(--clay-ease),box-shadow .2s var(--clay-ease)}.ls-board>li:hover{transform:translateX(6px);box-shadow:var(--clay-lift)}.ls-board>li:first-child{background:var(--clay-yellow-soft)}.ls-board>li:nth-child(2){background:var(--clay-sky-soft)}.ls-board>li:nth-child(3){background:var(--clay-green-soft)}.ls-board-rank{display:grid;place-items:center;width:44px;height:44px;border:var(--clay-stroke);border-radius:50%;background:var(--clay-white);font-family:var(--clay-mono);font-size:.98rem;font-weight:700}.ls-board .frame{width:104px;height:74px;border-radius:16px}.ls-board h2{margin:0 0 4px;font-size:1.08rem;line-height:1.3}.ls-board-say{display:block;color:var(--clay-ink-soft);font-size:1rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ls-board-price{font-size:var(--clay-small);text-align:right;line-height:1.4;overflow-wrap:anywhere}.ls-note{margin-top:var(--s5);padding:var(--s3) var(--s4);border:var(--clay-stroke);border-radius:var(--r-sm);background:var(--clay-cream);color:var(--clay-ink-soft);font-size:1rem;line-height:1.65}@media (max-width:1023px){.ls-top{grid-template-columns:minmax(0,1fr)}.ls-board>li{grid-template-columns:44px 104px minmax(0,1fr) auto}.ls-board-cat,.ls-board-price{grid-column:2/-1}}@media (max-width:767px){.ls-hero{padding-block:var(--s5) var(--s4)}.ls-hero h1{font-size:1.95rem}.ls-grid{grid-template-columns:minmax(0,1fr)}.ls-hit{grid-template-columns:110px minmax(0,1fr)}.ls-hit .ls-score{grid-column:2;justify-self:start}.ls-searchbar{flex-direction:column}.ls-searchbar .btn{justify-content:center}.ls-board>li{grid-template-columns:32px 72px minmax(0,1fr) auto;grid-template-rows:auto auto auto;gap:var(--s1) var(--s2);padding:var(--s2)}.ls-board-rank{grid-area:1/1/2/2;width:32px;height:32px;font-size:.85rem}.ls-board .frame{grid-area:1/2/2/3;width:72px;height:54px;border-radius:12px}.ls-board>li>div{grid-area:1/3/2/5}.ls-board h2{font-size:1rem}.ls-board-cat{grid-area:2/1/3/5;justify-self:start}.ls-board-price{grid-area:3/1/4/4;justify-self:start;align-self:center;text-align:left}.ls-board>li .ls-score{grid-area:3/4/4/5;justify-self:end}}