/* generated by tools/book-data/prefix-css.py from tools/list-templates/v2.css */
.bebd-list{--acc:#d7f36b;--acc-ink:#121212;--bg:#f4f4f1;--line:#e6e6e1;--muted:#6b6b6b;background:var(--bg);color:#121212;font:400 17px/1.6 Inter,system-ui,sans-serif;padding-bottom:60px;-webkit-font-smoothing:antialiased}
.bebd-list *{box-sizing:border-box}.bebd-list a{color:inherit;text-decoration:none}.bebd-list img{display:block;max-width:100%;height:auto;margin:0}
.bebd-list .l2{--ink:#15140f;--muted:#6d6a60;--line:#e5e1d6;--gold:#e6b450;--card:#fff;background:#f5f3ee;padding-bottom:20px}
.bebd-list .l2 h1,.bebd-list .l2 h2,.bebd-list .l2 h3{font-family:'Space Grotesk',Inter,sans-serif;letter-spacing:-.02em;margin:0;color:inherit;text-transform:none}
.bebd-list .l2 .xi{width:16px;height:16px;vertical-align:-3px;display:inline-block}
.bebd-list .xh{position:relative;overflow:hidden;color:#fff;background:#14120c;padding:48px 0 60px}
.bebd-list .xglow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 80% 40%,rgba(230,180,80,.34),transparent 52%),radial-gradient(circle at 8% 100%,rgba(215,243,107,.12),transparent 42%)}
.bebd-list .xh-ranked{background:#0f1012}
.bebd-list .xh-ranked .xglow{background:radial-gradient(circle at 85% 30%,rgba(229,72,77,.36),transparent 52%)}
.bebd-list .xh-author{background:linear-gradient(180deg,#e9ecf7,#f5f3ee);color:var(--ink)}
.bebd-list .xh-author .xglow{display:none}
.bebd-list .xh-roundup{background:var(--acc);color:var(--ink)}
.bebd-list .xh-roundup .xglow{background:none;border:60px solid rgba(255,255,255,.32);border-radius:50%;inset:-140px -140px auto auto;width:440px;height:440px}
.bebd-list .xhw{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:40px;align-items:center}
.bebd-list .xh-author .xhw{grid-template-columns:auto minmax(0,1fr)}
.bebd-list .xh-author .xart{order:-1}
.bebd-list .xcr{font:500 13px 'Space Grotesk',sans-serif;opacity:.7;margin-bottom:18px}
.bebd-list .xcr a{color:inherit;font-weight:600}
.bebd-list .xey{display:inline-flex;gap:8px;align-items:center;font:600 12px 'Space Grotesk',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--acc);background:rgba(215,243,107,.1);border:1px solid rgba(215,243,107,.28);padding:6px 12px;border-radius:999px}
.bebd-list .xh-ranked .xey{color:#ff8a8d;background:rgba(229,72,77,.12);border-color:rgba(229,72,77,.35)}
.bebd-list .xh-author .xey{color:#232c7a;background:#dfe3ff;border-color:#c5ccff}
.bebd-list .xh-roundup .xey{color:#2c3600;background:rgba(0,0,0,.07);border-color:rgba(0,0,0,.12)}
.bebd-list .xh h1{font-size:clamp(32px,4.6vw,56px);line-height:1.05;margin-top:18px;color:inherit}
.bebd-list .xlede{font-size:18px;opacity:.78;max-width:640px;margin:16px 0 0}
.bebd-list .xchips{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.bebd-list .xchips span,.bebd-list .xchips a{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:7px 14px;font:500 14px 'Space Grotesk',sans-serif;opacity:.92}
.bebd-list .xchips b{font-weight:700}
.bebd-list .xh-author .xchips span,.bebd-list .xh-author .xchips a,.bebd-list .xh-roundup .xchips span{background:rgba(255,255,255,.6);border-color:rgba(0,0,0,.08)}
.bebd-list .xchips .xal{text-decoration:underline}
.bebd-list .xbyl{display:flex;gap:12px;align-items:center;margin-top:22px}
.bebd-list .xbyl i{width:42px;height:42px;border-radius:50%;background:var(--acc);color:var(--ink);display:grid;place-items:center;font:700 14px 'Space Grotesk',sans-serif;font-style:normal;flex:none}
.bebd-list .xbyl div{display:flex;flex-direction:column;font-size:14px;line-height:1.35}
.bebd-list .xbyl span{opacity:.6}
.bebd-list .xart{position:relative;min-width:0}
.bebd-list .xfeat img{width:100%;max-height:420px;object-fit:cover;border-radius:18px;box-shadow:0 30px 60px -20px rgba(0,0,0,.7);transform:rotate(1.5deg)}
.bebd-list .xstack{position:relative;height:380px}
.bebd-list .xstack img{position:absolute;top:50%;left:50%;width:150px;aspect-ratio:2/3;object-fit:cover;border-radius:5px;box-shadow:0 28px 46px -14px rgba(0,0,0,.85);transform:translate(calc(-50% + var(--d) * 64px),calc(-50% + var(--d) * var(--d) * 9px)) rotate(calc(var(--d) * 7deg));transition:transform .35s}
.bebd-list .xstack:hover img{transform:translate(calc(-50% + var(--d) * 78px),calc(-50% + var(--d) * var(--d) * 12px)) rotate(calc(var(--d) * 9deg))}
.bebd-list .xbign{font:700 clamp(150px,20vw,280px)/.8 'Space Grotesk',sans-serif;letter-spacing:-.06em;text-align:right;background:linear-gradient(180deg,#e5484d,rgba(229,72,77,.05));-webkit-background-clip:text;background-clip:text;color:transparent}
.bebd-list .xmono{width:150px;height:150px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#3c4bb0,#161b4a);color:#fff;display:grid;place-items:center;font:600 54px Fraunces,Georgia,serif;box-shadow:0 0 0 8px #fff,0 30px 50px -20px rgba(22,27,74,.6);overflow:hidden}
.bebd-list .xmono.ph img{width:100%;height:100%;object-fit:cover}
.bebd-list .xmon{display:flex;align-items:baseline;gap:14px;margin-top:12px}
.bebd-list .xmon b{font:600 clamp(64px,10vw,120px)/.9 Fraunces,Georgia,serif;letter-spacing:-.03em}
.bebd-list .xmon span{font:700 28px 'Space Grotesk',sans-serif;color:#4f5e10}
.bebd-list .xh-roundup h1{font-size:22px;margin-top:10px}
.bebd-list .xgb{background:#fff;color:var(--ink);border-radius:22px;padding:22px;box-shadow:0 30px 50px -30px rgba(0,0,0,.35)}
.bebd-list .xgb small{display:block;font:700 11px 'Space Grotesk',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}
.bebd-list .xgb a{display:grid;grid-template-columns:minmax(0,150px) 1fr 30px;gap:10px;align-items:center;margin:8px 0;font:600 13px/1.25 'Space Grotesk',sans-serif}
.bebd-list .xgb i{height:12px;border-radius:9px;background:#f1eee5;position:relative;overflow:hidden}
.bebd-list .xgb i:after{content:"";position:absolute;inset:0;width:var(--w);background:linear-gradient(90deg,#9fbf1f,#5d7d00);border-radius:9px}
.bebd-list .xgb b{text-align:right}
.bebd-list .xspine{background:linear-gradient(180deg,#f5f3ee,#f5f3ee);margin-top:-30px;position:relative}
.bebd-list .xsp-in{display:flex;gap:10px;align-items:flex-end;overflow:hidden}
.bebd-list .xsp-in a{flex:1;min-width:0;max-width:120px;transform:translateY(14px);transition:transform .25s}
.bebd-list .xsp-in a:hover{transform:translateY(0)}
.bebd-list .xsp-in img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:6px;box-shadow:0 -10px 24px -8px rgba(0,0,0,.3)}
.bebd-list .l2 .lwrap{padding-top:34px}
.bebd-list .xintro.prose{max-width:none;font-size:18px}
.bebd-list .xintro.prose>p:first-child:first-letter{float:left;font:600 64px/.85 Fraunces,Georgia,serif;margin:6px 10px 0 0;color:#b8312f}
.bebd-list .xsh{display:flex;align-items:baseline;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding-bottom:12px;margin:40px 0 20px}
.bebd-list .xsh h2{font-size:28px;line-height:1.2}
.bebd-list .xsh span{color:var(--muted);font:500 14px 'Space Grotesk',sans-serif}
.bebd-list .xsh.rdiv h2{color:#b8312f}
.bebd-list .xqk{margin:30px 0 0;background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px}
.bebd-list .xqk h2{font-size:22px;margin-bottom:16px;display:flex;gap:8px;align-items:center}
.bebd-list .xqg{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.bebd-list .xqg a{background:#f7f5ef;border-radius:16px;padding:16px;display:grid;grid-template-columns:56px 1fr;grid-template-rows:auto auto 1fr;column-gap:14px;row-gap:2px;transition:background .2s}
.bebd-list .xqg a:hover{background:#eef6cf}
.bebd-list .xqg small{grid-column:1/-1;font:700 11px 'Space Grotesk',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#7a6a2a;margin-bottom:10px}
.bebd-list .xqi{grid-row:2/4;width:56px;aspect-ratio:2/3;object-fit:cover;border-radius:4px;box-shadow:0 8px 14px -6px rgba(0,0,0,.4)}
.bebd-list .xqg b{font:700 16px/1.25 'Space Grotesk',sans-serif}
.bebd-list .xqg span{font-size:13px;color:var(--muted)}
.bebd-list .xst{--r:4;font-size:15px;letter-spacing:1px;background:linear-gradient(90deg,var(--gold) calc(var(--r) / 5 * 100%),#d8d3c4 0);-webkit-background-clip:text;background-clip:text;color:transparent}
.bebd-list .xsn{font:700 15px 'Space Grotesk',sans-serif;margin-left:6px}
.bebd-list .xtrk{margin:18px 0 0;display:flex;gap:16px;align-items:center;background:#121310;color:#fff;border-radius:18px;padding:14px 20px}
.bebd-list .xtrk>div:last-child{display:flex;flex-direction:column;font-size:14px;line-height:1.4}
.bebd-list .xtrk span{color:rgba(255,255,255,.62)}
.bebd-list .xring{position:relative;width:52px;height:52px;flex:none}
.bebd-list .xring svg{width:52px;height:52px;transform:rotate(-90deg)}
.bebd-list .xring circle{fill:none;stroke:rgba(255,255,255,.12);stroke-width:4}
.bebd-list .xring .pr{stroke:var(--acc);stroke-dasharray:119.4;stroke-dashoffset:119.4;stroke-linecap:round;transition:stroke-dashoffset .5s}
.bebd-list .xring b{position:absolute;inset:0;display:grid;place-items:center;font:700 13px 'Space Grotesk',sans-serif}
.bebd-list .xread{display:flex;align-items:center;justify-content:center;gap:8px;border:1px dashed #cfc9b6;border-radius:999px;padding:7px 10px;font:600 13px 'Space Grotesk',sans-serif;cursor:pointer;user-select:none;margin:0;background:#fff}
.bebd-list .xread input{accent-color:#5d7d00;width:16px;height:16px;margin:0}
.bebd-list .done .xread{background:#eef6cf;border-style:solid;border-color:#c5e05a}
.bebd-list .xbooks{display:flex;flex-direction:column;gap:22px;margin-top:22px}
.bebd-list .xb{position:relative;background:#fff;border:1px solid var(--line);border-radius:26px;padding:30px;display:grid;grid-template-columns:170px minmax(0,1fr);gap:28px;overflow:hidden;scroll-margin-top:24px;transition:box-shadow .3s}
.bebd-list .xb.done,.bebd-list .xrr.done,.bebd-list .xti.done .xtc2,.bebd-list .xmc.done{box-shadow:inset 0 0 0 2px var(--acc)}
.bebd-list .xno{position:absolute;right:22px;top:4px;font:700 100px/1 'Space Grotesk',sans-serif;color:#f1eee5;letter-spacing:-.05em;pointer-events:none}
.bebd-list .xcv{position:relative;display:flex;flex-direction:column;gap:14px;min-width:0}
.bebd-list .x3d{perspective:900px}
.bebd-list .x3d .b3 img{border-radius:3px 7px 7px 3px;box-shadow:inset 6px 0 8px -4px rgba(0,0,0,.35),18px 22px 34px -14px rgba(0,0,0,.55);transform:rotateY(-12deg);transition:transform .4s}
.bebd-list .xb:hover .x3d .b3 img{transform:rotateY(0)}
.bebd-list .l2 .xcv .b3 img,.bebd-list .l2 .xcv .tc{width:100%;aspect-ratio:2/3;object-fit:cover;height:auto}
.bebd-list .xbb{position:relative;min-width:0}
.bebd-list .xtags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.bebd-list .xtags:empty{display:none}
.bebd-list .xpill{font:700 11px 'Space Grotesk',sans-serif;letter-spacing:.06em;text-transform:uppercase;background:#f1eee5;border-radius:6px;padding:5px 9px}
.bebd-list .xpill.ok{background:#eef6cf;color:#3c4a12}
.bebd-list .xbb h3{font-size:28px;line-height:1.12;margin-right:70px}
.bebd-list .xbb h3 a{color:inherit;text-decoration:none}
.bebd-list .xbb h3 a:hover{text-decoration:underline;text-decoration-color:var(--acc);text-decoration-thickness:3px}
.bebd-list .xby{color:var(--muted);font-size:15px;margin-top:6px}
.bebd-list .xby b{color:var(--ink)}
.bebd-list .xq{margin:16px 0 12px;font:italic 500 20px/1.4 Fraunces,Georgia,serif;color:#2c2a23;border-left:3px solid var(--acc);padding:0 0 0 16px;background:none}
.bebd-list .l2 .xbb .txt{margin-top:12px}
.bebd-list .xft{display:flex;align-items:center;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid #f0ede4;flex-wrap:wrap}
.bebd-list .xft .xst{font-size:18px}
.bebd-list .xsp{flex:1}
.bebd-list .xft .acts{margin:0}
.bebd-list .xcmp{margin-top:50px}
.bebd-list .xcmp h2{font-size:26px;margin-bottom:14px}
.bebd-list .xtw{overflow-x:auto;background:#fff;border:1px solid var(--line);border-radius:20px}
.bebd-list .xtw table{border-collapse:collapse;width:100%;font-size:14px;min-width:640px;margin:0;border:0}
.bebd-list .xtw th{text-align:left;font:700 11px 'Space Grotesk',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:14px 16px;border:0;border-bottom:1px solid var(--line);background:#faf9f5}
.bebd-list .xtw td{padding:10px 16px;border:0;border-bottom:1px solid #f0ede4;vertical-align:middle}
.bebd-list .xtw tr:last-child td{border-bottom:0}
.bebd-list .xtw td a{display:flex;gap:10px;align-items:center;font:700 15px 'Space Grotesk',sans-serif}
.bebd-list .xth{width:30px;flex:none;aspect-ratio:2/3;object-fit:cover;border-radius:3px;display:block}
.bebd-list .xtc{background:linear-gradient(160deg,hsl(var(--h) 45% 32%),hsl(var(--h) 50% 18%))}
.bebd-list .xrel{margin-top:10px}
.bebd-list .xrg{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.bebd-list .xrc{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s}
.bebd-list .xrc:hover{transform:translateY(-3px)}
.bebd-list .xrc img,.bebd-list .xrc i{width:100%;height:140px;object-fit:cover;display:block;background:#e9e5d8}
.bebd-list .xrc b{font:700 15px/1.3 'Space Grotesk',sans-serif;padding:14px 16px}
.bebd-list .xpodium{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:16px;align-items:end;margin:-20px 0 30px}
.bebd-list .xpod{background:#fff;border:1px solid var(--line);border-radius:22px;padding:20px 18px 22px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;box-shadow:0 30px 60px -32px rgba(0,0,0,.4);transition:transform .2s}
.bebd-list .xpod:hover{transform:translateY(-4px)}
.bebd-list .xpod .b3,.bebd-list .xpod .tc{width:110px;margin:6px auto 10px}
.bebd-list .xpod .b3 img{width:110px;aspect-ratio:2/3;object-fit:cover;border-radius:5px;box-shadow:0 16px 26px -10px rgba(0,0,0,.5)}
.bebd-list .xpod.p0 .b3,.bebd-list .xpod.p0 .tc,.bebd-list .xpod.p0 .b3 img{width:136px}
.bebd-list .xpod b{font:700 17px/1.2 'Space Grotesk',sans-serif}
.bebd-list .xpod em{font-style:normal;color:var(--muted);font-size:14px}
.bebd-list .xpn{font:700 15px 'Space Grotesk',sans-serif;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#d9dde3}
.bebd-list .p0 .xpn{background:var(--gold);color:#3b2a00;width:48px;height:48px;font-size:20px}
.bebd-list .p2 .xpn{background:#e9c4a0}
.bebd-list .xpod.p0{border:2px solid var(--gold);padding-top:28px}
.bebd-list .xera .xaxis{position:relative;height:110px;background:#fff;border:1px solid var(--line);border-radius:20px}
.bebd-list .xaxis:before{content:"";position:absolute;left:40px;right:40px;top:55px;height:2px;background:linear-gradient(90deg,#e5484d,#e6b450)}
.bebd-list .xdot{position:absolute;top:41px;left:calc(40px + (100% - 80px) * var(--x));transform:translateX(-50%)}
.bebd-list .xdot.up{top:6px}
.bebd-list .xdot i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#15140f;color:#fff;font:700 12px 'Space Grotesk',sans-serif;font-style:normal;border:3px solid #fff;box-shadow:0 4px 10px rgba(0,0,0,.25)}
.bebd-list .xdot span{position:absolute;bottom:38px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#15140f;color:#fff;font:600 12px 'Space Grotesk',sans-serif;padding:6px 10px;border-radius:8px;opacity:0;pointer-events:none;transition:opacity .15s;z-index:3}
.bebd-list .xdot span em{font-style:normal;opacity:.6}
.bebd-list .xdot:hover span,.bebd-list .xdot:focus span{opacity:1}
.bebd-list .xdot:hover i{background:#e5484d}
.bebd-list .xdot.up span{bottom:auto;top:36px}
.bebd-list .xaxis>em{position:absolute;bottom:10px;font:600 12px 'Space Grotesk',sans-serif;color:var(--muted);font-style:normal}
.bebd-list .xaxis .a0{left:28px}
.bebd-list .xaxis .a1{right:28px}
.bebd-list .xrlist{display:flex;flex-direction:column;gap:16px;margin-top:22px}
.bebd-list .xrr{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;display:grid;grid-template-columns:70px 130px minmax(0,1fr);gap:24px;align-items:start;scroll-margin-top:20px}
.bebd-list .xrn b{font:700 46px/1 'Space Grotesk',sans-serif;letter-spacing:-.04em;color:#e5484d;display:block}
.bebd-list .xrn i{display:block;height:5px;border-radius:9px;background:#f1eee5;margin-top:10px;position:relative;overflow:hidden}
.bebd-list .xrn i:after{content:"";position:absolute;inset:0;width:var(--w);background:#e5484d;border-radius:9px}
.bebd-list .xrr .xbb h3{font-size:26px;margin-right:0}
.bebd-list .xstart{display:grid;grid-template-columns:1.3fr 1fr;gap:16px;margin-top:6px}
.bebd-list .xsc{background:#15140f;color:#fff;border-radius:24px;padding:24px;display:grid;grid-template-columns:100px 1fr;gap:20px;align-items:center}
.bebd-list .xsc small{grid-column:1/-1;font:700 11px 'Space Grotesk',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--acc)}
.bebd-list .xsci{width:100px;aspect-ratio:2/3;object-fit:cover;border-radius:5px;display:block}
.bebd-list .xsc b{font:700 22px/1.2 'Space Grotesk',sans-serif;display:block}
.bebd-list .xsc span{color:rgba(255,255,255,.62);font-size:14px}
.bebd-list .xsc p{color:rgba(255,255,255,.82);margin:10px 0 14px;font-style:italic}
.bebd-list .xsc .btn{background:var(--acc);color:var(--ink);border-radius:999px;padding:9px 16px;font:700 14px 'Space Grotesk',sans-serif;display:inline-block}
.bebd-list .xsc.alt{background:#fff;color:var(--ink);border:1px solid var(--line);display:block}
.bebd-list .xsc.alt small{color:#232c7a}
.bebd-list .xsc.alt p{color:#3d3b33;font-style:normal;margin:12px 0 0}
.bebd-list .xsc.alt b{display:inline;font:inherit;font-weight:700}
.bebd-list .xstart+.xintro{margin-top:28px}
.bebd-list .xera{margin-bottom:34px}
.bebd-list .xh-roundup .xbyl i{background:var(--ink);color:var(--acc)}
.bebd-list .xtl{position:relative;margin-top:22px}
.bebd-list .xtl:before{content:"";position:absolute;left:44px;top:10px;bottom:10px;width:2px;background:linear-gradient(#3c4bb0,#c5ccff)}
.bebd-list .xti{display:grid;grid-template-columns:96px minmax(0,1fr);gap:8px;margin-bottom:18px;scroll-margin-top:20px}
.bebd-list .xty{position:relative;padding-top:22px}
.bebd-list .xty b{font:700 17px 'Space Grotesk',sans-serif;color:#232c7a;background:#f5f3ee;position:relative;z-index:1;padding:4px 0}
.bebd-list .xty i{position:absolute;left:37px;top:58px;width:16px;height:16px;border-radius:50%;background:#3c4bb0;border:4px solid #f5f3ee}
.bebd-list .xtc2{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;display:grid;grid-template-columns:120px minmax(0,1fr);gap:22px}
.bebd-list .xtc2 .xbb h3{font-size:24px;margin-right:0}
.bebd-list .xtc2 .xq{border-left-color:#3c4bb0;font-size:18px}
.bebd-list .xbd{font:700 11px 'Space Grotesk',sans-serif;letter-spacing:.06em;text-transform:uppercase;padding:5px 9px;border-radius:6px}
.bebd-list .xbd.deb{background:#e2e6ff;color:#232c7a}
.bebd-list .xbd.new{background:var(--acc);color:#2c3600}
.bebd-list .xfold{background:#fff;border:1px solid var(--line);border-radius:18px;padding:4px 22px;margin:14px 0}
.bebd-list .xfold summary{font:600 18px 'Space Grotesk',sans-serif;padding:14px 0;cursor:pointer}
.bebd-list .xfold .prose{margin:0 0 14px;max-width:none}
.bebd-list .xfive{margin-top:10px}
.bebd-list .xfr{display:flex;gap:16px;overflow-x:auto;padding:4px 4px 14px;scroll-snap-type:x mandatory}
.bebd-list .xfr a{flex:0 0 140px;scroll-snap-align:start;display:flex;flex-direction:column;gap:4px}
.bebd-list .xfi{width:140px;aspect-ratio:2/3;object-fit:cover;border-radius:6px;box-shadow:0 16px 26px -12px rgba(0,0,0,.5);margin-bottom:8px;outline:3px solid var(--gold);outline-offset:3px;display:block}
.bebd-list .xfr b{font:700 14px/1.25 'Space Grotesk',sans-serif}
.bebd-list .xfr em{font-style:normal;font-size:13px;color:var(--muted)}
.bebd-list .xtabs{display:flex;gap:8px;flex-wrap:wrap;margin:26px 0 4px}
.bebd-list .xtabs button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 16px;font:600 14px 'Space Grotesk',sans-serif;color:var(--ink);cursor:pointer;line-height:1.2}
.bebd-list .xtabs button.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.bebd-list .xmg{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px;margin-top:20px;align-items:start}
.bebd-list .xmc{scroll-margin-top:20px;border-radius:14px}
.bebd-list .xmc summary{list-style:none;cursor:pointer;display:flex;flex-direction:column;gap:3px}
.bebd-list .xmc summary::-webkit-details-marker{display:none}
.bebd-list .xmc summary .b3 img,.bebd-list .xmc summary .tc{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:6px;box-shadow:0 12px 22px -12px rgba(0,0,0,.5);margin-bottom:8px;transition:transform .2s}
.bebd-list .xmc summary:hover .b3 img{transform:translateY(-3px)}
.bebd-list .xmc summary b{font:700 14px/1.25 'Space Grotesk',sans-serif}
.bebd-list .xmc summary em{font-style:normal;font-size:12px;color:var(--muted)}
.bebd-list .xmc .xst{font-size:12px}
.bebd-list .xmc .xsn{font-size:12px}
.bebd-list .xmore{font:600 12px 'Space Grotesk',sans-serif;color:#5d7d00;margin-top:2px}
.bebd-list .xmc[open]{grid-column:1/-1;background:#fff;border:1px solid var(--line);padding:20px;display:grid}
.bebd-list .xmc[open] summary{display:grid;grid-template-columns:110px 1fr;grid-template-rows:auto auto auto 1fr;column-gap:18px}
.bebd-list .xmc[open] summary .b3{grid-row:1/5}
.bebd-list .xmc[open] summary b{font-size:22px}
.bebd-list .xmc[open] .xmore{display:none}
.bebd-list .xmx{margin-top:14px}
.bebd-list .xmx .xread{display:inline-flex}
.bebd-list .xbar{height:8px;background:#f1eee5;border-radius:99px;overflow:hidden}
.bebd-list .xbar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#b7d63a,var(--acc));border-radius:99px;transition:width .5s}
.bebd-list .xbt{font:600 13px 'Space Grotesk',sans-serif;display:block;margin-top:8px}
.bebd-list .xtoc nav{display:flex;flex-direction:column;gap:2px}
.bebd-list .xtoc nav a{display:flex;gap:12px;align-items:center;padding:7px;border-radius:12px;border:0}
.bebd-list .xtoc nav a:hover{background:#f5f3ee}
.bebd-list .xtt{width:32px;flex:none;aspect-ratio:2/3;object-fit:cover;border-radius:3px;display:block}
.bebd-list .xtoc nav span{display:flex;flex-direction:column;line-height:1.25;min-width:0}
.bebd-list .xtoc nav b{font:700 14px 'Space Grotesk',sans-serif}
.bebd-list .xtoc nav em{font-style:normal;font-size:12px;color:var(--muted)}
.bebd-list .xtoc nav a.rd b:after{content:" ✓";color:#5d7d00}
.bebd-list .xshare{margin-top:14px;padding-top:14px;border-top:1px solid #f0ede4}
@media(max-width:1018px){.bebd-list .xhw{grid-template-columns:1fr}
.bebd-list .xh-author .xhw{grid-template-columns:1fr}
.bebd-list .xbign{display:none}
.bebd-list .xstack{height:280px}
.bebd-list .xstart{grid-template-columns:1fr}
}
@media(max-width:767px){.bebd-list .xh{padding:34px 0 40px}
.bebd-list .xh h1{font-size:30px}
.bebd-list .xh-roundup h1{font-size:19px}
.bebd-list .xmon b{font-size:72px}
.bebd-list .xstack{height:220px}
.bebd-list .xstack img{width:100px;transform:translate(calc(-50% + var(--d) * 42px),calc(-50% + var(--d) * var(--d) * 6px)) rotate(calc(var(--d) * 7deg))}
.bebd-list .xmono{width:96px;height:96px;font-size:34px}
.bebd-list .xb{grid-template-columns:1fr;padding:20px;gap:16px}
.bebd-list .xb .xcv{flex-direction:row;align-items:flex-end}
.bebd-list .xb .x3d{width:120px;flex:none}
.bebd-list .xb .xread{flex:1}
.bebd-list .xno{font-size:72px}
.bebd-list .xbb h3{font-size:23px;margin-right:46px}
.bebd-list .xpodium{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:0}
.bebd-list .xpod{padding:12px 8px 14px;border-radius:16px}
.bebd-list .xpod .b3,.bebd-list .xpod .tc,.bebd-list .xpod .b3 img,.bebd-list .xpod.p0 .b3,.bebd-list .xpod.p0 .tc,.bebd-list .xpod.p0 .b3 img{width:72px}
.bebd-list .xpod.p0 .b3,.bebd-list .xpod.p0 .b3 img{width:84px}
.bebd-list .xpod b{font-size:13px}
.bebd-list .xpod em{font-size:12px}
.bebd-list .xpn{width:30px;height:30px;font-size:13px}
.bebd-list .p0 .xpn{width:36px;height:36px;font-size:16px}
.bebd-list .xpod.p0{padding-top:16px}
.bebd-list .xrr{grid-template-columns:1fr 96px;gap:14px;padding:18px}
.bebd-list .xrr .xrn{grid-column:1;grid-row:1}
.bebd-list .xrr .xcv{grid-column:2;grid-row:1}
.bebd-list .xrr .xbb{grid-column:1/-1}
.bebd-list .xtl:before{left:8px}
.bebd-list .xti{grid-template-columns:1fr}
.bebd-list .xty{padding:0 0 0 26px}
.bebd-list .xty i{left:1px;top:8px}
.bebd-list .xtc2{grid-template-columns:1fr;padding:16px}
.bebd-list .xtc2 .xcv{flex-direction:row;align-items:flex-end}
.bebd-list .xtc2 .xcv .b3{width:100px;flex:none}
.bebd-list .xtc2 .xread{flex:1}
.bebd-list .xsc{grid-template-columns:80px 1fr}
.bebd-list .xsci{width:80px}
.bebd-list .xrg{grid-template-columns:1fr}
.bebd-list .xqk{padding:18px}
.bebd-list .xsh h2{font-size:23px}
.bebd-list .xgb a{grid-template-columns:110px 1fr 24px}
.bebd-list .xera{display:none}
.bebd-list .xmg{grid-template-columns:repeat(2,1fr);gap:16px}
.bebd-list .xmc[open] summary{grid-template-columns:90px 1fr}
}
.bebd-list .xfeat img{height:auto}