.pst{display:inline-flex;align-items:center;gap:2px;border:1px solid var(--ln);border-radius:999px;padding:3px;margin-right:6px}
.pst span{color:var(--t3);font-weight:600;padding:0 8px;font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.pst button{height:28px;padding:0 12px;border-radius:999px;font-weight:600;color:var(--t2);font-size:12px}
.pst button.on{background:var(--chipa);color:var(--chipat)}
button{font:inherit;background:none;border:0;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}
.meb{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px 0 6px;border-radius:999px;border:1px solid var(--ln);font-weight:700;font-size:14px}
.meb svg{width:28px;height:28px;padding:5px;border-radius:50%;background:var(--acc);color:#fff}
.btn.si{background:var(--fill)}
.trw{display:flex;align-items:center;gap:10px;padding:10px 32px;border-bottom:1px solid var(--ln);position:sticky;top:64px;background:var(--bg);z-index:20}
.trw .tb.fol{gap:6px;border:1px solid var(--ln)}.trw .tb.fol b{color:var(--acct)}.trw .tb.fol svg{width:14px;height:14px}
.trw .sc{display:flex;gap:8px;align-items:center;-webkit-mask-image:linear-gradient(90deg,#000 92%,transparent);mask-image:linear-gradient(90deg,#000 92%,transparent)}
.trw .sep{flex:0 0 1px;height:20px;background:var(--ln);margin:0 4px}
.pg{padding:24px 32px 80px;max-width:1340px}
.cols{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:48px}
.rs{display:flex;flex-direction:column;gap:28px}
.rs h3,.fh h2{font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--t3);margin-bottom:10px}
.hlx ol{list-style:none;display:flex;flex-direction:column}
.hlx li{display:flex;gap:12px;padding:9px 0;border-bottom:1px solid var(--ln);font-size:14px;font-weight:600;line-height:1.4}
.hlx li:last-child{border-bottom:0}.hlx li i{font-style:normal;color:var(--t3);font-weight:800;width:16px;flex:none}.hlx li i.t{color:var(--acct)}.hlx li a:hover{color:var(--acct)}
.tli{display:flex;align-items:center;gap:10px;padding:7px 0}.tli>a{display:flex;align-items:center;gap:10px;flex:1;min-width:0;font-weight:700;font-size:14px}.tli>a span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* textured topic frames */
.tc,.tav{--tx:repeating-linear-gradient(135deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 1px,transparent 1px 4px)}
.tc{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 11px 0 4px;border-radius:999px;border:1px solid color-mix(in srgb,var(--ink) 18%,transparent);background:var(--tx),linear-gradient(180deg,color-mix(in srgb,var(--ink) 6%,var(--card)),var(--card));font-size:12px;font-weight:700;color:var(--t2);white-space:nowrap;box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 6%,transparent)}
.tc:hover{border-color:var(--t3);color:var(--ink)}.tc.mine{border-color:var(--acc);color:var(--ink)}
.tav{flex:none;width:22px;height:22px;border-radius:50%;display:inline-grid;place-items:center;font-size:11px;font-weight:800;letter-spacing:-.03em;color:var(--ink);background:var(--tx),var(--card2);border:1px solid var(--ln);overflow:hidden}
.tav.lg{background:#fff}.tav img{width:100%;height:100%;object-fit:contain}
.tav.t-fair{color:var(--acct)}.tav.t-theme{color:#E0A45A}[data-theme=light] .tav.t-theme{color:#9A5B12}
.tav.m{width:32px;height:32px;border-radius:9px;font-size:12px}.tav.xl{width:64px;height:64px;border-radius:16px;font-size:20px}
.fs{font-style:normal;font-size:11px;font-weight:800;letter-spacing:.05em;padding:2px 7px;border-radius:6px;border:1px solid var(--ln);color:var(--t2);flex:none}
.fs.live{color:var(--live);background:var(--livebg);border-color:transparent}.fs.soon{color:var(--acct);border-color:color-mix(in srgb,var(--acc) 40%,transparent)}
.fp{flex:none;width:30px;height:30px;border-radius:50%;border:1px solid var(--ln);display:grid;place-items:center;color:var(--t2)}.fp svg{width:15px;height:15px}.fp:hover{border-color:var(--acct);color:var(--acct)}.fp.on{background:var(--chipa);color:var(--chipat);border-color:transparent}
.fb{height:36px;padding:0 18px;border-radius:999px;background:var(--fill);color:#fff;font-weight:700;font-size:13px;flex:none}.fb.on{background:transparent;border:1px solid var(--ln);color:var(--t2)}
.fb.sm{height:30px;padding:0 12px;font-size:12px}.fb.lg{height:40px;padding:0 22px;font-size:14px}
/* daily card */
.dly{display:block;border:1px solid var(--ln);border-radius:18px;padding:22px 26px 10px;background:linear-gradient(180deg,color-mix(in srgb,var(--acc) 7%,var(--card)),var(--card) 60%);margin-bottom:28px}
.dly:hover{border-color:color-mix(in srgb,var(--acc) 45%,var(--ln))}
.dh{display:flex;align-items:baseline;gap:12px;margin-bottom:8px}.dh b{font-size:22px;font-weight:800;letter-spacing:-.01em}.dh span{color:var(--t3);font-size:13px;font-weight:600;flex:1}.dh svg{width:18px;height:18px;color:var(--acct);align-self:center}
.dly ol{list-style:none}.dly li{display:flex;gap:14px;padding:11px 0;border-top:1px solid var(--ln)}
.dly li i,.dfull li i{font-style:normal;font-weight:800;color:var(--acct);width:18px;flex:none;font-size:15px}
.dly li b{font-size:16px;font-weight:700;line-height:1.35}.dly li p{font-size:13.5px;color:var(--t2);margin-top:3px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
/* feed */
.fh{display:flex;align-items:center;gap:12px;margin-bottom:4px}.fh h2{margin:0}.fh .sp{flex:1}.nt{font-size:12px;color:var(--t3)}
.fr{padding:18px 0;border-bottom:1px solid var(--ln)}.fr.rd .ft{color:var(--t3)}
.ft{font-size:17px;font-weight:700;line-height:1.35;display:block}.ft:hover{color:var(--acct)}
.fd{font-size:14px;color:var(--t2);line-height:1.6;margin-top:6px}
.fm{display:flex;align-items:center;gap:8px;margin-top:12px;flex-wrap:wrap}.fm.big{margin:0 0 16px}.fm .tm{font-size:12px;color:var(--t3);margin-left:4px}
.srt{display:inline-flex;align-items:center;gap:0;height:28px;padding:0 10px 0 4px;border-radius:999px;color:var(--t3);font-size:12px;font-weight:600;margin-left:auto}
.srt:hover{background:var(--card2);color:var(--ink)}.srt span{margin-left:8px;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fv{width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid var(--bg);display:inline-grid;place-items:center;overflow:hidden;flex:none}.srt .fv+.fv{margin-left:-7px}
.fv img{width:14px;height:14px}.fv.fi{background:var(--card2);color:var(--t2);font-size:11px;font-weight:800}
.spop{position:fixed;z-index:90;width:420px;max-height:380px;overflow:auto;background:var(--card);border:1px solid var(--ln);border-radius:14px;box-shadow:var(--sh);padding:8px}
.sph{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--t3);padding:6px 8px 4px}
.sro{display:flex;align-items:center;gap:10px;padding:9px 8px;border-radius:10px}.sro:hover{background:var(--card2)}.sro .fv{width:26px;height:26px;border:1px solid var(--ln)}.sro .fv img{width:18px;height:18px}
.srb{flex:1;min-width:0;display:flex;flex-direction:column}.srb b{font-size:13px;font-weight:600;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.srb i{font-style:normal;font-size:12px;color:var(--t3)}
.sro>svg{width:14px;height:14px;color:var(--t3);flex:none}
/* topic header */
.th{display:flex;gap:20px;align-items:flex-start;padding-bottom:22px;margin-bottom:8px;border-bottom:1px solid var(--ln)}.thb{flex:1;min-width:0}
.thn{display:flex;align-items:center;gap:12px}.th h1{font-size:30px;font-weight:800;letter-spacing:-.02em;line-height:1.2}.th p{color:var(--t2);margin-top:4px;font-size:14px}
.fmeta{display:flex;gap:18px;flex-wrap:wrap;margin-top:12px;font-size:13px;color:var(--t2);font-weight:600}.fmeta>*{display:inline-flex;align-items:center;gap:6px}.fmeta svg{width:15px;height:15px;color:var(--t3)}.fmeta a:hover{color:var(--acct)}
.ph{display:flex;align-items:baseline;gap:14px;margin-bottom:18px}.ph h1{font-size:30px;font-weight:800;letter-spacing:-.02em}.ph .dt{color:var(--t3);font-weight:600;flex:1}
.seg{display:inline-flex;border:1px solid var(--ln);border-radius:999px;padding:3px}.seg button{height:28px;padding:0 12px;border-radius:999px;font-size:12px;font-weight:700;color:var(--t2)}.seg button.on{background:var(--chipa);color:var(--chipat)}
.tgl{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:var(--t2);cursor:pointer}.tgl input{display:none}.tgl i{width:30px;height:18px;border-radius:9px;background:var(--card2);border:1px solid var(--ln);position:relative}.tgl i:after{content:'';position:absolute;left:2px;top:2px;width:12px;height:12px;border-radius:50%;background:var(--t3);transition:.15s}.tgl input:checked+i{background:var(--fill);border-color:transparent}.tgl input:checked+i:after{left:14px;background:#fff}
/* following */
.fg{padding:6px 0 18px;border-bottom:1px solid var(--ln);margin-bottom:14px}.fgh{display:flex;align-items:center;gap:10px;margin-bottom:6px}.fgh>a{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.fgh b{font-size:16px;font-weight:800}
.fi2{display:block;padding:11px 14px;border:1px solid var(--ln);border-radius:12px;margin-top:8px;background:var(--card)}.fi2:hover{border-color:var(--t3)}
.fi2 b{font-size:14.5px;font-weight:700;line-height:1.4;display:block}.fi2 p{font-size:13px;color:var(--t2);margin-top:4px;line-height:1.5}.fi2 span{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--t3);margin-top:6px}.fi2 em{font-style:normal;color:var(--acct);font-weight:700}
.fi2 u{text-decoration:none;border:1px solid var(--ln);border-radius:999px;padding:1px 8px;font-weight:600}
.vm{display:inline-flex;align-items:center;gap:4px;margin-top:10px;font-size:13px;font-weight:700;color:var(--t2)}.vm svg{width:14px;height:14px}.vm:hover{color:var(--acct)}
.fscrim{position:fixed;inset:0;background:var(--ov);opacity:0;pointer-events:none;transition:.2s;z-index:80}.fscrim.open{opacity:1;pointer-events:auto}
.fpan{position:fixed;top:0;right:0;bottom:0;width:460px;background:var(--bg);border-left:1px solid var(--ln);z-index:85;transform:translateX(100%);transition:transform .22s ease;display:flex;flex-direction:column}.fpan.open{transform:none;box-shadow:var(--sh)}
.fph{display:flex;align-items:center;gap:10px;padding:18px 20px;border-bottom:1px solid var(--ln)}.fph>b{font-size:20px;font-weight:800}.fph>span{color:var(--acct);font-weight:800;flex:1}.fph .x{width:34px;height:34px}
.fpb{flex:1;overflow:auto;padding:14px 20px}.fpm{display:flex;align-items:center;justify-content:center;gap:6px;height:52px;border-top:1px solid var(--ln);font-weight:700;font-size:14px}.fpm svg{width:16px;height:16px}
.emp{padding:28px 0;color:var(--t3);font-size:14px}.emp.sm{padding:8px 0}
/* daily full */
.dfull{list-style:none}.dfull li{display:flex;gap:14px;padding:18px 0;border-bottom:1px solid var(--ln)}.dfull li>div{flex:1;min-width:0}.wm{font-size:13.5px;color:var(--t2);margin-top:8px}.wm b{color:var(--ink);margin-right:6px}
/* article */
.art2 .back{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--t2);margin-bottom:14px}.art2 .back svg{width:16px;height:16px}
.art2 h1{font-size:34px;line-height:1.2;font-weight:800;letter-spacing:-.02em}.am{font-size:13px;color:var(--t3);margin-top:10px}.dek{font-size:17px;color:var(--t2);margin-top:14px;line-height:1.55}
.art2 figure{margin:22px 0;border-radius:14px;overflow:hidden;background:var(--imgbg)}.art2 figure img{width:100%;max-height:440px;object-fit:cover;display:block}.art2 figure.ct img{object-fit:contain}
.art2 figcaption{font-size:12px;color:var(--t3);padding:8px 12px;background:var(--bg)}
.tx p{font-size:16px;line-height:1.75;margin-bottom:16px;max-width:760px}.tk{border-left:3px solid var(--acc);padding:4px 0 4px 16px;margin:24px 0}.tk h2,.srl h2{font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--t3);margin-bottom:6px}
.srl{margin-top:28px;border-top:1px solid var(--ln);padding-top:18px}.srl .sro{padding:10px 0}
.top{position:sticky;top:0;z-index:30;background:var(--bg);display:flex;align-items:center;gap:12px;height:64px;padding:0 32px;border-bottom:1px solid var(--ln)}
.rs .hlx,.rs .tl{display:block}.rs .hlx ol{padding:0;margin:0}
/* ===== v2 ===== */
.trw .tb.fol b{color:var(--acct);margin-left:4px}.trw .tb.fol{border:0}
.tc.mine{border-color:var(--acc);box-shadow:0 0 0 1px color-mix(in srgb,var(--acc) 45%,transparent)}.tc.nl{padding-left:12px}
.tln{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:7px}.tln a{font-size:11px;font-weight:700;color:var(--t2);border:1px solid var(--ln);border-radius:999px;padding:2px 9px;line-height:1.4}.tln a:hover{color:var(--ink);border-color:var(--t3)}.tln a.on{border-color:var(--acc);color:var(--ink)}
.mt{display:flex;align-items:center;gap:10px;margin-top:9px;font-size:12px}
.srt{margin:0;height:auto;padding:0;color:var(--acct);font-weight:700;font-size:12px;border-radius:0;background:none!important}.srt:hover{text-decoration:underline;color:var(--acct)}
.mt .tm{font-weight:700;color:var(--t3);font-size:12px;margin:0}
.hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:28px;padding-bottom:22px;border-bottom:1px solid var(--ln);margin-bottom:4px}
.him{display:block;border-radius:14px;overflow:hidden;aspect-ratio:16/10;background:var(--imgbg);margin-bottom:14px}.him img,.fim img,.hth img,.dth img{width:100%;height:100%;object-fit:cover;display:block}.him img.ct,.fim img.ct,.hth img.ct,.dth img.ct{object-fit:contain;background:#fff}
.ht{display:block;font-size:24px;font-weight:800;line-height:1.25;letter-spacing:-.01em}.ht:hover,.ft:hover{color:var(--acct)}.hl1 .fd{font-size:14.5px}
.hrs{display:flex;flex-direction:column}.hri{display:flex;gap:14px;padding:12px 0;border-bottom:1px solid var(--ln)}.hri:first-child{padding-top:0}.hri:last-child{border-bottom:0}.hri .fbd{flex:1;min-width:0}
.ft.s{font-size:15px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.hth{flex:none;width:104px;height:72px;border-radius:10px;overflow:hidden;background:var(--imgbg)}
.fr2{display:flex;gap:20px;padding:20px 0;border-bottom:1px solid var(--ln)}.fim{flex:none;width:216px;height:136px;border-radius:12px;overflow:hidden;background:var(--imgbg)}.fbd{flex:1;min-width:0}
.fr2 .fd{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rs h3{margin-bottom:10px}
.dmi{display:block;border:1px solid var(--ln);border-radius:14px;padding:14px 16px 6px;background:linear-gradient(180deg,color-mix(in srgb,var(--acc) 8%,var(--card)),var(--card))}.dmi:hover{border-color:color-mix(in srgb,var(--acc) 45%,var(--ln))}
.dmi .dh{margin-bottom:4px}.dmi .dh b{font-size:17px}.dmi .dh span{font-size:12px}.dmi ol{list-style:none;padding:0;margin:0}.dmi li{display:flex;gap:10px;padding:8px 0;border-top:1px solid var(--ln);font-size:13px;font-weight:600;line-height:1.4}.dmi li i{font-style:normal;color:var(--acct);font-weight:800;width:14px;flex:none}
.fcs{display:flex;flex-direction:column;gap:8px}.fcd{--tx:repeating-linear-gradient(135deg,color-mix(in srgb,var(--ink) 4%,transparent) 0 1px,transparent 1px 5px);display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--ink) 16%,transparent);border-radius:14px;background:var(--tx),var(--card)}
.fcd:hover{border-color:var(--t3)}.fcd.live,.fcd.mine{border-color:var(--acc);background:var(--tx),color-mix(in srgb,var(--acc) 7%,var(--card))}
.tav.fc{width:40px;height:40px;border-radius:10px;font-size:13px}.fcb{flex:1;min-width:0;display:flex;flex-direction:column}.fcb b{font-size:14px;font-weight:800}.fcb>span{font-size:12px;color:var(--t3);display:flex;align-items:center;gap:6px}.dot{width:7px;height:7px;border-radius:50%;background:var(--live);display:inline-block}
.pls>div{display:flex;flex-wrap:wrap;gap:6px}.pl{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 10px;border-radius:999px;border:1px solid var(--ln);font-size:12px;font-weight:600;color:var(--t2);background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--ink) 4%,transparent) 0 1px,transparent 1px 4px)}
.pl:hover{color:var(--ink);border-color:var(--t3)}.pl.on{border-color:var(--acc);color:var(--ink);font-weight:600}.pl svg{width:12px;height:12px;color:var(--acct)}
.ait{display:flex;flex-direction:column;gap:8px}.aic{display:block;padding:12px 14px;border:1px solid var(--ln);border-radius:12px}.aic:hover{border-color:var(--t3)}.aih{display:flex;align-items:center;gap:10px}.aih b{font-size:14px;font-weight:700}
.aii{width:28px;height:28px;border-radius:8px;background:#fff;display:grid;place-items:center;overflow:hidden;flex:none}.aii img{width:20px;height:20px}.aic i{display:block;font-style:normal;font-size:12px;color:var(--t2);margin-top:6px;line-height:1.45}
.stk{position:sticky;top:148px;display:flex;flex-direction:column;gap:24px}
.cols{align-items:stretch}
.frow{display:flex;align-items:center;gap:14px;padding:10px 32px;border-bottom:1px solid var(--ln);position:sticky;top:129px;background:var(--bg);z-index:19}.frow .sc{flex:1;min-width:0;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}
.fgb{padding-bottom:10px;margin-bottom:14px;border-bottom:1px solid var(--ln)}.fgb .fgh{margin:8px 0 0}.fgb .fr2:last-of-type{border-bottom:0}
.fpb .tli{padding:10px 0;border-bottom:1px solid var(--ln)}
.dfull li{gap:16px}.dbd{flex:1;min-width:0}.dx{font-size:13px;color:var(--t2);line-height:1.55;margin-top:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dth{flex:none;width:168px;height:106px;border-radius:12px;overflow:hidden;background:var(--imgbg)}
.frow~* .stk,body:has(.frow) .stk{top:200px}
/* ---- v3 ---- */
.tc.mine,.fcd.mine,.fcd.live{border-color:color-mix(in srgb,var(--ink) 12%,transparent)!important;box-shadow:none!important}
.fcd.live,.fcd.mine{background:var(--tx),var(--card)!important}
.fcd .fs{font-weight:800;font-size:12px}.fcb span{font-weight:700}
.dmi{padding:16px 18px}.dmi .dh{margin:0}.dmx{margin:8px 0 0;font-size:13px;color:var(--t2);font-weight:600}
.pls>div{gap:8px}.pl{height:32px;padding:0 4px 0 12px;font-size:13.5px;gap:2px}.pl a{display:inline-flex;align-items:center;gap:8px;color:inherit}
.pd{width:6px;height:6px;border-radius:50%;flex:none;background:#7d9cf0}.pd.d-theme{background:#e3b25e}.pd.d-fair{background:var(--acc)}.pd.d-ind{background:#7d9cf0}
.pa{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;color:var(--t3)}.pa:hover{background:var(--card2);color:var(--ink)}.pa svg{width:13px;height:13px}
.pl.on{border-color:var(--ln)!important;font-weight:600}.pl.on .pa{color:var(--live)}
.pl.sm{height:26px;padding:0 10px;font-size:12px;margin-top:10px;pointer-events:none}.pl.sm a{gap:6px}
.aic{padding:14px 16px}.aii{width:40px;height:40px;border-radius:10px}.aii img{width:28px;height:28px}.aih b{font-size:15px}
.srt{display:inline-flex;gap:6px;flex-wrap:wrap}.srt i{font-style:normal;color:var(--t3)}.srt span{margin:0!important;max-width:none}
.srl{margin-top:56px}.srl h2{color:var(--t3)!important}.sro.nl{padding:8px 0}.sro.nl b{font-weight:500;color:var(--t2);font-size:14px}.sro.nl i{color:var(--t3)}.sro.nl>svg{opacity:.6}
.fcount{display:inline-flex;align-items:center;gap:6px;font-size:18px;font-weight:800;color:var(--ink);flex:none;padding:4px 10px 4px 0}.fcount b{color:var(--acct)}.fcount svg{width:16px;height:16px;color:var(--t3)}.fcount:hover svg{color:var(--ink)}
.frow .sep2{width:1px;height:20px;background:var(--ln)}
.fpan{width:560px}.fpb h4{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--t3);margin:18px 0 6px}.fpb h4:first-child{margin-top:4px}
.fpb .tli{padding:12px 0}.fpb .tli a span{font-size:15px;font-weight:600}.fpb .tli.nl a{padding-left:2px}
.vm{display:flex;justify-content:center;margin:18px auto 0}.fgb{margin-bottom:44px}
.pls>div{gap:6px}.pl{height:30px;padding:0 3px 0 10px;font-size:13px;gap:0}.pl a{gap:6px}.pa{width:20px;height:20px}.pa svg{width:12px;height:12px}.pl .pa svg{color:var(--t3)}.pl.on .pa svg{color:var(--live)}
.pl.sm{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px}
.mt{flex-wrap:nowrap;min-width:0}.srt{flex-wrap:nowrap;overflow:hidden;min-width:0;white-space:nowrap}.srt span{overflow:hidden;text-overflow:ellipsis}.mt .tm{flex:none}
.hri .mt{flex-wrap:wrap;row-gap:2px}.hri .srt{flex-wrap:wrap;white-space:normal;overflow:visible}.hri .srt span{overflow:visible}
.spop{max-height:420px;overflow:auto}
/* ===== v4 ===== */
.pl{gap:6px;padding:0 12px 0 10px;height:30px;font-size:13px;font-weight:500;color:var(--t2)}.pl.on{color:var(--ink);font-weight:800;border-color:var(--ln)!important}
.pl .tav.px{width:18px;height:18px;border-radius:5px;font-size:8.5px;margin-left:-4px}
.pd.d-sub{background:#7d9cf0}
.tln{gap:6px;margin-bottom:8px}.pl.xs{height:24px;font-size:11.5px;padding:0 9px 0 8px;gap:5px}.pl.xs .tav.px{width:15px;height:15px;font-size:7px;border-radius:4px;margin-left:-3px}.pl.xs .pd{width:5px;height:5px}
.srt{align-items:center;gap:5px}.srt>svg{width:13px;height:13px;flex:none;color:var(--acct)}
.fst{display:inline-flex;align-items:center;margin-left:4px!important;overflow:visible!important}.fst .fv{width:18px;height:18px;border:1.5px solid var(--bg);margin-left:-6px}.fst .fv:first-child{margin-left:0}.fst .fv img{width:12px;height:12px}.fst .fv.fi{font-size:9px;font-weight:800;color:#333}
.hri .srt .fst{display:none}
.sro.nl i{font-weight:700;color:var(--t3);font-style:normal}.sro.nl b{color:var(--t2)}
.fpan{width:400px}
.dmi,.dly.tex{background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--ink) 4%,transparent) 0 1px,transparent 1px 5px),linear-gradient(160deg,color-mix(in srgb,var(--acc) 10%,var(--card)),var(--card) 70%)}
.dmi{padding:24px 22px;border-radius:16px}.dmi .dh b{font-size:20px}.dmi .dh span{font-size:13px}
.aic{display:flex;align-items:center;gap:14px;padding:14px}.aii{width:52px;height:52px;border-radius:12px}.aii img{width:36px;height:36px}.aitx{min-width:0;display:flex;flex-direction:column}.aitx b{font-size:15px;font-weight:700}.aic .aitx i{margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rail .lk{width:auto;justify-content:flex-start;padding-left:20px;gap:5px;white-space:nowrap}
.rail .lk .wm{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:800;font-size:26px;letter-spacing:.02em;color:var(--ink);line-height:1;opacity:0;transition:opacity .16s .04s;transform:translateY(2px)}
.rail:hover .lk .wm,.rail:focus-within .lk .wm{opacity:1}
.fst .fv.fi{background:color-mix(in srgb,var(--ink) 22%,var(--card));color:var(--ink)}
/* ===== v5 ===== */
.pl.on{color:var(--ink)!important;font-weight:800;border-color:color-mix(in srgb,var(--ink) 70%,transparent)!important;background:color-mix(in srgb,var(--ink) 7%,transparent)}
.frow .tc{border-color:color-mix(in srgb,var(--ink) 60%,transparent)!important;color:var(--ink);font-weight:700}
.fcount{font-size:14px!important}.fcount b{font-size:14px!important}
.fgh b{font-size:21px!important;font-weight:800}
.fpb .tli span{font-size:16px;font-weight:600}.fpb .tli{padding:12px 0}
.hri .srt .fst{display:inline-flex}
.srt.stk2{padding:2px 6px 2px 3px!important;border-radius:999px!important;border:1px solid var(--ln)!important}.srt.stk2:hover{border-color:var(--t3)!important;text-decoration:none}
.stk2 .fst{margin-left:0!important}.stk2 .fst .fv{width:22px;height:22px;margin-left:-7px}.stk2 .fst .fv:first-child{margin-left:0}.stk2 .fst .fv img{width:14px;height:14px}.stk2 .fst .fv.fi{font-size:10px}
.mt{gap:10px;align-items:center}
.dmi{display:flex;align-items:center;gap:14px;padding:22px 20px;min-height:96px;border-radius:16px}.dmi>svg{margin-left:auto;color:var(--acct);width:20px;height:20px;flex:none}
.aib{flex:none;width:48px;height:48px;border-radius:12px;display:grid;place-items:center;font-weight:800;font-size:16px;letter-spacing:.02em;color:#fff;background:linear-gradient(135deg,var(--acc),color-mix(in srgb,var(--acc) 55%,#7d4cff))}
.dmt{display:flex;flex-direction:column;gap:4px;min-width:0}.dmt b{font-size:19px;font-weight:800;color:var(--ink)}.dmt span{font-size:13px;color:var(--t3);font-weight:600}
.dh2{display:flex;align-items:center;gap:14px;margin-bottom:14px}.dh2>svg{margin-left:auto;color:var(--acct);width:20px;height:20px}.dh2 .dmt b{font-size:21px}
/* v5b variants */
.spn{font-size:12px;font-weight:800;line-height:1;margin-left:4px;padding:5px 8px;border-radius:999px}
.spn{color:var(--acct);background:color-mix(in srgb,var(--acc) 14%,transparent)}
html[data-sv=B] .spn{color:#fff;background:var(--acc)}
.srt.stk2{border:0!important;padding:0!important}
.dmi{min-height:104px;padding:24px 24px}.dmt b{font-size:22px;display:flex;align-items:center;gap:8px}
.ail{font-style:normal;font-size:11px;font-weight:800;letter-spacing:.06em;color:var(--acct);border:1px solid color-mix(in srgb,var(--acc) 45%,transparent);border-radius:6px;padding:2px 6px}
html[data-dv=B] .ail{display:none}
html[data-dv=B] .dmi>svg{width:40px;height:40px;padding:10px;border-radius:50%;background:var(--acc);color:#fff}
.dmi>svg{color:var(--acct)}
/* final */
.stk2 .fst,.stk2:hover .fst{gap:0!important}
.stk2 .fst .fv,.stk2:hover .fst .fv{margin-left:-9px!important;transform:none!important;transition:none!important;position:relative;box-shadow:0 0 0 1.5px var(--bg)}
.stk2 .fst .fv:first-child,.stk2:hover .fst .fv:first-child{margin-left:0!important}
.stk2 .fst .fv:nth-child(1){z-index:4}.stk2 .fst .fv:nth-child(2){z-index:3}.stk2 .fst .fv:nth-child(3){z-index:2}.stk2 .fst .fv:nth-child(4){z-index:1}
.stk2 .spn{margin-left:4px}
.spk{width:18px;height:18px;fill:var(--acc);flex:none}
.dmi>svg:last-child{color:var(--acct)}
.srt.stk2{gap:0!important}.stk2 .spn{margin-left:5px!important}
.stk2 .fst .fv,.stk2:hover .fst .fv{margin-left:-8px!important}
.spk{width:22px;height:22px}
.spk{width:25px;height:25px}
.dh2 .dmt b{display:flex;align-items:center;gap:8px}
/* v6 */
.th{justify-content:flex-start}.thn{flex-wrap:wrap}.thn .fb.sm{margin-left:4px}
.sq{font-size:34px;font-weight:800;letter-spacing:-.02em;line-height:1.2;margin:6px 0 14px;word-break:break-word}
.stab{display:flex;gap:24px;border-bottom:1px solid var(--ln);margin-bottom:4px}.stab a{padding:10px 0;font-weight:700;font-size:14px;color:var(--t3);border-bottom:2px solid transparent;margin-bottom:-1px;display:flex;gap:6px;align-items:center}.stab a i{font-style:normal;font-weight:600;font-size:12px;color:var(--t3)}.stab a.on{color:var(--ink);border-color:var(--acc)}
.slist{display:flex;flex-direction:column}.srow{display:flex;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid var(--ln);color:inherit;text-decoration:none}
.srl2{display:flex;align-items:center;gap:16px;flex:1;min-width:0;color:inherit}.sb{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.sb b{font-size:17px;font-weight:700}
.sm2{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:13px;color:var(--t3)}.sm2 em{font-style:normal;font-weight:600;color:var(--acct)}.sm2 .ex{color:var(--t2);font-weight:600}
.sd{font-size:14px;color:var(--t2)}.sim{width:76px;height:76px;border-radius:12px;overflow:hidden;flex:none;background:var(--card);border:1px solid var(--ln)}.sim img{width:100%;height:100%;object-fit:cover;display:block}
.srow.sup{align-items:flex-start}.srow.sup:hover b{text-decoration:underline}
.search input{border:0}
/* v7 */
.pg.tp .cols{align-items:start}.pg.tp .cm>.th{margin-bottom:20px}
.pg.tp .rs .stk,.pg.tp .stk{top:92px}
.top .search{flex:0 1 840px!important;max-width:840px!important;width:840px}
.rail .lk{padding-left:14px!important;height:68px}.rail .lk .lg{height:36px;width:auto;flex:0 0 auto;color:var(--ink);overflow:visible}
.rail .lk .wmt{opacity:0;transition:opacity .16s .04s}.rail:hover .lk .wmt,.rail:focus-within .lk .wmt{opacity:1}
.rail .rsep{display:block;height:1px;background:var(--ln);margin:10px 8px}
.rail .rbot{margin-top:auto;margin-bottom:14px}
.pd[style],.ich .pd{background:var(--dc)!important}
.dmi.ind{background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--ink) 4%,transparent) 0 1px,transparent 1px 5px),linear-gradient(160deg,color-mix(in srgb,var(--ia) 16%,var(--card)),var(--card))!important;border-color:color-mix(in srgb,var(--ia) 35%,var(--ln))!important}
.dmi.ind .spk{display:none}.dmi .iic{width:28px;height:28px;color:var(--ia);fill:none;stroke:currentColor;stroke-width:1.8;margin-left:8px;vertical-align:-5px}.dmi.ind>svg{color:var(--ia)!important}
.svb{margin-left:auto;background:none;border:0;padding:4px;border-radius:8px;color:var(--t3);cursor:pointer;display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:13px;font-weight:700}
.svb svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}.svb:hover{color:var(--ink);background:var(--card2)}
.svb.on{color:#F5B301}.svb.on svg{fill:#F5B301;stroke:#F5B301}
.svb.big{border:1px solid var(--ln);padding:5px 12px 5px 9px;border-radius:999px;margin-left:12px}
.am{display:flex;align-items:center}
.ph{margin:4px 0 20px;text-align:left}.ph h1{font-size:30px;font-weight:800;letter-spacing:-.01em}.ph p{color:var(--t3);font-size:14px;margin-top:4px}
.sve{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:40px 28px;border:1px dashed var(--ln);border-radius:16px;color:var(--t3)}.sve svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.6}.sve b{color:var(--ink);font-size:17px}.sve .fb{margin-top:8px}
.setw{max-width:640px}.sset{border:1px solid var(--ln);border-radius:14px;padding:18px 20px;margin-bottom:14px;background:var(--card)}.sset h3{font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--t3);margin-bottom:12px}
.sset .seg{display:inline-flex;border:1px solid var(--ln);border-radius:999px;padding:3px}.sset .seg button{border:0;background:none;color:var(--t2);font:inherit;font-weight:700;font-size:14px;padding:7px 18px;border-radius:999px;cursor:pointer}.sset .seg button.on{background:var(--ink);color:var(--bg)}
.mch,.ich{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.mch a,.ich a{height:32px;padding:0 14px;border-radius:999px;border:1px solid var(--ln);display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--t2)}.mch a.on,.ich a.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}.ich em{font-style:normal;color:var(--t3);font-size:12px}.ich a.on em{color:inherit;opacity:.7}.ich .pd{width:8px;height:8px;border-radius:50%;display:inline-block}
.fmo{margin-bottom:30px}.fmo h2{font-size:18px;font-weight:800;margin-bottom:12px;display:flex;align-items:baseline;gap:8px}.fmo h2 span{font-size:13px;color:var(--t3);font-weight:600}
.fgr{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.fcal{border:1px solid var(--ln);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px;background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--ink) 3.5%,transparent) 0 1px,transparent 1px 6px),linear-gradient(170deg,var(--card2),var(--card))}
.fcal:hover{border-color:var(--t3)}.fcl{display:flex;flex-direction:column;gap:3px;min-width:0}.fcl .tav.fxl{width:56px;height:56px;border-radius:14px;font-size:17px;margin-bottom:10px;background:#fff}.fcl .tav.fxl img{width:80%;height:80%;object-fit:contain}
.fcl b{font-size:15px;font-weight:800;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}.fcl span{font-size:12.5px;color:var(--t3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fcf{display:flex;align-items:center;justify-content:space-between;margin-top:auto}
.azx{display:flex;flex-wrap:wrap;gap:2px;margin-bottom:18px;padding:6px;border:1px solid var(--ln);border-radius:12px;width:max-content;max-width:100%}.azx button,.azx span{width:28px;height:28px;border-radius:7px;font:inherit;font-size:13px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}.azx button{border:0;background:none;color:var(--ink);cursor:pointer}.azx button:hover{background:var(--card2)}.azx span{color:var(--t3);opacity:.4}
.sdir{max-width:980px}.azh{font-size:15px;font-weight:800;color:var(--t3);border-bottom:1px solid var(--ln);padding:14px 0 6px;margin-bottom:4px}
.aii img{object-fit:contain}
/* v8 */
.seg.fms{display:inline-flex;align-items:center;height:36px;padding:3px;gap:2px;border:1px solid var(--ln);border-radius:999px;box-sizing:border-box;flex:0 0 auto}
.seg.fms button{display:inline-flex;align-items:center;justify-content:center;height:28px;min-width:78px;padding:0 14px;margin:0;line-height:1;font-size:12.5px;font-weight:700;border-radius:999px;border:0;background:none;color:var(--t2);cursor:pointer;box-sizing:border-box}
.seg.fms button.on{background:var(--chipa);color:var(--chipat)}
.ssp{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:6px;background:#E5484D;color:#fff;font-size:11px;font-weight:800;letter-spacing:.01em;white-space:nowrap}
.mt .ssp+.tm{margin-left:8px;font-weight:800;color:var(--ink)}
.spb{display:flex;gap:8px;align-items:flex-start;padding:10px 12px;border-radius:10px;border:1px dashed color-mix(in srgb,#E5484D 55%,var(--ln));background:color-mix(in srgb,#E5484D 8%,transparent);color:var(--t2);font-size:13px;margin:8px 0 14px}.spb svg{width:16px;height:16px;flex:0 0 16px;margin-top:1px;fill:none;stroke:currentColor;stroke-width:1.8}
.spa{display:inline-flex;align-items:center;gap:10px;margin-bottom:10px}.spa span{display:flex;flex-direction:column}.spa b{font-size:14px}.spa i{font-style:normal;font-size:12px;color:#E5484D;font-weight:700}
.sav img{width:100%!important;height:100%!important;object-fit:cover!important}.tav.sav{background:#fff;overflow:hidden}
.mib{display:inline-flex;align-items:center;gap:4px;height:32px;padding:0 12px 0 14px;border-radius:999px;border:1px solid var(--ink);background:none;color:var(--ink);font:inherit;font-size:13px;font-weight:800;cursor:pointer;margin-top:12px}.mib svg{width:15px;height:15px}.mib:hover{background:var(--ink);color:var(--bg)}
.thact{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.thact .mib{margin-top:12px}.thact .sab{margin-top:12px}
.sab{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--ln);background:none;color:var(--ink);font:inherit;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap}.sab:hover{border-color:var(--t3)}.sab svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8}.sab.pv em{font-style:normal;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#E5484D;border:1px solid currentColor;border-radius:4px;padding:1px 4px}
.sin{display:inline-flex;align-items:center;gap:6px;font-weight:700}
.ipan{width:440px!important;z-index:86}.ipb{padding:4px 22px 24px!important}.ith{display:flex;gap:14px;align-items:center;margin:8px 0 14px}.ith h2{font-size:19px;font-weight:800;line-height:1.25;margin-bottom:4px}.ith .tav.xl{width:64px;height:64px;flex:0 0 64px}
.itx{font-size:14px;line-height:1.55;color:var(--t2);margin-bottom:12px}.irw{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:11px 0;border-top:1px solid var(--ln);font-size:13.5px}.irw b{color:var(--t3);font-weight:600}.irw a{color:var(--ink);font-weight:700;display:inline-flex;gap:5px;align-items:center;word-break:break-word}.irw a svg{width:13px;height:13px;flex:0 0 13px}
.inote{font-size:12px;color:var(--t3);border-top:1px solid var(--ln);padding-top:10px}.ift{display:flex;gap:8px;margin-top:16px}
.tlg{display:flex;align-items:center;gap:10px;flex:1;min-width:0;background:none;border:0;color:inherit;font:inherit;text-align:left;cursor:pointer;padding:0}.tlg span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fpb h4{display:flex;align-items:center;gap:6px}.fpb h4 em{font-style:normal;color:var(--t3);font-weight:600}
.fgb.fhl{animation:fhl 1.8s ease}@keyframes fhl{0%,40%{box-shadow:0 0 0 2px var(--acc);border-radius:14px}100%{box-shadow:0 0 0 2px transparent}}
.fgb{scroll-margin-top:0}
.tbd{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 10px;margin-left:4px;border-radius:999px;border:1px solid var(--ln);background:none;color:var(--t2);font:inherit;font-size:12px;cursor:pointer}.tbd svg{width:15px;height:15px}
button.fcd{width:100%;text-align:left;font:inherit;color:inherit;cursor:pointer}
.supd .sur{display:flex;gap:10px;padding:11px 0;border-top:1px solid var(--ln)}.supd .sur:first-of-type{border-top:0}.sua{background:none;border:0;padding:0;cursor:pointer}.supd .sur a{font-size:14px;font-weight:700;line-height:1.35;color:var(--ink);display:block;margin-bottom:6px}.supd .mt{display:flex;align-items:center}
.srow.sup{display:flex;align-items:center;gap:16px}.srow.sup .sb{flex:1;min-width:0}.sbn b{color:var(--ink)}.sbn:hover b{text-decoration:underline}.sac{display:flex;gap:8px;align-items:center;flex:0 0 auto}
.pg.sdw .sdir{max-width:none}
.aic{position:relative}.aic .aix{position:absolute;top:10px;right:10px;color:var(--t3)}.aic .aix svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2}.aic:hover .aix{color:var(--ink)}
.aic .aitx{padding-right:18px}.aic .aitx i{white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:clip!important;line-height:1.4}
.cflt{display:flex;align-items:flex-end;gap:12px;margin-bottom:14px;flex-wrap:wrap}.cflt label{display:flex;flex-direction:column;gap:4px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--t3)}
.cflt select{height:38px;min-width:220px;padding:0 34px 0 12px;border-radius:10px;border:1px solid var(--ln);background:var(--card);color:var(--ink);font:inherit;font-size:14px;font-weight:600;text-transform:none;letter-spacing:0;appearance:auto}.cflt .cnt{font-size:13px;color:var(--t3);padding-bottom:10px}
.mnav{display:flex;gap:6px;overflow-x:auto;padding:4px 2px 10px;margin-bottom:18px;scrollbar-width:thin;position:sticky;top:64px;z-index:5;background:var(--bg)}
.mnav button{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;width:64px;height:58px;border-radius:12px;border:1px solid var(--ln);background:var(--card);color:var(--ink);font:inherit;cursor:pointer;gap:1px}.mnav b{font-size:13px;font-weight:800}.mnav span{font-size:10.5px;color:var(--t3)}.mnav em{font-style:normal;font-size:11px;font-weight:700;color:var(--acct)}.mnav button.z{opacity:.45}.mnav button.on{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.fmo{scroll-margin-top:140px}.fci{display:inline-flex!important;align-items:center;gap:5px}.fci .pd{width:7px;height:7px;border-radius:50%}
.ctmsg{border-top:1px solid var(--ln);margin-top:14px;padding-top:12px;display:flex;flex-direction:column;gap:8px}.ctmsg label{font-size:12px;font-weight:700;color:var(--t3);display:flex;gap:8px;align-items:center}.ctmsg em,.pvt{font-style:normal;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#E5484D;border:1px solid currentColor;border-radius:4px;padding:1px 5px}
.ctmsg textarea,.cmp input,.cmp textarea{width:100%;box-sizing:border-box;border-radius:10px;border:1px solid var(--ln);background:var(--card2);color:var(--ink);font:inherit;font-size:14px;padding:9px 11px}
.ctsend{opacity:.5;cursor:not-allowed!important;width:100%}.ctmsg p{font-size:12px;color:var(--t3)}
.cmp label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:700;color:var(--t3);margin-bottom:10px}
.pg.fpg.ft .cm{padding-bottom:calc(100vh - 380px)}
.pg.cal{padding-bottom:calc(100vh - 420px)}
.aih{display:inline-flex;align-items:center;gap:2px;color:inherit}.aih svg{width:13px;height:13px}.aih:hover{color:var(--ink)}
.pg.tools{max-width:none!important;width:auto}
.tban{text-align:center;padding:44px 24px 40px;margin:4px 0 28px;border-radius:20px;border:1px solid var(--ln);background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--ink) 4%,transparent) 0 1px,transparent 1px 6px),radial-gradient(120% 140% at 50% 0%,color-mix(in srgb,var(--acc) 18%,var(--card)),var(--card))}
.tban h1{font-size:36px;font-weight:800;letter-spacing:-.02em}.tban p{margin-top:8px;color:var(--t2);font-size:15px}
.tgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding-bottom:40px}
@media(max-width:1100px){.tgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.tgrid{grid-template-columns:1fr}}
.tcard{position:relative;display:flex;gap:16px;align-items:flex-start;padding:22px 44px 22px 22px;border:1px solid var(--ln);border-radius:18px;background:var(--card);color:var(--ink);min-height:132px;transition:border-color .15s,transform .15s}.tcard:hover{border-color:var(--t3);transform:translateY(-1px)}
.tlogo{flex:0 0 56px;width:56px;height:56px;border-radius:14px;background:#fff;display:grid;place-items:center;overflow:hidden;border:1px solid var(--ln)}.tlogo img{width:40px;height:40px;object-fit:contain}
.ttx{display:flex;flex-direction:column;min-width:0}.ttx b{font-size:17px;font-weight:800}.ttx em{font-style:normal;font-size:12px;color:var(--t3);margin:1px 0 7px}.ttx i{font-style:normal;font-size:13.5px;line-height:1.45;color:var(--t2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.tarr{position:absolute;top:18px;right:18px;color:var(--t3)}.tarr svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}.tcard:hover .tarr{color:var(--ink)}
.rail .lk{padding-left:20.667px!important;padding-right:0!important;justify-content:flex-start!important}.rail .lk .lg{height:32px!important;width:auto!important;margin:0!important;display:block}
.top .search{flex:0 1 600px!important;max-width:600px!important;width:auto!important;min-width:260px}
.saib{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 10px 0 12px;margin-left:10px;border-radius:999px;border:1px solid var(--ln);color:var(--t2);font-size:12.5px;font-weight:700;white-space:nowrap}.saib svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2}.saib:hover{color:var(--ink);border-color:var(--t3)}
/* v9 */
.ssp{display:inline!important;height:auto!important;padding:0!important;background:none!important;border:0!important;border-radius:0!important;color:#FF385C!important;font-size:12px!important;font-weight:800!important}
.mt .ssp+.tm{margin-left:7px}
.svb{flex:0 0 auto;box-sizing:border-box;width:auto!important;height:auto!important;min-width:32px;min-height:32px;justify-content:center;overflow:visible!important;line-height:1}
.svb svg{flex:0 0 18px;width:18px!important;height:18px!important;overflow:visible;display:block}
.svb.big{padding:6px 12px 6px 10px!important}.svb .svl{display:inline!important;font-size:12.5px;font-weight:700;color:inherit}
.am{min-height:34px;overflow:visible}
.sur2{display:flex;align-items:center;gap:10px;width:100%;padding:10px 0;border:0;border-top:1px solid var(--ln);background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.supd .sur2:first-of-type{border-top:0}.sur2 span{display:flex;flex-direction:column;min-width:0}.sur2 b{font-size:14px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sur2 i{font-style:normal;font-size:12px;font-weight:600}.sur2:hover b{text-decoration:underline}
.sfc .sfcb{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--ln);border-radius:14px;background:var(--card)}.sfcl{display:flex;gap:10px;align-items:center;flex:1;min-width:0;color:inherit}.sfcl span{display:flex;flex-direction:column;min-width:0}.sfcl b{font-size:14px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sfcl i{font-style:normal;font-size:12px;color:var(--t2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sfcl em{font-style:normal;font-size:11.5px;font-weight:700}.sfcl:hover b{text-decoration:underline}
.cyr{display:flex;align-items:center;gap:6px;margin-bottom:12px}.cyr button{height:34px;padding:0 16px;border-radius:999px;border:1px solid var(--ln);background:none;color:var(--t2);font:inherit;font-size:14px;font-weight:800;cursor:pointer}.cyr button.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}.cyr .cnt{margin-left:8px;font-size:13px;color:var(--t3)}
.cich{display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;padding:2px 2px 8px;margin-bottom:10px;scrollbar-width:thin}.cich button{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--ln);background:none;color:var(--t2);font:inherit;font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer}.cich button em{font-style:normal;font-size:11.5px;color:var(--t3)}.cich .pd{width:8px;height:8px;border-radius:50%;display:inline-block}.cich button.on{border-color:var(--ink);color:var(--ink);background:color-mix(in srgb,var(--ink) 8%,transparent);box-shadow:inset 0 0 0 1px var(--ink);font-weight:800}
.mnav button.oy{border-style:dashed}
.top .search{flex:0 1 520px!important;max-width:520px!important}
.saib2{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px 0 10px;margin-left:12px;border-radius:999px;color:var(--ink);font-size:13.5px;font-weight:800;white-space:nowrap;border:1px solid color-mix(in srgb,var(--ink) 16%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--ink) 9%,transparent),color-mix(in srgb,var(--ink) 3%,transparent)),repeating-linear-gradient(135deg,color-mix(in srgb,var(--ink) 4%,transparent) 0 1px,transparent 1px 4px);box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 18%,transparent),0 4px 14px color-mix(in srgb,#000 12%,transparent);backdrop-filter:blur(10px) saturate(1.3);-webkit-backdrop-filter:blur(10px) saturate(1.3);box-sizing:border-box}
.saib2 img{width:24px;height:24px;border-radius:7px;background:#fff;padding:2px;box-sizing:border-box}.saib2 svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.2;opacity:.8}.saib2:hover{border-color:color-mix(in srgb,var(--ink) 32%,transparent)}.saib2:hover svg{opacity:1}
.tban2{position:relative;overflow:hidden;text-align:center;padding:52px 24px 44px;margin:4px 0 30px;border-radius:22px;border:1px solid var(--ln);color:var(--ink);background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--ink) 3.5%,transparent) 0 1px,transparent 1px 7px),linear-gradient(180deg,color-mix(in srgb,var(--acc) 7%,var(--card)),var(--card))}
.tbg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.tbx{position:relative}
.tkick{display:inline-flex;align-items:center;gap:10px;font-size:11.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--acct)}.tkick i{width:28px;height:1px;background:currentColor;opacity:.6}
.tban2 h1{font-size:46px;line-height:1.05;font-weight:800;letter-spacing:-.03em;margin-top:12px}.tban2 h1 em{font-style:normal;color:var(--t2);font-weight:700}
.tban2 p{margin:12px auto 0;max-width:560px;color:var(--t2);font-size:15.5px;line-height:1.5}
.tcats{display:flex;justify-content:center;gap:18px;margin-top:18px;flex-wrap:wrap}.tcats span{font-size:12.5px;font-weight:700;color:var(--t2);display:inline-flex;align-items:center;gap:6px}.tcats span:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--tc)}
.tcard{min-height:150px;align-items:stretch}.ttx{flex:1}.ttx i{min-height:calc(1.45em*3)}.tct{display:block;margin-top:auto;padding-top:10px;font-size:12px;font-weight:800;letter-spacing:.02em}
.tfh{cursor:pointer}.tfh svg{opacity:.5;transition:opacity .15s,transform .15s}.tfh:hover svg{opacity:1;transform:translateX(2px)}

/* v10 */

.saib2{padding:0 14px 0 12px;gap:7px;font-size:13px}
.top .search{max-width:min(520px,calc(100% - 360px))}
.fgb.fhl,.fhl{animation:none!important;box-shadow:none!important;outline:none!important}
.cstk{position:sticky;top:64px;z-index:6;background:var(--bg);padding:4px 0 2px;margin:0 0 14px;border-bottom:1px solid color-mix(in srgb,var(--ln) 70%,transparent)}
.cstk .cich{margin-bottom:8px}
.cstk .cyr{margin-bottom:8px}
.cstk .mnav{position:static;top:auto;background:transparent;margin-bottom:0;padding-bottom:8px}
.tban2 h1{font-size:42px;letter-spacing:-.03em}
/* Daily polish: quieter sparkle, less tall cards, softer tint, title+icon wrap cleanly */
.spk{width:15px!important;height:15px!important}
.dmi{min-height:0!important;padding:16px 16px!important;gap:12px}
.dmt b{font-size:16px!important;font-weight:800;display:flex;align-items:center;flex-wrap:wrap;gap:6px;line-height:1.25}
.dmt .dtt{min-width:0}
.dmi .iic{width:18px!important;height:18px!important;margin-left:0!important;vertical-align:0!important;flex:none}
.dmi>svg{width:16px!important;height:16px!important;opacity:.75}
.dmi.ind{background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--ink) 3%,transparent) 0 1px,transparent 1px 6px),linear-gradient(160deg,color-mix(in srgb,var(--ia) 10%,var(--card)),var(--card))!important;border-color:color-mix(in srgb,var(--ia) 22%,var(--ln))!important}
.dmi:not(.ind){background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--ink) 3%,transparent) 0 1px,transparent 1px 6px),linear-gradient(160deg,color-mix(in srgb,var(--acc) 6%,var(--card)),var(--card) 70%)!important}
.dmt > span{font-size:12px}
.dmt .dtt{font-size:16px;font-weight:800}
.dh2 .dmt b{font-size:18px!important}
.dh2 .spk{width:15px!important;height:15px!important}

/* v10.1 */
.dmt .dtt,.dh2 .dmt .dtt,.dmt b{color:var(--ink)!important;opacity:1!important;-webkit-text-fill-color:var(--ink)}
html[data-theme="dark"] .dmt .dtt,html[data-theme="dark"] .dh2 .dmt .dtt{color:#FAFAFA!important;-webkit-text-fill-color:#FAFAFA}
html[data-theme="light"] .dmt .dtt,html[data-theme="light"] .dh2 .dmt .dtt{color:#0A0A0A!important;-webkit-text-fill-color:#0A0A0A}
.dly li p.dsum,.dly li p,.dfull .dsum,.dbd > p.fd.dsum{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;margin-top:4px;line-height:1.5;white-space:normal}
.dfull .dx{display:none!important}
.pg.fpg .fstk{position:sticky;top:148px;z-index:4;display:flex;flex-direction:column;gap:28px;align-self:start}
body:has(.frow) .pg.fpg .fstk{top:200px}




/* v10.1 CTA sparkle — hollow large + solid small, #6C73FF */
.saib2 .sai-spk{width:20px;height:20px;flex:none;overflow:visible}
.saib2 svg.sai-spk{fill:none;stroke:none;opacity:1}
.saib2 .sai-spk .spk-lg{fill:none!important;stroke:#6C73FF!important;stroke-width:2.35;stroke-linejoin:round;stroke-linecap:round}
.saib2 .sai-spk .spk-sm{fill:#6C73FF!important;stroke:none!important}
.saib2 .sai-star{display:none}
.saib2 svg.sai-spk{width:22px!important;height:22px!important;opacity:1!important;stroke:none!important;fill:none!important}
.saib2 .sai-spk .spk-lg{fill:none!important;stroke:#6C73FF!important;stroke-width:2.6;stroke-linejoin:round;stroke-linecap:round}
.saib2 .sai-spk .spk-sm{fill:#6C73FF!important;stroke:none!important}

/* ===== v10.2 mobile (phone ≤767px); desktop ≥768 unchanged ===== */
@media (max-width:767px){
  html,body,#app{max-width:100%;overflow-x:clip}
  /* Bottom nav from left rail */
  .rail{display:flex!important;position:fixed!important;left:0!important;right:0!important;top:auto!important;bottom:0!important;width:100%!important;height:calc(56px + env(safe-area-inset-bottom))!important;flex-direction:row!important;align-items:stretch!important;justify-content:space-between;border-right:0!important;border-top:1px solid var(--ln);background:var(--bg);z-index:60;overflow:visible!important;box-shadow:0 -8px 24px color-mix(in srgb,#000 18%,transparent)!important;padding-bottom:env(safe-area-inset-bottom);transition:none!important}
  .rail:hover,.rail:focus-within{width:100%!important;box-shadow:0 -8px 24px color-mix(in srgb,#000 18%,transparent)!important}
  .rail .lk{display:none!important}
  .rail .rsep{display:none!important}
  .rail nav{display:flex!important;flex-direction:row!important;flex:1 1 auto;margin:0!important;padding:0 2px!important;gap:0!important;align-items:stretch!important;justify-content:space-around}
  .rail .rbot{margin:0!important;display:flex!important;flex:0 0 auto;padding:0 4px 0 0}
  .rail nav a{flex:1 1 0;width:auto!important;min-width:0;height:auto!important;min-height:44px;flex-direction:column!important;justify-content:center!important;align-items:center!important;padding:6px 2px!important;gap:2px!important;border-radius:10px;font-size:10px}
  .rail nav a svg{width:22px;height:22px;flex:none}
  .rail nav a .tt{position:static!important;left:auto!important;top:auto!important;transform:none!important;opacity:1!important;pointer-events:none;background:none!important;color:inherit!important;font-size:9px!important;font-weight:700;padding:0!important;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.1}
  .main{margin-left:0!important;padding-bottom:calc(72px + env(safe-area-inset-bottom));min-width:0;max-width:100%}

  /* Topbar: logo + search + CTA; hide preview toggle */
  .top{height:auto!important;min-height:52px;flex-wrap:wrap;align-items:center;padding:8px 12px!important;gap:8px!important}
  .top .mlogo{display:flex!important;align-items:center;flex:none;height:36px;color:var(--ink)}
  .top .mlogo .lg{height:28px;width:auto}
  .top .mlogo .wmt{display:none}
  .pst{display:none!important}
  .top .search{flex:1 1 140px!important;max-width:none!important;width:auto!important;min-width:0!important;height:40px}
  .top .search input{font-size:14px!important}
  .saib2{margin-left:0!important;height:40px!important;min-height:40px;padding:0 10px 0 8px!important;font-size:12px!important;gap:5px}
  .saib2 span{max-width:9.5em;overflow:hidden;text-overflow:ellipsis}
  .top .sp{display:none}
  .top .ib,#thm{width:40px;height:40px;min-width:40px;flex:none}
  .btn.si,.meb{height:40px;min-height:40px;padding:0 10px;flex:none}
  .btn.si span,.meb span{display:none}

  /* Tabs / chips */
  .trw,.tabs.trw{padding:8px 12px!important;top:0;position:sticky;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:8px}
  .frow{padding:8px 12px!important;gap:8px;flex-wrap:nowrap;overflow-x:auto}
  .frow .sc{overflow-x:auto}
  .tc,.tb{min-height:36px}

  /* Single column content */
  .cols{display:flex!important;flex-direction:column!important;gap:20px!important}
  .cols .cm,.cols .rs{width:100%!important;max-width:100%!important;min-width:0!important}
  .pg,.pg.wide,.pg.tp,.pg.fpg,.pg.tools{padding:12px 12px 24px!important}
  .ph h1,.th h1,.thn h1{font-size:22px!important;line-height:1.25}
  .rs{gap:20px}

  /* Feed cards stack */
  .hero{grid-template-columns:1fr!important;gap:16px}
  .fr2{flex-direction:column!important;gap:12px}
  .fim{width:100%!important;height:180px!important;max-width:100%}
  .fbd .ft{font-size:16px;line-height:1.35}
  .hrs{display:flex;flex-direction:column;gap:14px}
  .hri{flex-direction:column}

  /* Calendar */
  .fgr{grid-template-columns:1fr!important;gap:12px}
  .cstk{top:52px;padding-top:4px}
  .mnav button{width:56px;height:54px}
  .cich{padding-bottom:6px}
  .pg.fpg .fstk{position:static!important;top:auto!important}

  /* AI tools */
  .tgrid{grid-template-columns:1fr!important;gap:12px;padding-bottom:24px}
  .tban2{padding:28px 16px 24px;margin-bottom:18px}
  .tban2 h1{font-size:28px!important}
  .tban2 p{font-size:14px}
  .tcard{min-height:0;padding:16px 40px 16px 16px}

  /* Directory / lists */
  .srow.sup{flex-wrap:wrap;gap:10px}
  .srow.sup .sac{width:100%;justify-content:flex-start;flex-wrap:wrap}
  .sac .fb,.sac .btn{min-height:40px}

  /* Article */
  .art2,.cm.art2{padding:0}
  .art2 h1{font-size:24px!important}
  .dth{width:100%!important;height:160px!important}
  .dfull li{flex-direction:column}

  /* Drawers / modals full width */
  .fpan,.ipan{width:100%!important;max-width:100%}
  .ctp,.cmp{width:calc(100% - 24px)!important;max-width:100%;margin:12px}

  /* Settings etc */
  .set,.slist{padding:0}
  body{font-size:15px}
  .fd,.dsum,.ttx i{font-size:14px!important}

  /* Hit targets */
  .svb{min-width:40px;min-height:40px}
  .fb.sm{min-height:40px;padding:0 12px}
  .cyr button,.cich button{min-height:36px}
}
@media (max-width:380px){
  .saib2 span{display:none} /* icon-only CTA on very narrow */
  .tban2 h1{font-size:24px!important}
  .rail nav a .tt{font-size:8px!important}
}

/* ===== v10.2 Round 2 polish ===== */
@media (max-width:767px){
  .top{flex-wrap:nowrap!important;height:56px!important;min-height:56px!important;padding:6px 10px!important;gap:6px!important}
  .top .mlogo{height:32px}
  .top .mlogo .lg{height:26px}
  .saib2 span{display:none!important} /* sparkle-only CTA frees width */
  .saib2{padding:0 10px!important;min-width:40px;justify-content:center}
  .top .search{flex:1 1 auto!important;min-width:0!important}
  .cstk{top:56px!important}
  .trw,.tabs.trw{top:56px}
  /* Shorter bottom-nav labels */
  .rail nav a[aria-label="Fair calendar"] .tt{font-size:0!important}
  .rail nav a[aria-label="Fair calendar"] .tt::after{content:"Fairs";font-size:9px;font-weight:700}
  .rail nav a[aria-label="Supplier directory"] .tt{font-size:0!important}
  .rail nav a[aria-label="Supplier directory"] .tt::after{content:"Directory";font-size:9px;font-weight:700}
  .rail nav a[aria-label="AI tools"] .tt{font-size:0!important}
  .rail nav a[aria-label="AI tools"] .tt::after{content:"AI";font-size:9px;font-weight:700}
  /* Contact / more info buttons wrap cleanly */
  .sac button,.sac a{min-height:40px}
  .thn{flex-wrap:wrap;gap:8px}
  .fmeta{flex-wrap:wrap}
}

/* v10.3 profile: reuse existing Settings surfaces, typography and controls. */
.user-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex:none}
.meb{color:inherit;text-decoration:none;min-width:0}.meb>span{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.profile-identity{display:flex;align-items:center;gap:12px;margin:16px 0}.profile-identity .user-avatar{width:48px;height:48px}.profile-identity p{margin:4px 0;font-size:13px;color:var(--t2)}
#profile-form{display:grid;gap:16px}#profile-form label{display:grid;gap:8px;font:inherit}#profile-form input,#profile-form textarea{box-sizing:border-box;width:100%;max-width:100%;padding:10px 12px;border:1px solid var(--ln);border-radius:8px;background:var(--bg);color:inherit;font:inherit}#profile-form textarea{resize:vertical}#profile-form button{justify-self:start}#profile-status{min-height:1.4em;margin:0}.setw{min-width:0}.setw .tli>a{min-width:0;overflow-wrap:anywhere}.setw .sset p{overflow-wrap:anywhere}
@media(max-width:767px){.meb>span{display:none}}

.sset .fb{display:inline-flex;align-items:center;justify-content:center}

/* Kevin t534u — mobile supplier cards only. Desktop and other page designs unchanged. */
@media(max-width:767px){
 .srow.sup{display:grid;grid-template-columns:76px minmax(0,1fr);align-items:start;column-gap:12px;row-gap:10px}
 .srow.sup>.sim{grid-column:1;grid-row:1;align-self:start;justify-self:start}
 .srow.sup>.sb{grid-column:2;grid-row:1;align-self:start;min-width:0}
 .srow.sup>.sac{grid-column:2;grid-row:2;width:100%;min-width:0;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;margin:0}
 .srow.sup>.sim>.tav{width:100%;height:100%}
}

/* Kevin t533u mobile navigation: no bottom bar; all nav and utility links in top-right menu. */
#mnav-toggle,.mobile-nav,.mobile-nav-scrim{display:none}
@media(max-width:767px){
 .rail{display:none!important}
 .main{padding-bottom:0!important}
 .top>.saib2,.top>#thm,.top>.btn.si,.top>.meb,.top>.sp{display:none!important}
 .top .search{flex:1 1 0!important;min-width:0!important}
 #mnav-toggle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;min-width:40px;height:40px;border:1px solid var(--ln);border-radius:50%;color:var(--ink);position:relative;z-index:83}
 #mnav-toggle .i{width:22px;height:22px}
 .mobile-nav-scrim:not([hidden]){display:block;position:fixed;inset:56px 0 0;background:#0007;z-index:80}
 .mobile-nav:not([hidden]){display:block;position:fixed;right:10px;top:62px;width:min(320px,calc(100vw - 20px));max-height:calc(100dvh - 76px);overflow-y:auto;overscroll-behavior:contain;padding:8px;background:var(--card);color:var(--ink);border:1px solid var(--ln);border-radius:14px;box-shadow:0 12px 44px #0005;z-index:81;box-sizing:border-box}
 .mobile-nav[hidden],.mobile-nav-scrim[hidden]{display:none!important}
 .mobile-nav .mnav-item{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:10px 12px;box-sizing:border-box;color:var(--ink);font:inherit;font-size:14px;text-align:left;border-radius:9px;line-height:1.4}
 .mobile-nav .mnav-item span{min-width:0;overflow-wrap:anywhere}
 .mobile-nav .mnav-item:hover,.mobile-nav .mnav-item:focus-visible{background:var(--chip);outline:2px solid var(--acct);outline-offset:-2px}
 .mobile-nav .mnav-item .i{width:20px;height:20px;flex:0 0 20px}
 .mnav-sep{height:1px;background:var(--ln);margin:6px 4px}
 .mobile-nav .saib2{display:flex!important;width:100%;height:44px!important;justify-content:flex-start!important;gap:12px;padding:0 12px!important;margin:0!important;box-shadow:none}
 .mobile-nav .saib2 span{display:inline!important;max-width:none!important;font-size:14px}
 .mobile-nav .saib2 .sai-spk{flex:0 0 22px}
 body.mobile-menu-open{overflow:hidden}
 /* A single scroll track: Trending/Following visible initially, never pinned over the industries. */
 .trw,.tabs.trw{display:flex!important;gap:6px!important;overflow-x:auto!important;overflow-y:hidden;scrollbar-width:none;scroll-behavior:smooth;padding:8px 12px!important;top:56px!important}
 .trw>.fx,.trw>.sc{display:contents!important;border:0!important;padding:0!important;margin:0!important;-webkit-mask-image:none!important;mask-image:none!important}
 .trw .tb,.trw .tb.all,.trw .tb.fol{height:36px;min-height:36px;min-width:auto;flex:0 0 auto;padding:0 12px;font-size:13px;line-height:1.2}
}

/* Mobile five-item bottom navigation; requested update after t533. Desktop unchanged. */
.mobile-bottom-nav,.mobile-header-person{display:none}
@media(max-width:767px){
 .main{padding-bottom:calc(72px + env(safe-area-inset-bottom))!important}
 .mobile-bottom-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;left:0;right:0;bottom:0;z-index:65;min-height:60px;padding:4px 4px calc(4px + env(safe-area-inset-bottom));box-sizing:border-box;border-top:1px solid var(--ln);background:var(--bg);box-shadow:0 -6px 20px #0002}
 .mobile-bottom-nav>a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;min-height:48px;padding:4px 1px;box-sizing:border-box;color:var(--t2);border-radius:10px;text-decoration:none}
 .mobile-bottom-nav>a.on{color:var(--acct);background:var(--chip)}
 .mobile-bottom-nav>a:focus-visible{outline:2px solid var(--acct);outline-offset:-2px}
 .mobile-bottom-nav .i{width:23px;height:23px;flex:none}
 .mobile-bottom-nav span{font-size:10px;line-height:1.15;font-weight:600;white-space:nowrap}
 .mobile-bottom-nav .mobile-bottom-person .i{width:26px;height:26px}
 .top .mlogo{width:64px;height:40px;flex:0 0 64px;overflow:hidden}
 .top .mlogo .lg{height:32px!important;width:103.333px!important;max-width:none;flex:none}
 .top.is-auth .search{max-width:212px!important}
 #mnav-toggle{margin-left:auto}
 .mobile-header-person{display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;border:1px solid var(--ln);border-radius:50%;color:var(--ink);box-sizing:border-box}
 .mobile-header-person .i{width:23px;height:23px}
 body.mobile-menu-open .top{z-index:100}
 /* Home hero's large image, four compact images and ordinary feed images match on phones. */
 .home-feed .hero .him,.home-feed .hero .hth,.home-feed .feed .fim{display:block;width:100%!important;max-width:100%;height:180px!important;min-height:180px;aspect-ratio:auto!important;flex:0 0 auto;border-radius:12px;overflow:hidden;margin-left:0;margin-right:0}
 .home-feed .hl1,.home-feed .hrs,.home-feed .hri{width:100%;min-width:0;box-sizing:border-box}
 .home-feed .hri{align-items:stretch}
 .home-feed .hri .hth{order:-1}
 .home-feed .hero .him img,.home-feed .hero .hth img,.home-feed .feed .fim img{width:100%;height:100%;display:block}
}

/* Mobile avatar and icons-only navigation; no mobile Hot. */
@media(max-width:767px){
 /* The shared ranking component is removed from mobile layout and accessibility tree on every route. */
 .hlx{display:none!important}
 .mobile-bottom-nav>a{flex-direction:row;gap:0;align-items:center;justify-content:center}
 .mobile-bottom-nav .i,.mobile-bottom-nav .mobile-bottom-person .i{width:24px;height:24px;flex:0 0 24px}
 .mobile-account-avatar{display:inline-flex;position:relative;align-items:center;justify-content:center;width:24px;height:24px;flex:0 0 24px;border-radius:50%;overflow:hidden;background:var(--chip);color:var(--ink);vertical-align:middle}
 .mobile-account-avatar .mobile-avatar-initial{font-size:12px;line-height:24px;font-weight:700}
 .mobile-account-avatar>img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;border-radius:50%}
 .mobile-account-avatar>img[hidden]{display:none!important}
 .mobile-header-person .mobile-account-avatar{width:28px;height:28px;flex-basis:28px}
}

/* Mobile editorial order and Following navigation contract. */
.following-return{margin:0 0 18px}
@media(max-width:767px){
 .mobile-editorial{display:flex;flex-direction:column;gap:26px;min-width:0}
 .mobile-landing{padding:16px 12px!important}
 .mobile-landing>.th{margin-bottom:20px}
 .mobile-three-cards .fim{width:100%!important;height:180px!important;min-height:180px}
 .mobile-three-cards .fr2{width:100%;min-width:0}
 .mobile-three-cards .fim img{height:100%;width:100%;display:block}
 .mobile-editorial .dly{width:100%;box-sizing:border-box}
 .mobile-editorial .dly ol{max-height:none;overflow:visible}
 .mobile-editorial .mobile-trending-topics .pls>div{display:flex;flex-wrap:wrap;gap:8px}
 .mobile-editorial .mobile-trending-topics .pl{display:inline-flex;flex:0 1 auto;max-width:100%;width:auto;margin:0}
 .rs .tl .tli{display:inline-flex;width:auto;max-width:100%}
 .fpg>.cols>.rs,.supd,.ait,.pg.tools,#mobile-nav a[href="#/tools"]{display:none!important}
 .frow{margin-top:14px!important;border-top:2px solid var(--ln);padding-top:14px!important;padding-bottom:14px!important}
 .fgb+.fgb{border-top:1px solid var(--ln);padding-top:22px;margin-top:26px}
 .mobile-page-notice{font-size:14px;color:var(--t2);padding:12px 0}
 .stk:has(>.hlx:only-child){display:none!important}
 .stab i{display:none}
}

/* Compact mobile calendar, directory and integrated Daily numbers. */
@media(max-width:767px){
 .cal .fgr{display:flex!important;flex-direction:column!important;gap:8px!important}
 .mobile-calendar-row{width:100%;min-width:0}
 .mobile-calendar-row .fcs{margin:0;padding:0}
 .mobile-calendar-row .fcd{width:100%;box-sizing:border-box;margin:0;min-height:64px}
 .srow.sup .sd{display:none!important}
 .srow.sup .sm2{gap:4px;font-size:11px;line-height:1.3}
 .srow.sup .ex{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .dly li.mobile-numbered-daily{display:block!important;grid-template-columns:none!important}
 .mobile-numbered-daily>div{min-width:0;width:100%}
 .mobile-numbered-daily b{display:block;white-space:normal}
 .tp>.cols>.cm>.tl:has(.dfull){display:none}
}

/* Full catalog rows stay compact even when a supplied fair name is very long. */
@media(max-width:767px){
 .mobile-calendar-row .fcb{min-width:0;flex:1}
 .mobile-calendar-row .fcb>b{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.3;max-height:2.6em}
}

/* v10.5 richer Daily/topic previews and tighter Daily-to-content spacing. */
.dly{margin-bottom:0}
.dly li.mobile-numbered-daily{display:block}
.rs>.dly+*{margin-top:-12px}
@media(max-width:767px){
 .mobile-editorial{gap:16px}
 .mobile-preview-feed{min-width:0;width:100%}
 .mobile-preview-feed .him,.mobile-preview-feed .hth,.mobile-preview-feed .fim{display:block;width:100%!important;max-width:100%;height:180px!important;min-height:180px;aspect-ratio:auto!important;flex:0 0 auto;border-radius:12px;overflow:hidden;margin:0}
 .mobile-preview-feed .him img,.mobile-preview-feed .hth img,.mobile-preview-feed .fim img{width:100%;height:100%;display:block}
 .mobile-preview-feed .hl1,.mobile-preview-feed .hrs,.mobile-preview-feed .hri{width:100%;min-width:0;box-sizing:border-box}
 .mobile-preview-feed .hri{align-items:stretch}
 .mobile-preview-feed .hri .hth{order:-1}
 .mobile-preview-feed .hrs:empty{display:none}

}

/* v10.5 Supplier industries: one home-style scroll track on desktop and mobile. */
.sdw>.ich{display:flex;flex-wrap:nowrap;align-items:center;gap:6px;max-width:100%;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;padding:8px 0;margin-bottom:16px}
.sdw>.ich::-webkit-scrollbar{display:none}
.sdw>.ich>a{height:36px;min-height:36px;min-width:auto;flex:0 0 auto;padding:0 14px;gap:6px;font-size:13px;line-height:1.2;border-color:transparent;white-space:nowrap}
.sdw>.ich>a.on{background:var(--chipa);color:var(--chipat);border-color:transparent}
.sdw>.ich>a:not(.on):hover{background:var(--chip);color:var(--ink)}