@font-face{font-family:'Libre Franklin';font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/librefranklin-latin.d21d154559.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Libre Franklin';font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/librefranklin-latin-ext.96176420d1.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/sourceserif4-latin.2a24bad466.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/sourceserif4-latin-ext.c9299a7160.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
body{margin:0;background:#ffffff;color:#222222;font-family:'Libre Franklin', Arial, sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}
a{color:#000000;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
h1,h2,h3,h4{font-family:'Libre Franklin', Arial, sans-serif;color:#000000;margin:0;font-weight:800}
h1{font-size:52px;line-height:1.06;letter-spacing:-1px}
h2{font-size:30px;line-height:1.13;letter-spacing:-0.5px}
h3{font-size:20px;line-height:1.2;letter-spacing:-0.25px;font-weight:700}
p{margin:0}
.wrap{max-width:1180px;margin:0 auto;padding:0 32px;box-sizing:border-box}
.read{max-width:680px}
.serif{font-family:'Source Serif 4', Georgia, serif}
.dek{font-family:'Source Serif 4', Georgia, serif;font-size:20px;line-height:30px;color:#222222}
.body p,.body li{font-family:'Source Serif 4', Georgia, serif;font-size:20px;line-height:30px;color:#222222}
.body p+p{margin-top:20px}
.meta{font-size:13px;color:#555555;line-height:1.4}
.num{font-variant-numeric:tabular-nums}
.plain{text-decoration:none}
.plain:hover{text-decoration:underline}
.top{display:flex;align-items:center;gap:28px;padding:18px 0 12px}
.mark{font-weight:800;font-size:27px;letter-spacing:-1px;color:#000000;text-decoration:none;display:inline-flex;align-items:center;gap:9px}
.logo{width:30px;height:30px;flex:none}
.logo .lb{animation:wb-bar .7s cubic-bezier(.2,.7,.2,1) backwards}
.logo .lb2{animation-delay:.12s}.logo .lb3{animation-delay:.24s}
a.mark:hover .lb{animation-name:wb-bar2}
@keyframes wb-bar{from{width:0}}
@keyframes wb-bar2{40%{width:3px}}
@media (prefers-reduced-motion:reduce){.logo .lb{animation:none}}
@view-transition{navigation:auto}
.wb-sugf{position:relative}
.wb-sug{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:70;background:#ffffff;border-radius:7px;box-shadow:0 12px 40px rgba(0,0,0,0.18);padding:6px 0;max-height:70vh;overflow-y:auto}
.wb-sug[hidden]{display:none}
.wb-sug a{display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:44px;padding:0 14px;color:#000000;text-decoration:none;font-size:15px}
.wb-sug a:hover,.wb-sug a:focus{background:#f0f0f0;outline:none}
.wb-sug .meta{font-size:13px;color:#555555;white-space:nowrap}
::view-transition-old(root),::view-transition-new(root){animation-duration:180ms}
@media (prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none !important}}
.search{display:flex;flex:1;max-width:520px}
.hdr-d .search{max-width:none}
.search input{flex:1;height:40px;background:#f0f0f0;border:0;border-radius:7px 0 0 7px;padding:0 14px;font-size:16px;font-family:'Libre Franklin', Arial, sans-serif;color:#222222}
.search button{height:40px;padding:0 18px;border:0;border-radius:0 7px 7px 0;background:#000000;color:#ffffff;font-weight:700;font-size:15px;font-family:'Libre Franklin', Arial, sans-serif}
.nav{display:flex;gap:24px;flex-wrap:wrap;padding:6px 0 12px}
.nav a{color:#000000;font-weight:700;font-size:15px;text-decoration:none}
.nav a:hover{text-decoration:underline}
.topbar{background:#ebebeb;color:#222222;font-size:13px;text-align:center;padding:8px 16px;line-height:1.4}
.topbar a{color:#000000;font-weight:700;white-space:nowrap}
.crumb{display:flex;gap:8px;align-items:baseline;font-size:14px;font-weight:500;color:#555555;flex-wrap:wrap}
.crumb a{color:#000000;font-weight:700}
.links{display:grid;gap:10px 32px}
.links a{display:flex;justify-content:space-between;gap:12px;font-size:16px;color:#000000;text-decoration:none;padding:2px 0}
.links a span:first-child{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.links a:hover span:first-child{text-decoration-thickness:2px}
.links a span+span{color:#555555;font-variant-numeric:tabular-nums}
.grey{background:#f5f5f5}
.btn{display:flex;align-items:center;justify-content:center;height:44px;border-radius:7px;background:#000000;color:#ffffff;font-weight:700;font-size:16px;border:0;font-family:'Libre Franklin', Arial, sans-serif;text-decoration:none;padding:0 20px}
a.btn:hover,button.btn:hover{background:#333333;color:#ffffff}
.btn2{display:flex;align-items:center;justify-content:center;height:40px;border-radius:7px;background:#ffffff;color:#000000;font-weight:700;font-size:15px;border:1.5px solid #000000;text-decoration:none;font-family:'Libre Franklin', Arial, sans-serif;padding:0 16px}
a.btn2:hover,button.btn2:hover{background:#f0f0f0}
.card{display:flex;flex-direction:column;gap:10px}
.cimg{height:210px;background:#f5f5f5;display:flex;align-items:center;justify-content:center}
.cimg img{max-width:82%;max-height:180px;object-fit:contain;mix-blend-mode:multiply}
.score{font-size:13px;font-weight:700;color:#000000}
.ctitle{font-weight:700;color:#000000;font-size:18px;line-height:1.3;letter-spacing:-0.25px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-decoration:none}
a.ctitle:hover{text-decoration:underline}
.specs{font-size:14px;color:#555555;line-height:1.45}
.pc{display:flex;flex-direction:column;gap:5px}
.pc div{display:flex;gap:8px;align-items:baseline;font-size:15px;line-height:1.4;color:#222222}
.pc b{font-weight:800;color:#000000;width:12px;flex:none;text-align:center}
.linkbtn{align-self:flex-start;border:0;background:none;padding:0;color:#000000;font-weight:700;font-size:14px;font-family:'Libre Franklin', Arial, sans-serif;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.price{font-weight:800;font-size:24px;color:#000000;letter-spacing:-0.5px}
.save{color:#b3261e;font-weight:800;font-size:15px}
.was{color:#555555;font-size:14px}
.asof{font-size:12px;color:#555555;line-height:1.4}
.asof a{color:#222222;display:inline-block;padding:4px 0;margin:-4px 0}
.bar{height:12px;background:#000000}
.track{height:12px;background:#ebebeb;flex:1;display:flex}
.note{padding:14px 16px;font-size:14px;color:#222222;background:#fff4c2}
table.t{border-collapse:collapse;width:100%;font-size:15px}
table.t th{text-align:left;font-weight:800;color:#000000;padding:10px 12px}
table.t td{padding:11px 12px;color:#222222}
/* ISSUE-269: the product name link in a compare row is a 44 px tap target. */
table.t td:first-child{padding-top:0;padding-bottom:0}
table.t td:first-child a{display:inline-flex;align-items:center;min-height:44px}
table.t tbody tr:nth-child(odd) td{background:#f5f5f5}
details{padding:14px 0}
summary{font-weight:700;color:#000000;cursor:pointer;font-size:19px;letter-spacing:-0.25px}
.side h4{font-size:15px;font-weight:800;margin:0 0 10px}
.check{display:flex;align-items:center;gap:10px;font-size:15px;color:#222222;padding:4px 0}
.check input{width:17px;height:17px;accent-color:#000000;margin:0}
.check span+span{margin-left:auto;color:#555555;font-size:14px}
.foot{background:#f5f5f5;color:#222222}
.foot a{color:#222222;text-decoration:none;font-size:15px}
.foot a:hover{text-decoration:underline}
@media (max-width:760px){.wrap{padding:0 16px}h1{font-size:34px;letter-spacing:-0.5px}h2{font-size:24px}.hide-sm{display:none !important}.stack-sm{flex-direction:column !important;align-items:stretch !important}.g4{grid-template-columns:repeat(2,minmax(0,1fr)) !important}.g3{grid-template-columns:repeat(1,minmax(0,1fr)) !important}.side{display:none !important}.dek,.body p,.body li{font-size:18px;line-height:28px}.g2m{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:28px 12px !important}.g2m .cimg{height:150px}.g2m .ctitle{font-size:15px}.g2m .specs,.g2m .pc{font-size:13px}.g2m .btn{padding:9px 8px;font-size:14px;width:100%}}
.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
header.site{position:relative;z-index:20;background:#ffffff;overflow-x:clip}
.site-links{display:flex;gap:20px;margin-left:auto;font-weight:700;font-size:15px}
.nav .allcats{margin-left:auto;text-decoration:underline;text-underline-offset:3px}
.dept{position:static}
.mega{display:block;visibility:hidden;opacity:0;position:absolute;left:0;right:0;top:100%;background:#ffffff;box-shadow:0 16px 32px rgba(0,0,0,0.12);transition:visibility 0s .35s,opacity 0s .35s}
/* Hover intent without script: a panel opens after 0.15 s on its department and closes 0.35 s after the mouse leaves,
   so crossing a neighbour on the way down does not swap the open panel (measured with a diagonal mouse path). */
.dept:hover .mega,.dept:focus-within .mega{visibility:visible;opacity:1;transition-delay:.15s}
.dept:focus-within .mega{transition-delay:0s}
.nav .dept>a{position:relative}
.nav 
.nav 
.mega-in{display:flex;gap:56px;padding-top:28px;padding-bottom:36px}
.mega-cols{flex:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 40px}
.mega-col{display:flex;flex-direction:column;gap:8px}
.nav .mega-col a,.nav .mega-side a.plain{font-weight:500;font-size:15px;color:#222222}
.mega-gl{font-weight:800;font-size:16px;color:#000000}
.mega-side{flex:0 0 280px;display:flex;flex-direction:column;gap:12px}
.mega-side .mega-gl{font-size:15px}
.nav .mega-side a.btn{color:#ffffff;margin-top:10px;font-size:16px}
.hdr-m{display:none}
.hdr-m-row{display:flex;align-items:center;gap:12px;padding-top:12px;padding-bottom:8px}
.hdr-m .mark{font-size:24px}
details.mmenu{padding:0}
details.mmenu>summary{list-style:none;width:44px;height:44px;border-radius:7px;background:#f0f0f0;display:flex;align-items:center;justify-content:center}
details.mmenu>summary::-webkit-details-marker{display:none}
.msearchf{flex:1;min-width:0;display:flex}
.msearchf input{flex:1;min-width:0;width:100%;height:44px;background:#f0f0f0;border:0;border-radius:7px;padding:0 12px;font-size:16px;font-family:'Libre Franklin', Arial, sans-serif;color:#222222}
.msearchf input::placeholder{color:#555555;opacity:1}
.msearchf input:focus-visible{outline:2px solid #000000;outline-offset:1px}
.msearch{margin-left:auto;width:44px;height:44px;border-radius:7px;background:#000000;display:flex;align-items:center;justify-content:center}
.drawer{position:absolute;left:0;right:0;top:100%;background:#ffffff;box-shadow:0 16px 32px rgba(0,0,0,0.12);display:flex;flex-direction:column}
.drawer-search{padding:4px 16px 16px}
.drawer .search{max-width:none}
.drawer .search input,.drawer .search button{height:46px}
.drawer-nav{padding:0 16px;display:flex;flex-direction:column}
.drawer-nav a{display:flex;align-items:center;justify-content:space-between;min-height:48px;font-weight:700;font-size:17px;color:#000000}
.drawer-nav a span{color:#555555}
.drawer-foot{display:flex;gap:24px;padding:16px 16px 24px;font-weight:700;font-size:16px}
.drawer-nav a.dlink{border-bottom:1px solid #eeeeee}.drawer-nav details.dsub>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;min-height:48px;font-weight:700;font-size:17px;color:#000000;cursor:pointer}.drawer-nav details.dsub>summary::-webkit-details-marker{display:none}.dsub-i{color:#555555;font-size:22px;line-height:1;transition:transform .15s}details.dsub[open] .dsub-i{transform:rotate(90deg)}.dsub-list{display:flex;flex-direction:column;padding:0 0 12px 12px}.drawer-nav .dsub-list a{min-height:44px;font-weight:500;font-size:16px;color:#222222;justify-content:flex-start}.drawer-nav .dsub-list a.dsub-all{font-weight:700;color:#000000;text-decoration:underline;text-underline-offset:3px}.dsub-g{display:flex;flex-direction:column;padding-top:8px}.dsub-gl{font-weight:800;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:#555555;padding:6px 0}
.crumbbar{padding-top:24px}
.crumb .sep{color:#767676}
.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;padding-top:48px;padding-bottom:28px}
.foot-col{display:flex;flex-direction:column;gap:8px}
.foot-brand{display:flex;flex-direction:column;gap:10px}
.foot-brand .mark{font-size:24px}
.foot-desc{font-size:16px;line-height:1.55;max-width:320px}
.foot-h{font-weight:800;color:#000000}
.social{display:flex;gap:6px;margin-left:-9px}
.social a,.social span{width:40px;height:40px;display:flex;align-items:center;justify-content:center}
.foot-copy{padding-bottom:32px}
.hero{padding-top:32px;padding-bottom:56px}
.hero-row{display:flex;gap:48px;align-items:stretch}
.lead{flex:1.35;display:flex;flex-direction:column;gap:14px;min-width:0}
.lead .cimg{height:420px}
.lead .cimg img{max-height:360px}
.lead h2{font-size:44px;line-height:1.06;letter-spacing:-1px}
.mark-h{margin:0;font-size:inherit;line-height:inherit;letter-spacing:inherit;font-weight:inherit;display:inline-flex}
.kind{font-size:14px;font-weight:700;color:#000000}
.latest{flex:1;display:flex;flex-direction:column;gap:24px;min-width:0}
.latest-head{display:flex;justify-content:space-between;align-items:baseline}
.latest-head h2{font-size:22px}
.latest-head a{font-size:14px;font-weight:700}
.latest-item{display:flex;gap:18px;align-items:flex-start}
.latest-item .cimg{flex:0 0 150px;height:112px}
.latest-item .cimg img{max-height:96px}
.latest-item>div{display:flex;flex-direction:column;gap:6px}
.latest-item .kind{font-size:13px}
.latest-item h3{font-size:20px}
.tap{position:relative}
.tap .cover::after{content:"";position:absolute;inset:0}
.tap .meta a{position:relative;z-index:1}
.latest-item .cimg.icon{position:relative;overflow:hidden;display:block}
.latest-item .cimg.icon img{position:absolute;max-width:none;max-height:none;width:280%;height:auto;left:-177%;top:-47%}
.hdepts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 32px}
.hdept{display:flex;flex-direction:column;gap:6px}
.hdept h3{font-size:20px}
.hdept p{font-size:16px;line-height:1.5}
.sec{padding-bottom:64px;display:flex;flex-direction:column;gap:24px}
.types{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 24px}
.type{display:flex;flex-direction:column;gap:8px}
.type .cimg{height:200px}
.center{display:flex;justify-content:center;padding-top:12px}
.btn.wide{padding:0 32px}
.sec2{padding-bottom:56px;display:flex;gap:64px;align-items:flex-start}
.sec2-main{flex:1;display:flex;flex-direction:column;gap:16px}
.links.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.howbox{flex:0 0 440px;display:flex;flex-direction:column;gap:14px}
.howbox .body p{font-size:18px;line-height:28px}
.page{padding-top:28px;padding-bottom:72px;display:flex;gap:72px;align-items:flex-start}
.art{flex:1;min-width:0;max-width:680px;display:flex;flex-direction:column;gap:18px}
.art h1{font-size:48px}
.art .body h2{font-size:27px;margin:40px 0 14px}
.art .body h2.big{font-size:36px;margin:56px 0 14px}
.toc{flex:0 0 260px;padding-top:150px}
.toc nav{display:flex;flex-direction:column;gap:10px}
.toc a{font-size:15px}
.cats-head{padding-top:28px;padding-bottom:32px;display:flex;flex-direction:column;gap:16px}
.search.narrow{max-width:460px}
.cats{padding-bottom:64px;columns:3 320px;column-gap:56px}
.dept-block{break-inside:avoid;padding-bottom:36px;display:flex;flex-direction:column;gap:10px}
.dept-block h2{font-size:24px}
.dept-block>a.plain{min-height:44px;display:flex;align-items:center}
.search.narrow input,.search.narrow button{height:44px}
.later{font-size:16px}
.simple{padding-top:28px;padding-bottom:72px;display:flex;flex-direction:column;gap:18px}
.results{display:flex;flex-direction:column;gap:12px}
.btn,.btn2{box-sizing:border-box}
.search input::placeholder{color:#555555;opacity:1}
a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #000000;outline-offset:2px}
.btn:focus-visible,.search button:focus-visible,.msearch:focus-visible{outline-color:#000000;box-shadow:0 0 0 2px #ffffff inset}
.nav{flex-wrap:nowrap;align-items:baseline}
.nav .dept>a{white-space:nowrap}
.nav .allcats{white-space:nowrap}
@media (max-width:1180px){.nav .dept:nth-child(n+7){display:none}}
@media (max-width:980px){.nav .dept:nth-child(n+5){display:none}}
.mega{max-height:calc(100vh - 150px);overflow-y:auto;box-shadow:0 16px 32px rgba(0,0,0,0.12),0 0 0 100vmax rgba(0,0,0,0.3);clip-path:inset(0 -100vmax -100vmax -100vmax)}
/* The panel is as wide as the department bar (Owner 2026-10-24), not the whole window, so it lines up with the menu. */
.nav{position:relative}
.mega{border:1px solid #e5e5e5;border-top:0}
.mega-in.wrap{max-width:none;padding-left:28px;padding-right:28px;gap:40px}
.mega-cols{gap:24px 28px}
.mega-side{flex-basis:240px}
.nav .mega-col a.mega-all{font-weight:700;font-size:14px;color:#000000;text-decoration:underline;text-underline-offset:3px}
.i-open,.i-close{display:flex}
details.mmenu .i-close{display:none}
details.mmenu[open] .i-open{display:none}
details.mmenu[open] .i-close{display:flex}
details.mmenu[open]>summary{position:fixed;top:12px;right:16px;z-index:62}
.drawer{position:fixed;inset:0;top:0;z-index:61;box-shadow:none;overflow-y:auto;min-height:100%}
.drawer-top{display:flex;align-items:center;min-height:44px;padding:12px 16px 12px}
.drawer-top .mark{font-size:24px}
.drawer-foot{margin-top:auto}
.drawer-foot a{min-height:44px;display:flex;align-items:center}
.hero-one .lead{max-width:780px}
.foot .foot-copy a{font-size:inherit;color:#222222;text-decoration:underline;text-underline-offset:3px}
@media (max-width:760px){body:has(details.mmenu[open]),body:has(details.wb-filters[open]){overflow:hidden}.links{gap:0 32px}.links a{min-height:44px;align-items:center;padding:0}.foot-col{gap:0}.foot-col a{min-height:44px;display:flex;align-items:center}.foot-copy a{display:inline-block;padding:12px 0}.latest-head a{padding:12px 0}.crumb a{display:inline-block;padding:10px 0}.crumbbar{padding-top:12px}.topbar a{display:inline-block;padding:6px 0}.mark{display:inline-flex;align-items:center;min-height:44px}.toc a{display:inline-block;padding:8px 0}}
@media (max-width:760px){input,select,textarea{font-size:16px !important}.hdr-d{display:none !important}.hdr-m{display:block}.howbox,.toc,.lead,.latest,.sec2-main{flex:none !important}.lead .cimg{height:260px}.lead .cimg img{max-height:220px}.lead h2{font-size:30px}.latest-item .cimg{flex:0 0 110px;height:90px}.latest-item h3{font-size:17px}.types{gap:28px 12px}.type .cimg{height:150px}.type h3{font-size:17px}.foot-grid{gap:24px}.foot-brand{grid-column:1 / -1}.page,.sec2{gap:32px}.art h1{font-size:34px}.links.two{grid-template-columns:repeat(1,minmax(0,1fr))}}
@media (max-width:760px){.hdepts{grid-template-columns:repeat(1,minmax(0,1fr));gap:20px}.topbar a{padding:13px 0;margin:-13px 0}.tap .meta a{display:inline-block;padding:13px 0;margin:-13px 0}.hdept p{line-height:34px}.hdept p a{padding:8px 0}}
.wb-head{padding-top:28px;padding-bottom:28px;display:flex;flex-direction:column;gap:16px}
.wb-dek2{margin-top:14px}
.wb-up{font-size:15px;font-weight:700}
.wb-h24{font-size:24px}
.wb-learnlist{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:8px;font-family:'Source Serif 4',Georgia,serif;font-size:18px;line-height:1.6}
.wb-checks{margin:0;padding-left:24px;display:flex;flex-direction:column;gap:6px}
.wb-brands{font-size:15px}
.wb-brand{margin-right:14px}
.wb-brands .num{color:#555555}
.wb-results{display:flex;flex-direction:column;gap:22px}
.wb-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 0;position:sticky;top:0;background:#ffffff;z-index:4}
.wb-tl{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.wb-chips{display:flex;gap:10px;flex-wrap:wrap}
.wb-count{font-size:15px;color:#555555}
.wb-sort{display:flex;align-items:center;gap:10px;font-size:15px;margin:0}
.wb-sort select{height:40px;border:1.5px solid #000000;border-radius:7px;padding:0 12px;font-family:inherit;font-size:15px;color:#000000;background:#ffffff}
details.wb-filters{position:relative;padding:0}
details.wb-filters>summary{list-style:none;font-size:15px;letter-spacing:0;cursor:pointer}
details.wb-filters>summary::-webkit-details-marker{display:none}
.wb-fpanel{position:absolute;left:0;top:48px;z-index:5;background:#ffffff;box-shadow:0 12px 40px rgba(0,0,0,0.18);padding:20px;width:760px;max-width:calc(100vw - 32px);box-sizing:border-box;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 28px;max-height:70vh;overflow-y:auto}
.wb-fchips{grid-column:1/-1;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.wb-fs{border:0;padding:0;margin:0;min-width:0}
.wb-fs legend{font-weight:800;color:#000000;font-size:15px;padding:0 0 8px}
a.check{text-decoration:none;color:#222222}
a.check:hover span:first-of-type{text-decoration:underline}
.wb-box{width:17px;height:17px;border:1.5px solid #000000;border-radius:3px;box-sizing:border-box;flex:none;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;line-height:1;color:#ffffff;background:#ffffff}
.wb-box.on{background:#000000}
.wb-sm,.wb-sm-i{display:none}
.wb-grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:44px 28px}
.wb-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 28px}
.wb-who{display:flex;gap:10px;align-items:baseline}
.wb-who .score{margin-left:auto}
.wb-buy{margin-top:auto;display:flex;flex-direction:column;gap:2px;padding-top:4px}
.wb-pl{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.wb-all{padding:0;display:flex;flex-direction:column}
.wb-all-top{display:none}
.wb-all-list{display:flex;flex-direction:column;gap:5px;padding:12px;margin-top:8px;background:#ffffff;box-shadow:0 12px 40px rgba(0,0,0,0.18)}
.wb-all-c,.wb-all-h{font-size:13px;font-weight:800;color:#000000}
.wb-all-how{font-size:14px;font-weight:700;padding-top:4px}
.wb-pages{display:flex;justify-content:center;align-items:center;gap:18px;padding-top:16px;font-size:16px;font-weight:700;flex-wrap:wrap}
.wb-cur{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}
.wb-sec{padding-top:56px;display:flex;flex-direction:column;gap:14px}
.wb-scroll{overflow-x:auto}
.wb-pcell{min-width:150px}
.wb-b{font-weight:700}
.wb-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 48px}
.wb-lh{font-size:17px;margin:0 0 10px}
.wb-end{padding-top:48px;padding-bottom:72px}
.wb-end .meta{font-size:14px}
.wb-t3{display:flex;gap:56px;padding-bottom:16px}
.wb-aside{flex:0 0 230px;display:flex;flex-direction:column;gap:26px;position:static;inset:auto;margin:0;border:0;padding:0;overflow:visible;width:auto;height:auto;color:inherit;background:none}
.wb-aside .wb-ponly{display:none}
.js .wb-sort button{display:none}
.wb-moreb{margin:28px auto 0;min-width:220px;height:44px;cursor:pointer}
.wb-moreb:disabled{opacity:0.6;cursor:wait}
[aria-busy=true] fieldset.wb-fs{opacity:0.5;transition:opacity 0.15s}
.wb-fhead .wb-all-x{margin-left:auto}
.wb-fhead{display:flex;justify-content:space-between;align-items:baseline}
.wb-fhead span{font-weight:800;font-size:20px;color:#000000}
.wb-col{flex:1;display:flex;flex-direction:column;gap:52px;min-width:0}
.wb-blk{display:flex;flex-direction:column;gap:16px}
.wb-intro{font-size:17px;line-height:1.55;max-width:680px}
.wb-l4{grid-template-columns:repeat(4,minmax(0,1fr))}
.wb-l2{grid-template-columns:repeat(2,minmax(0,1fr))}
.wb-bars{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}
.wb-barcol{display:flex;flex-direction:column;gap:12px}
.wb-barcol h2{font-size:24px}
.wb-row{display:flex;align-items:center;gap:12px;font-size:15px}
.wb-bl{width:132px;flex:none}
.wb-bl-s{width:60px}
.wb-bl-l{width:190px}
.wb-bn{width:40px;text-align:right;font-weight:700;flex:none}
.wb-jump{display:flex;gap:8px 22px;flex-wrap:wrap;font-size:15px;font-weight:700;padding-top:4px}
.wb-groups{display:flex;flex-direction:column;gap:52px;padding-bottom:64px}
.wb-group{display:flex;flex-direction:column;gap:18px}
.wb-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 24px}
.wb-tile{display:flex;flex-direction:column;gap:8px}
.wb-timg{height:180px}
.wb-s-close,.wb-fhd{display:none}
.wb-fbar{grid-column:1/-1;display:flex;gap:12px;justify-content:flex-end;padding-top:4px}
.wb-fbar .btn,.wb-fbar .btn2{height:44px;box-sizing:border-box}
details.wb-more{padding:0}
details.wb-more>summary{list-style:none;font-size:14px;letter-spacing:0;padding:6px 0}
details.wb-more>summary::-webkit-details-marker{display:none}
details.wb-more[open]>summary{display:none}
.wb-uses{display:flex;flex-wrap:wrap;gap:8px}
.wb-glance p{max-width:760px}
.wb-tscroll{overflow-x:auto}
.wb-gt{border-collapse:collapse;min-width:420px;font-size:16px}
.wb-gt th,.wb-gt td{text-align:left;padding:8px 24px 8px 0;border-bottom:1px solid #e5e5e5}
.wb-gt td.num{font-variant-numeric:tabular-nums}
.wb-gt a{display:inline-block;padding:4px 0}
.wb-gt tr.wb-gcur td{font-weight:700}
.wb-use{display:inline-flex;align-items:center;gap:8px;min-height:40px;box-sizing:border-box;padding:0 14px;border:1.5px solid #d0d0d0;border-radius:20px;color:#000000;font-weight:700;font-size:15px;text-decoration:none;white-space:nowrap}
.wb-use:hover{border-color:#000000}
.wb-sortl:not(:popover-open){display:none}
.wb-sortl:popover-open{position:fixed;inset:auto 0 0 0;margin:0;width:100%;box-sizing:border-box;border:0;border-radius:14px 14px 0 0;padding:16px 16px 24px;display:flex;flex-direction:column;box-shadow:0 -12px 40px rgba(0,0,0,0.25)}
.wb-sortl::backdrop{background:rgba(0,0,0,0.35)}
.wb-sortl a{display:flex;align-items:center;min-height:48px;font-size:17px;color:#000000;text-decoration:none;border-bottom:1px solid #eeeeee}
.wb-sortl a[aria-current]{font-weight:800}
button.cimg{width:100%;border:0;padding:0;margin:0;cursor:pointer;font:inherit}
button.ctitle{display:block;width:100%;border:0;background:none;padding:0;margin:0;text-align:left;cursor:pointer;font-family:inherit;max-height:2.6em}
button.ctitle:hover{text-decoration:underline}
.card:has(.wb-pd){position:relative;cursor:pointer}
.card:has(.wb-pd) button.ctitle::after{content:"";position:absolute;inset:0;z-index:1}
.card:has(.wb-pd):hover button.ctitle{text-decoration:underline}
.card:has(.wb-pd) .asof a,.card:has(.wb-pd) .wb-more-st{position:relative;z-index:2}
.wb-more-st{font-size:15px;padding:6px 0}
.wb-tname{font-size:inherit;text-align:left;padding:4px 0}
.wb-pd:not(:popover-open){display:none}
.wb-pd:popover-open{position:fixed;inset:0 0 0 auto;margin:0;width:440px;max-width:100vw;height:100%;max-height:none;box-sizing:border-box;border:0;padding:0;overflow-y:auto;overscroll-behavior:contain;background:#ffffff;color:#222222;box-shadow:-12px 0 40px rgba(0,0,0,0.2);display:flex;flex-direction:column;text-align:left}
.wb-pd::backdrop{background:rgba(0,0,0,0.35)}
html:has(.wb-pd:popover-open){overflow:hidden}
@keyframes wb-pdin{from{transform:translateX(32px);opacity:0}to{transform:none;opacity:1}}
.wb-pd:popover-open{animation:wb-pdin 0.18s ease-out}
@media (prefers-reduced-motion:reduce){.wb-pd:popover-open{animation:none}}
.wb-pd-top{position:sticky;top:0;z-index:1;background:#ffffff;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px 8px 20px;border-bottom:1px solid #ebebeb;font-weight:700;font-size:15px;color:#000000}
.wb-pd-src{background:#f5f5f5;padding:20px;display:flex;flex-direction:column;gap:10px}
.wb-pd-img{height:280px;background:#ffffff;border-radius:8px;display:flex;align-items:center;justify-content:center}
.wb-pd-img img{max-width:86%;max-height:250px;object-fit:contain}
.wb-pd-t{font-weight:700;font-size:17px;line-height:1.35;color:#000000;text-decoration:none}
a.wb-pd-t:hover{text-decoration:underline}
.wb-pd-src .btn{height:48px;font-size:16px}
.wb-gal{position:relative}
.wb-gal-s{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:8px;background:#ffffff;outline-offset:2px}
.wb-gal-s::-webkit-scrollbar{display:none}
.wb-gal-i{flex:0 0 100%;height:280px;display:flex;align-items:center;justify-content:center;scroll-snap-align:center}
.wb-gal-i img{max-width:86%;max-height:250px;object-fit:contain}
.wb-gal-p,.wb-gal-n{display:none}
.js .wb-gal-p,.js .wb-gal-n{display:flex;position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:22px;border:1px solid #d0d0d0;background:#ffffff;color:#000000;align-items:center;justify-content:center;font-size:26px;line-height:1;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,0.15)}
.wb-gal-p{left:8px}
.wb-gal-n{right:8px}
.wb-gal-c{display:none}
.js .wb-gal-c{display:block;position:absolute;bottom:8px;right:10px;background:rgba(0,0,0,0.7);color:#ffffff;font-size:12px;font-weight:700;padding:3px 9px;border-radius:10px}
.wb-pd-about{display:flex;flex-direction:column;gap:8px;padding:18px 20px 40px;border-top:1px solid #ebebeb}
.wb-pd-about ul{margin:0;padding-left:20px;font-size:15px;line-height:1.5;color:#222222;display:flex;flex-direction:column;gap:6px}
.wb-pd-our{padding:20px 20px 24px;display:flex;flex-direction:column;gap:18px}
.wb-pd-score{display:flex;align-items:baseline;gap:10px;padding:12px 14px;border:1.5px solid #000000;border-radius:8px;font-weight:800;font-size:15px;color:#000000}
.wb-pd-score .num{font-size:20px}
.wb-pd-pc{gap:6px}
.wb-pd-st{display:flex;flex-direction:column;border-top:1px solid #ebebeb;padding-top:14px}
.wb-pd-h{font-weight:800;font-size:16px;color:#000000;padding-bottom:4px}
.wb-pd-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #ebebeb;font-weight:700;font-size:15px;color:#000000}
.wb-pd-row .btn2{flex:none;height:44px}
.wb-all-list:not(:popover-open){display:none}
.wb-all-list:popover-open{position:fixed;inset:0;margin:auto;width:min(520px,calc(100vw - 32px));height:fit-content;max-height:80vh;overflow-y:auto;box-sizing:border-box;border:0;border-radius:10px;padding:12px 20px 20px;box-shadow:0 20px 60px rgba(0,0,0,0.3)}
.wb-all-list::backdrop{background:rgba(0,0,0,0.35)}
.wb-all-list:popover-open>.wb-all-top{display:flex;align-self:stretch;align-items:center;gap:12px;padding-bottom:4px}
.wb-all-n{flex:1;font-size:15px;font-weight:800;color:#000000}
.wb-all-x{flex:0 0 auto;width:44px;height:44px;border:0;border-radius:7px;background:#f0f0f0;color:#000000;font-size:26px;line-height:1;cursor:pointer}
@media (max-width:760px){.wb-pd:popover-open{width:100%;box-shadow:none}.wb-pd-img,.wb-gal-i{height:240px}.wb-sm{display:block}.wb-sm-i{display:inline}.wb-big{min-height:44px;font-size:16px}.wb-fpanel{grid-template-columns:1fr;width:calc(100vw - 32px)}.wb-toolbar{gap:10px}.wb-sort{justify-content:space-between}.wb-sort select{flex:1}.wb-t3{display:block}.wb-col{gap:40px}.wb-bl{width:110px}.wb-bl-s{width:60px}.wb-timg{height:150px}
.wb-l4,.wb-l2{grid-template-columns:repeat(1,minmax(0,1fr))}
details.wb-filters[open]>summary{position:fixed;top:12px;right:16px;z-index:62;width:44px;height:44px;padding:0;border:0;background:#f0f0f0;border-radius:7px;font-size:26px;line-height:1}
details.wb-filters[open] .wb-s-open{display:none !important}
details.wb-filters[open] .wb-s-close{display:inline}
.wb-fpanel{position:fixed;inset:0;top:0;left:0;width:100%;max-width:none;max-height:none;height:100%;z-index:61;box-shadow:none;padding:16px 16px 0;gap:22px;align-content:start;overflow-y:auto}
.wb-fhd{display:flex;align-items:center;min-height:44px;font-weight:800;font-size:26px;color:#000000;letter-spacing:-0.5px}
.wb-fbar{position:sticky;bottom:0;background:#ffffff;margin:0 -16px;padding:12px 16px;box-shadow:0 -8px 20px rgba(0,0,0,0.08)}
.wb-fbar .btn2{flex:0 0 auto;padding:0 22px}
.wb-fbar .btn{flex:1}
details.wb-more>summary{padding:12px 0}
.wb-sort select,.wb-sort .btn2{height:44px}
details.wb-filters>summary{min-height:44px;box-sizing:border-box}
.wb-all>.linkbtn{padding:12px 0}
.pc .wb-x{display:none}
.wb-uses{flex-wrap:nowrap;overflow-x:auto;margin:0 -16px;padding:0 16px 4px}
.wb-use{min-height:44px}.wb-end a{display:inline-block;padding:13px 0;margin:-13px 0}.wb-gt{min-width:0;width:100%}.wb-gt th,.wb-gt td{padding-right:12px}.wb-gt a{padding:12px 0}
.wb-toolbar .wb-sort{display:none}
.wb-sortm{margin-left:auto}
.wb-tl{flex-wrap:nowrap}
.wb-all-list:popover-open{inset:auto 0 0 0;width:100%;max-height:80vh;margin:0;border-radius:14px 14px 0 0;padding:8px 16px 24px}
.wb-chip{min-height:44px;box-sizing:border-box}
.wb-pages a,.wb-pages span{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}
.wb-jump a{padding:10px 0}
.wb-brand a,.wb-up a{display:inline-block;padding:8px 0}
.wb-bl a{display:inline-block;padding:8px 0}
.wb-fchips .linkbtn{display:none}
.wb-fs legend{font-size:18px}
.wb-bl-l{width:130px}
.wb-aside:not(:popover-open){display:none}
.wb-aside:popover-open{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;box-sizing:border-box;background:#ffffff;padding:16px 16px 0;gap:22px;overflow-y:auto;overscroll-behavior:contain}
.wb-aside:popover-open .wb-ponly{display:flex}
.wb-aside:popover-open .wb-fhead{align-items:center;gap:16px}
.wb-aside:popover-open .wb-fhead span{font-size:26px;letter-spacing:-0.5px}
.wb-aside:popover-open .wb-fhead .linkbtn{display:none}
.wb-aside:popover-open .wb-all-x{align-items:center;justify-content:center}
.wb-fbtn{width:100%;min-height:44px}}
body:has(details.wb-filters[open]) .wb-toolbar{z-index:61}
.wb-w0{width:0%}.wb-w1{width:1%}.wb-w2{width:2%}.wb-w3{width:3%}.wb-w4{width:4%}.wb-w5{width:5%}.wb-w6{width:6%}.wb-w7{width:7%}.wb-w8{width:8%}.wb-w9{width:9%}.wb-w10{width:10%}.wb-w11{width:11%}.wb-w12{width:12%}.wb-w13{width:13%}.wb-w14{width:14%}.wb-w15{width:15%}.wb-w16{width:16%}.wb-w17{width:17%}.wb-w18{width:18%}.wb-w19{width:19%}.wb-w20{width:20%}.wb-w21{width:21%}.wb-w22{width:22%}.wb-w23{width:23%}.wb-w24{width:24%}.wb-w25{width:25%}.wb-w26{width:26%}.wb-w27{width:27%}.wb-w28{width:28%}.wb-w29{width:29%}.wb-w30{width:30%}.wb-w31{width:31%}.wb-w32{width:32%}.wb-w33{width:33%}.wb-w34{width:34%}.wb-w35{width:35%}.wb-w36{width:36%}.wb-w37{width:37%}.wb-w38{width:38%}.wb-w39{width:39%}.wb-w40{width:40%}.wb-w41{width:41%}.wb-w42{width:42%}.wb-w43{width:43%}.wb-w44{width:44%}.wb-w45{width:45%}.wb-w46{width:46%}.wb-w47{width:47%}.wb-w48{width:48%}.wb-w49{width:49%}.wb-w50{width:50%}.wb-w51{width:51%}.wb-w52{width:52%}.wb-w53{width:53%}.wb-w54{width:54%}.wb-w55{width:55%}.wb-w56{width:56%}.wb-w57{width:57%}.wb-w58{width:58%}.wb-w59{width:59%}.wb-w60{width:60%}.wb-w61{width:61%}.wb-w62{width:62%}.wb-w63{width:63%}.wb-w64{width:64%}.wb-w65{width:65%}.wb-w66{width:66%}.wb-w67{width:67%}.wb-w68{width:68%}.wb-w69{width:69%}.wb-w70{width:70%}.wb-w71{width:71%}.wb-w72{width:72%}.wb-w73{width:73%}.wb-w74{width:74%}.wb-w75{width:75%}.wb-w76{width:76%}.wb-w77{width:77%}.wb-w78{width:78%}.wb-w79{width:79%}.wb-w80{width:80%}.wb-w81{width:81%}.wb-w82{width:82%}.wb-w83{width:83%}.wb-w84{width:84%}.wb-w85{width:85%}.wb-w86{width:86%}.wb-w87{width:87%}.wb-w88{width:88%}.wb-w89{width:89%}.wb-w90{width:90%}.wb-w91{width:91%}.wb-w92{width:92%}.wb-w93{width:93%}.wb-w94{width:94%}.wb-w95{width:95%}.wb-w96{width:96%}.wb-w97{width:97%}.wb-w98{width:98%}.wb-w99{width:99%}.wb-w100{width:100%}.artmain{padding-top:28px;padding-bottom:72px}
.artrow{display:flex;gap:64px;align-items:flex-start;margin-top:18px}
.artcol{flex:1;min-width:0;display:flex;flex-direction:column;gap:18px}
.artcol h1{font-size:48px}
.byline{font-size:15px}
.byline .who{font-weight:700}
.crumb .sep{color:#767676}
.feat{margin:6px 0 0;display:flex;flex-direction:column;gap:8px}
.feat .cimg{height:400px}
.feat .cimg img{max-height:340px}
.feat .cimg img,.thumb img{width:auto;height:auto}
.tocm{display:none}
.tocm summary{min-height:44px;display:flex;align-items:center;font-weight:800;cursor:pointer}
.tocm summary::-webkit-details-marker{display:none}.tocm summary::after{content:"+";margin-left:auto;font-size:22px;font-weight:400}.tocm[open] summary::after{content:"\2212"}
.artshop{display:flex;flex-direction:column;gap:16px}
.artshop h2{font-size:27px;margin:28px 0 0;scroll-margin-top:16px}
.artcards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}
.artcol .body{padding-top:8px}
.body a{overflow-wrap:anywhere}
.body h2{font-size:27px;margin:36px 0 14px;scroll-margin-top:16px}
.body h2:first-child{margin-top:8px}
.body h3{margin:28px 0 10px}
.body h4{font-size:17px;margin:24px 0 8px}
.body ol,.body ul{margin:0;padding-left:24px;display:flex;flex-direction:column;gap:10px}
.body p+ol,.body p+ul,.body ol+p,.body ul+p,.body .tscroll+p{margin-top:20px}
.body b{font-family:'Libre Franklin', Arial, sans-serif}
.body blockquote{margin:20px 0;padding-left:18px;border-left:3px solid #000000}
.body hr{border:0;border-top:1px solid #ebebeb;margin:32px 0}
.body code{font-size:0.9em;background:#f5f5f5;padding:1px 4px}
.body .related{grid-template-columns:repeat(2,minmax(0,1fr));font-family:'Libre Franklin', Arial, sans-serif}
@media (max-width:760px){.body .related{grid-template-columns:1fr}}
.tscroll{overflow-x:auto;margin:20px 0}
.artside{flex:0 0 240px;position:sticky;top:24px;max-height:calc(100vh - 48px);overflow-y:auto}
.toc{display:flex;flex-direction:column;gap:10px;padding-top:0;flex:none}
.toc .toch{font-weight:800;color:#000000}
.toc a{font-size:15px}
.thead{padding-top:28px;padding-bottom:36px;display:flex;flex-direction:column;gap:16px}
.tgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 64px;padding-bottom:56px}
.tgrid1{padding-bottom:56px}
.tgroup{display:flex;flex-direction:column;gap:16px}
.tgroup h2{font-size:26px}
.titem{display:flex;gap:18px;align-items:flex-start}
.thumb{flex:0 0 150px;height:112px}
.thumb img{max-height:96px}
.ttext{display:flex;flex-direction:column;gap:4px;min-width:0}
.tdesc{font-size:16px;line-height:1.5}
.tall{font-weight:700;font-size:16px;min-height:44px;display:inline-flex;align-items:center}
.tpager{display:flex;flex-direction:column;align-items:center;gap:8px;padding-bottom:56px}
.tgrid+.tpager{margin-top:-24px}
.tmore{min-width:220px}
.av{border-radius:50%;object-fit:cover;background:#f5f5f5;flex:none;display:block}
.avl{flex:none;display:block;border-radius:50%}
.bywriter{display:flex;align-items:center;gap:12px}
.bywriter .av{width:44px;height:44px}
.bywriter p{display:flex;flex-direction:column;gap:2px;line-height:1.35}
.bywriter .role,.tm .role,.aname .role,.wr .role{font-size:14px;color:#555555;font-weight:500}
.team{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 64px;padding-bottom:56px}
.tm{display:flex;gap:20px;align-items:flex-start}
.av88{width:88px;height:88px}
.tmt{display:flex;flex-direction:column;gap:4px;min-width:0}
.tm h2{font-size:22px}
.apage{padding-top:28px;padding-bottom:72px;display:flex;flex-direction:column;gap:24px}
.ahead{display:flex;gap:28px;align-items:center}
.av128{width:128px;height:128px}
.aname{display:flex;flex-direction:column;gap:8px;min-width:0}
.aname h1{font-size:48px}
.abody h2{font-size:27px;margin:36px 0 14px}
.asocial{display:flex;flex-direction:column;gap:4px}
.asocial a{font-size:17px;min-height:44px;display:inline-flex;align-items:center}
.alist{max-width:680px;display:flex;flex-direction:column;gap:20px;font-size:18px}
.writers{display:flex;flex-direction:column;gap:20px;margin-top:24px}
.wr{display:flex;gap:16px;align-items:flex-start}
.wr .av{width:56px;height:56px}
.wrt{display:flex;flex-direction:column;gap:2px;min-width:0}
.wrt .who{font-weight:700;font-size:18px}
.body .wrt p{font-size:16px;line-height:1.5}
@media (max-width:760px){.team{grid-template-columns:1fr;gap:28px}.av88{width:72px;height:72px}.tm h2{font-size:20px}.ahead{gap:18px}.av128{width:88px;height:88px}.aname h1{font-size:34px}.bywriter .who,.wrt .who,.tm h2 a{display:inline-block;padding:10px 0;margin:-10px 0}}
@media (max-width:760px){.artside{display:none !important}.tocm{display:block;border:1px solid #dddddd;border-radius:8px;padding:0 16px}.tocm .toc{gap:0;padding-bottom:8px}.tocm .toc .toch{display:none}.tocm .toc a{display:block;padding:10px 0}.tdesc{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.artcards{gap:28px 12px}}
@media (max-width:760px){.artrow{flex-direction:column;gap:20px;margin-top:8px}.artside{position:static;flex:none;width:100%;box-sizing:border-box;max-height:none;overflow:visible;border:1px solid #dddddd;border-radius:8px;padding:12px 16px}.toc{gap:0}.artcol h1{font-size:34px}.feat .cimg{height:240px}.feat .cimg img{max-height:200px}.thumb{flex-basis:110px;height:84px}.thumb img{max-height:72px}}