.ex-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.ex-head h1{font-size:var(--fs-36);letter-spacing:-.025em;font-weight:650;line-height:1.15}.ex-head p{color:var(--text-2);margin-top:6px}@media (max-width:767px){.ex-head h1{font-size:var(--fs-30)}}.ex-by{color:var(--text-3);align-items:center;gap:8px;min-width:0;font-size:13px;display:flex}.ex-by b{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-weight:550;overflow:hidden}.ex-by span{white-space:nowrap}.ex-by .sep{background:var(--text-3);border-radius:50%;flex:none;width:3px;height:3px}.ex-picks{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:32px;display:grid}.ex-pick{flex-direction:column;gap:10px;min-width:0;display:flex;position:relative}.ex-pick h2,.ex-pick h3{font-size:var(--fs-18);letter-spacing:-.01em;overflow-wrap:anywhere;font-weight:650;line-height:1.4}.ex-pick h2 a:after,.ex-pick h3 a:after{content:"";position:absolute;inset:0}.ex-pick .ex-by{margin-top:auto}.ex-pick p{font-size:var(--fs-14);color:var(--text-2);-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.6;display:-webkit-box;overflow:hidden}.ex-picked{color:var(--brand-text);align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.ex-picked .i{width:14px;height:14px}.ex-pick.is-a{grid-area:span 2/span 2;padding:0;overflow:hidden}.ex-pick.is-a .ex-cover{aspect-ratio:16/9;border-bottom:1px solid var(--border)}.ex-pick.is-a .body{flex:1;align-content:start;gap:10px;padding:20px 24px 24px;display:grid}.ex-pick.is-a h2{font:700 var(--fs-24) / 1.35 var(--font-serif)}.ex-pick.is-b{grid-column:span 2;grid-template-columns:minmax(0,1fr) 132px;align-items:start;gap:16px;display:grid}.ex-pick.is-b .txt{gap:10px;min-width:0;display:grid}.ex-pick.is-b .ex-cover{aspect-ratio:1;border-radius:var(--r-12)}.ex-pick.is-c:nth-child(3){background:radial-gradient(90% 80% at 100% 0%, var(--accent-tint), transparent 60%), var(--card)}.ex-cover{object-fit:cover;background:var(--accent-soft);width:100%;display:block}div.ex-cover{background:radial-gradient(80% 90% at 0% 100%, var(--accent-tint), transparent 70%), var(--accent-soft)}@media (max-width:1023px){.ex-picks{grid-template-columns:repeat(2,minmax(0,1fr))}.ex-pick.is-a{grid-row:auto}.ex-pick.is-a .ex-cover{aspect-ratio:21/9}}@media (max-width:767px){.ex-picks{gap:12px}.ex-pick.is-b{grid-template-columns:minmax(0,1fr) 88px}.ex-pick.is-c{grid-column:span 2}}.ex-tagbar{scrollbar-width:none;gap:8px;margin:0 -16px 24px;padding:2px 16px;display:flex;overflow-x:auto}.ex-tagbar::-webkit-scrollbar{display:none}@media (min-width:768px){.ex-tagbar{flex-wrap:wrap;margin-inline:0;padding-inline:0;overflow:visible}}.ex-tagbar a{border:1px solid var(--border);background:var(--card);height:36px;color:var(--text-2);border-radius:999px;flex:none;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:550;display:inline-flex}.ex-tagbar a small{color:var(--text-3);font-variant-numeric:tabular-nums;font-weight:500}.ex-tagbar a:hover{border-color:var(--border-2);color:var(--text)}.ex-tagbar a[aria-current=true]{background:var(--text);border-color:var(--text);color:var(--bg)}.ex-tagbar a[aria-current=true] small{color:inherit;opacity:.75}@media (max-width:767px){.ex-tagbar a{height:44px}}.ex-grid{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:32px;display:grid}@media (max-width:1023px){.ex-grid{grid-template-columns:minmax(0,1fr)}}.ex-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.ex-bar .note{color:var(--text-3);align-items:center;gap:6px;font-size:12px;display:inline-flex}.ex-bar .note .i{flex:none;width:14px;height:14px}.ex-sort{background:var(--card-2);border:1px solid var(--border);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.ex-sort a{height:32px;color:var(--text-2);border-radius:999px;align-items:center;gap:4px;padding:0 14px;font-size:13px;font-weight:550;display:inline-flex}.ex-sort a[aria-current=true]{background:var(--card);color:var(--text);box-shadow:var(--sh-1)}.ex-sort .i{width:14px;height:14px}@media (max-width:767px){.ex-sort a{height:40px}}.ex-feed{margin:0;padding:0;list-style:none}.ex-fi{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;gap:8px 24px;padding:22px 0;display:grid;position:relative}.ex-fi .main{align-content:start;gap:8px;min-width:0;display:grid}.ex-fi h3{font:700 var(--fs-20) / 1.4 var(--font-serif);overflow-wrap:anywhere}.ex-fi h3 a:after{content:"";position:absolute;inset:0}.ex-fi h3 a:hover{color:var(--accent-text)}.ex-fi .ex{color:var(--text-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;line-height:1.65;display:-webkit-box;overflow:hidden}.ex-fi.no-img .ex{-webkit-line-clamp:3}.ex-fi .thumb{aspect-ratio:4/3;object-fit:cover;border-radius:var(--r-12);border:1px solid var(--border);grid-area:1/2;width:168px;max-width:100%}.ex-fi .ex-foot{color:var(--text-3);flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:6px 14px;font-size:12px;display:flex}.ex-fi .ex-foot span{align-items:center;gap:4px;display:inline-flex}.ex-fi .ex-foot .i{width:14px;height:14px}.ex-fi .ex-foot .tag{height:22px;padding-inline:8px}.ex-fi .ex-foot .counts{gap:12px;margin-left:auto}@media (max-width:767px){.ex-fi{gap:8px 14px;padding:18px 0}.ex-fi h3{font-size:var(--fs-18)}.ex-fi .thumb{aspect-ratio:1;align-self:start;width:92px}.ex-fi .ex{font-size:14px}.ex-fi .ex-foot{flex-wrap:nowrap;overflow:hidden}.ex-fi .ex-foot .tg{display:none}}.ex-more{justify-content:center;padding-top:8px;display:flex}.ex-more .pager{width:100%;padding-inline:0}.ex-rail{top:calc(var(--bar-h) + 24px + env(safe-area-inset-top,0px));gap:16px;display:grid;position:sticky}.ex-rail .tile{padding:20px}@media (max-width:1023px){.ex-rail{grid-template-columns:repeat(2,minmax(0,1fr));position:static}.ex-rail .tile:first-child{grid-column:1/-1}}@media (max-width:767px){.ex-rail{grid-template-columns:minmax(0,1fr)}}.ex-authors{gap:4px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:768px) and (max-width:1023px){.ex-authors{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}}.ex-au{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 0;display:grid}.ex-au .nm{min-width:0;display:grid}.ex-au .nm a{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.ex-au .nm small{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.ex-rank{counter-reset:rk;margin:0;padding:0;list-style:none;display:grid}.ex-rank li{border-top:1px dashed var(--border);grid-template-columns:28px minmax(0,1fr);gap:8px;min-height:44px;padding:10px 0;display:grid;position:relative}.ex-rank li:first-child{border-top:0;padding-top:0}.ex-rank li:before{counter-increment:rk;content:counter(rk);font:700 var(--fs-20) / 1.2 var(--font-serif);color:var(--text-3);font-variant-numeric:tabular-nums}.ex-rank li:nth-child(-n+3):before{color:var(--accent-text)}.ex-rank a{overflow-wrap:anywhere;font-size:14px;font-weight:550;line-height:1.45}.ex-rank a:after{content:"";position:absolute;inset:0}.ex-rank a:hover{color:var(--accent-text)}.ex-rank small{color:var(--text-3);margin-top:2px;font-size:12px;display:block}.ex-cloud{flex-wrap:wrap;gap:6px;display:flex}.ex-cloud .tag{height:30px}@media (max-width:767px){.ex-cloud .tag{height:44px;padding-inline:14px}}