/* generated by tools/book-data/prefix-css.py from tools/writing-guide/plugin-src.css */
.bebd-wg{--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-wg *{box-sizing:border-box}.bebd-wg a{color:inherit;text-decoration:none}.bebd-wg img{display:block;max-width:100%;height:auto;margin:0}
.bebd-wg html{scroll-behavior:smooth}
.bebd-wg button{font:inherit;cursor:pointer;color:inherit}
@keyframes bebd-wg-fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.bebd-wg .w{max-width:1240px;margin:0 auto;padding:0 32px}
.bebd-wg .tpsw{position:fixed;bottom:76px;left:50%;transform:translateX(-50%);z-index:60;background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px;display:none;gap:4px;align-items:center;font:600 13px Inter;box-shadow:0 14px 30px -12px rgba(0,0,0,.35)}
.bebd-wg .tpsw b{padding:0 10px;color:var(--muted)}
.bebd-wg .tpsw button{border:0;background:none;padding:8px 12px;border-radius:999px}
.bebd-wg .tpsw button.on{background:var(--ink);color:#fff}
.bebd-wg .ic{width:40px;height:40px;flex:none}
.bebd-wg .ic.s{width:16px;height:16px;vertical-align:-3px;display:inline-block}
.bebd-wg h1,.bebd-wg h2,.bebd-wg h3,.bebd-wg h4{margin:0;letter-spacing:-.015em}
.bebd-wg .ruled{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 0 76px,rgba(214,69,69,.35) 76px 78px,transparent 78px),repeating-linear-gradient(180deg,transparent 0 33px,rgba(47,75,138,.09) 33px 34px)}
.bebd-wg .crumb{font:500 13px var(--ui);color:var(--muted);margin-bottom:16px}
.bebd-wg .crumb b{color:var(--ink)}
.bebd-wg .tw{display:inline-flex;gap:8px;align-items:center;font:700 13px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--c);background:#fff;border:1px solid color-mix(in srgb,var(--c) 25%,transparent);padding:6px 12px;border-radius:6px}
.bebd-wg .lede{font:400 21px/1.5 var(--read);color:#3d4252;max-width:640px;margin:16px 0 0}
.bebd-wg .chip{display:inline-block;font:700 10.5px var(--ui);letter-spacing:.1em;text-transform:uppercase;padding:4px 9px;border-radius:6px;background:var(--s);color:var(--c);width:max-content}
.bebd-wg .meta{font:500 12.5px var(--ui);color:var(--muted);display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.bebd-wg .meta i{font-style:normal;opacity:.5}
.bebd-wg .noimg{background:linear-gradient(135deg,#ece6d6,#ddd3bc)}
.bebd-wg .search{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 16px;max-width:560px;margin-top:26px;box-shadow:var(--shadow);color:var(--muted)}
.bebd-wg .search input{border:0;outline:0;background:none;font:500 15px Inter;flex:1;min-width:0}
.bebd-wg .stats{display:flex;gap:34px;margin-top:26px;flex-wrap:wrap}
.bebd-wg .stats div{display:flex;flex-direction:column}
.bebd-wg .stats b{font:600 30px var(--serif);color:var(--ink)}
.bebd-wg .stats span{font:600 11px var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.bebd-wg .stats.sm{gap:24px;margin-top:20px}
.bebd-wg .stats.sm b{font-size:24px}
.bebd-wg .bh{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:20px;border-bottom:1px solid var(--line);padding-bottom:12px;flex-wrap:wrap}
.bebd-wg .bh h2{font:500 34px/1.1 var(--serif);color:var(--ink)}
.bebd-wg .bh span{color:var(--muted);font:500 14px var(--ui)}
.bebd-wg .pill{display:inline-flex;gap:8px;align-items:center;background:var(--c);color:#fff;font:700 14px var(--ui);padding:10px 16px;border-radius:999px}
.bebd-wg .card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:var(--shadow)}
.bebd-wg .card small,.bebd-wg .rail small,.bebd-wg .lineup small,.bebd-wg .tipindex small{display:block;font:700 11px var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}
.bebd-wg .lk{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:center;padding:8px 0;border-top:1px solid var(--line);font:600 14px/1.3 var(--ui)}
.bebd-wg .lk:first-of-type{border-top:0}
.bebd-wg .lk img{width:64px;height:44px;object-fit:cover;border-radius:8px}
.bebd-wg .art svg.art,.bebd-wg svg.art{display:block;width:100%;height:auto}
.bebd-wg .desk{position:relative;overflow:hidden;background:linear-gradient(180deg,#fbf6ea,#faf7f0);border-bottom:1px solid var(--line)}
.bebd-wg .dkw{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:30px;align-items:center;padding-top:40px;padding-bottom:40px;padding-left:110px}
.bebd-wg .desk h1{font:400 clamp(46px,6vw,84px)/.98 var(--serif);letter-spacing:-.035em;color:var(--ink);margin-top:20px}
.bebd-wg .desk h1 em{font-style:italic;color:var(--red)}
.bebd-wg .dka{filter:drop-shadow(0 30px 40px rgba(29,42,68,.12))}
.bebd-wg .tracks{margin-top:56px}
.bebd-wg .tg{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.bebd-wg .trk{background:var(--card);border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:var(--shadow);transition:transform .3s,box-shadow .3s;display:flex;flex-direction:column}
.bebd-wg .trk:hover{transform:translateY(-5px);box-shadow:0 30px 50px -30px color-mix(in srgb,var(--c) 60%,transparent)}
.bebd-wg .tra{margin:10px 10px 0;border-radius:18px;background:linear-gradient(150deg,var(--s),#fffdf8);padding:6px 10px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 12%,transparent)}
.bebd-wg .tra .art{height:170px}
.bebd-wg .trb{padding:14px 20px 18px;display:flex;flex-direction:column;gap:2px}
.bebd-wg .trb span{font:700 11.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--c)}
.bebd-wg .trb b{font:600 24px/1.15 var(--serif);color:var(--ink)}
.bebd-wg .trb em{font:500 13px var(--ui);font-style:normal;color:var(--muted)}
.bebd-wg .pod{margin-top:56px;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);gap:30px;align-items:center;background:#fffdf8;border:1px solid var(--line);border-radius:28px;padding:34px 40px;position:relative;overflow:hidden;box-shadow:var(--shadow);--c:#b3741a;--s:#fbf0dc}
.bebd-wg .pod:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(180deg,transparent 0 35px,rgba(179,116,26,.10) 35px 36px);pointer-events:none}
.bebd-wg .pod blockquote{position:relative;margin:16px 0 18px;font:italic 400 clamp(24px,2.6vw,34px)/1.3 var(--serif);color:var(--ink)}
.bebd-wg .podb{position:relative;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.bebd-wg .podb button{display:inline-flex;gap:8px;align-items:center;border:0;background:var(--c);color:#fff;border-radius:999px;padding:10px 16px;font:700 14px var(--ui)}
.bebd-wg .podb button.ghost{background:#fff;color:var(--ink);border:1px solid var(--line)}
.bebd-wg .podb a{font:700 14px var(--ui);color:var(--c);margin-left:6px}
.bebd-wg .card3{position:relative;height:180px}
.bebd-wg .card3 i{position:absolute;inset:10px 20px;border-radius:14px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);background-image:repeating-linear-gradient(180deg,transparent 0 21px,rgba(47,75,138,.12) 21px 22px)}
.bebd-wg .card3 i:nth-child(1){transform:rotate(-8deg);background-color:#fbf0dc}
.bebd-wg .card3 i:nth-child(2){transform:rotate(4deg)}
.bebd-wg .card3 i:nth-child(3){transform:rotate(-1deg) translateY(-6px)}
.bebd-wg .picks{margin-top:64px}
.bebd-wg .cls{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);grid-template-rows:auto auto;gap:18px}
.bebd-wg .cls .gc.big{grid-row:1/3}
.bebd-wg .cls .gc:not(.big){flex-direction:row}
.bebd-wg .cls .gc:not(.big) .gci{width:42%;aspect-ratio:auto;flex:none}
.bebd-wg .cls .gc:not(.big) .gcb{padding:16px}
.bebd-wg .cls .gc:not(.big) p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.bebd-wg .cls .gc.big .gci{aspect-ratio:16/10;max-height:340px}
.bebd-wg .gc{background:var(--card);border:1px solid var(--line);border-radius:22px;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow);transition:transform .3s}
.bebd-wg .gc:hover{transform:translateY(-4px)}
.bebd-wg .gci{aspect-ratio:16/10;overflow:hidden}
.bebd-wg .gci img,.bebd-wg .gci .noimg{width:100%;height:100%;object-fit:cover}
.bebd-wg .gcb{padding:16px 18px 18px;display:flex;flex-direction:column;gap:9px;flex:1}
.bebd-wg .gc h3{font:600 19px/1.25 var(--ui);color:var(--ink)}
.bebd-wg .gc p{margin:0;font-size:14.5px;color:#4b4f5c;line-height:1.55}
.bebd-wg .gc .meta{margin-top:auto}
.bebd-wg .gc.big h3{font:500 30px/1.12 var(--serif)}
.bebd-wg .gc.big p{font:400 17px/1.55 var(--read)}
.bebd-wg .trsec{margin-top:80px}
.bebd-wg .tsh{display:grid;grid-template-columns:280px minmax(0,1fr);gap:34px;align-items:center;background:linear-gradient(150deg,var(--s),#fffdf8 70%);border:1px solid var(--line);border-radius:28px;padding:22px 32px;box-shadow:var(--shadow)}
.bebd-wg .tsa .art{background:#fffdf8;border-radius:20px;padding:6px 10px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 14%,transparent)}
.bebd-wg .tsh h2{font:500 clamp(32px,3.8vw,48px)/1 var(--serif);color:var(--ink);margin:12px 0 10px}
.bebd-wg .tsh p{margin:0 0 16px;font:400 19px/1.5 var(--read);color:#3d4252;max-width:620px}
.bebd-wg .ixg{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:20px}
.bebd-wg .ix{position:relative;background:#fffdf8;border:1px solid var(--line);border-radius:6px 6px 16px 16px;padding:28px 18px 16px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:8px;transition:transform .3s;background-image:linear-gradient(180deg,transparent 0 22px,color-mix(in srgb,var(--c) 70%,transparent) 22px 24px,transparent 24px),repeating-linear-gradient(180deg,transparent 0 23px,rgba(47,75,138,.08) 23px 24px)}
.bebd-wg .ix:hover{transform:translateY(-4px) rotate(-.5deg)}
.bebd-wg .ixn{position:absolute;right:14px;top:2px;font:700 13px var(--mono);color:var(--c)}
.bebd-wg .ix h3{font:600 17px/1.3 var(--ui);color:var(--ink);margin-top:8px}
.bebd-wg .ix p{margin:0;font:400 14.5px/1.5 var(--read);color:#4b4f5c}
.bebd-wg .ix .meta{margin-top:auto}
.bebd-wg .all{margin-top:80px}
.bebd-wg .chips{display:flex;gap:8px;flex-wrap:wrap}
.bebd-wg .chips button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 14px;font:600 13px var(--ui)}
.bebd-wg .chips button.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.bebd-wg .ag{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.bebd-wg .more{display:block;margin:26px auto 0;border:1.5px solid var(--ink);background:none;border-radius:999px;padding:12px 26px;font:700 15px var(--ui)}
.bebd-wg .thero{position:relative;overflow:hidden;background:linear-gradient(160deg,var(--s),#faf7f0 70%);border-bottom:1px solid var(--line)}
.bebd-wg .thw{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:30px;align-items:center;padding:40px 32px 70px 110px}
.bebd-wg .thero h1{font:500 clamp(46px,6.6vw,88px)/.96 var(--serif);letter-spacing:-.035em;color:var(--ink);margin-top:16px}
.bebd-wg .tha .art{background:#fffdf8;border-radius:26px;padding:12px 16px;box-shadow:0 30px 50px -34px var(--c)}
.bebd-wg .feat{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);background:var(--card);border:1px solid var(--line);border-radius:28px;overflow:hidden;margin-top:-40px;position:relative;box-shadow:0 40px 70px -40px rgba(29,42,68,.5)}
.bebd-wg .fi{min-height:320px}
.bebd-wg .fi img{width:100%;height:100%;object-fit:cover}
.bebd-wg .fb{padding:34px;display:flex;flex-direction:column;gap:12px;justify-content:center}
.bebd-wg .fb h2{font:500 34px/1.1 var(--serif);color:var(--ink)}
.bebd-wg .fb p{margin:0;font:400 18px/1.55 var(--read);color:#3d4252}
.bebd-wg .tools2{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;margin:40px 0 16px}
.bebd-wg .tools2 .search{margin:0;padding:9px 14px;border-radius:999px;box-shadow:none}
.bebd-wg .seg{display:inline-flex;background:#ece6d6;border-radius:999px;padding:4px}
.bebd-wg .seg button{border:0;background:none;padding:8px 15px;border-radius:999px;font:600 14px var(--ui)}
.bebd-wg .seg button.on{background:var(--c);color:#fff}
.bebd-wg .rows{display:grid;gap:12px}
.bebd-wg .row{display:grid;grid-template-columns:60px 200px minmax(0,1fr);gap:20px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:12px 20px 12px 12px;box-shadow:var(--shadow);transition:transform .25s,border-color .25s}
.bebd-wg .row:hover{transform:translateX(4px);border-color:var(--c)}
.bebd-wg .rn{font:700 22px var(--mono);color:var(--c);text-align:center}
.bebd-wg .rii{height:124px;border-radius:12px;overflow:hidden}
.bebd-wg .rii img{width:100%;height:100%;object-fit:cover}
.bebd-wg .rib{display:flex;flex-direction:column;gap:6px}
.bebd-wg .rib h3{font:600 20px/1.25 var(--ui);color:var(--ink)}
.bebd-wg .rib p{margin:0;font:400 16px/1.5 var(--read);color:#3d4252}
.bebd-wg .archive{margin-top:60px}
.bebd-wg .archive .ixg{grid-template-columns:repeat(4,1fr)}
.bebd-wg .others{margin-top:64px}
.bebd-wg .others h2{font:500 30px var(--serif);color:var(--ink);margin-bottom:14px}
.bebd-wg .og{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.bebd-wg .ot{background:linear-gradient(150deg,var(--s),#fffdf8);border:1px solid var(--line);border-radius:18px;padding:10px;display:flex;flex-direction:column;gap:8px;transition:transform .3s}
.bebd-wg .ot:hover{transform:translateY(-4px)}
.bebd-wg .ota .art{border-radius:12px;background:#fffdf8;height:96px}
.bebd-wg .ot span{font:700 10.5px var(--mono);text-transform:uppercase;color:var(--c);display:block}
.bebd-wg .ot b{font:600 17px/1.15 var(--serif);color:var(--ink);display:block}
.bebd-wg .ot em{font:500 12px var(--ui);font-style:normal;color:var(--muted)}
.bebd-wg .ahero{position:relative;overflow:hidden;background:linear-gradient(160deg,var(--s),#faf7f0 70%);border-bottom:1px solid var(--line)}
.bebd-wg .ahw{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:44px;align-items:center;padding:40px 32px 50px 110px}
.bebd-wg .ahero h1{font:500 clamp(36px,4.6vw,60px)/1.05 var(--serif);letter-spacing:-.025em;color:var(--ink);margin-top:16px}
.bebd-wg .dek{font:400 20px/1.5 var(--read);color:#3d4252;max-width:680px;margin:16px 0 0}
.bebd-wg .byline{display:flex;gap:12px;align-items:center;margin-top:24px;flex-wrap:wrap}
.bebd-wg .byline i{width:44px;height:44px;border-radius:50%;background:var(--c);color:#fff;display:grid;place-items:center;font:700 14px var(--ui);font-style:normal}
.bebd-wg .byline>div{display:flex;flex-direction:column;font-size:14px;line-height:1.35}
.bebd-wg .byline span{color:var(--muted)}
.bebd-wg .tools{flex-direction:row!important;gap:8px;margin-left:auto}
.bebd-wg .tools a{display:inline-flex;gap:6px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 13px;font:600 13px var(--ui)}
.bebd-wg .cov{position:relative;background:#fff;padding:10px;border-radius:10px;box-shadow:0 2px 0 #e7e1d3,0 40px 70px -40px rgba(29,42,68,.55);transform:rotate(1.5deg)}
.bebd-wg .cov img{border-radius:6px;width:100%;height:auto}
.bebd-wg .cov:after{content:"";position:absolute;left:50%;top:-12px;width:90px;height:26px;transform:translateX(-50%) rotate(-3deg);background:rgba(242,193,78,.55);border-radius:3px}
.bebd-wg .aw{display:grid;grid-template-columns:220px minmax(0,1fr) 290px;gap:40px;margin-top:46px;align-items:start}
.bebd-wg .aw.two{grid-template-columns:minmax(0,1fr) 300px}
.bebd-wg .rail{position:sticky;top:26px}
.bebd-wg .side{position:sticky;top:26px;display:flex;flex-direction:column;gap:16px}
.bebd-wg .pathx{display:flex;flex-direction:column;gap:2px}
.bebd-wg .pathx a{display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px;padding:7px;border-radius:10px;font:500 13.5px/1.35 var(--ui);color:#4b4f5c}
.bebd-wg .pathx a:hover,.bebd-wg .pathx a.on{background:var(--s);color:var(--ink)}
.bebd-wg .pathx i{width:26px;height:26px;border-radius:8px;background:var(--s);color:var(--c);display:grid;place-items:center;font:700 12px var(--mono);font-style:normal}
.bebd-wg .pathx a.done i{background:var(--c);color:#fff}
.bebd-wg .pb{height:7px;background:#ece6d6;border-radius:9px;overflow:hidden;margin-top:14px}
.bebd-wg .pb i{display:block;height:100%;background:var(--c);border-radius:9px;transition:width .4s}
.bebd-wg .pt{font:600 12.5px var(--ui);color:var(--muted);display:block;margin-top:8px}
.bebd-wg .read{font:400 19px/1.75 var(--read);color:#232836}
.bebd-wg .read p{margin:0 0 20px}
.bebd-wg .read a{color:var(--c);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px}
.bebd-wg .read strong{color:var(--ink)}
.bebd-wg .read ul{list-style:none;padding:0;margin:0 0 20px}
.bebd-wg .read ul li{position:relative;padding-left:30px;margin:9px 0}
.bebd-wg .read ul li:before{content:"";position:absolute;left:2px;top:9px;width:14px;height:14px;border:2px solid var(--c);border-radius:4px}
.bebd-wg .read ol{padding-left:24px}
.bebd-wg .mintro{font-size:20px}
.bebd-wg .mintro>p:first-child:first-letter{float:left;font:600 76px/.8 var(--serif);margin:8px 12px 0 0;color:var(--c)}
.bebd-wg .msec{margin-top:44px}
.bebd-wg .msec>h2,.bebd-wg .tipsec>h2{font:500 32px/1.15 var(--serif);color:var(--ink);margin-bottom:16px}
.bebd-wg .lesson{position:relative;display:grid;grid-template-columns:76px minmax(0,1fr);gap:20px;background:var(--card);border:1px solid var(--line);border-radius:24px;padding:26px 26px 8px;margin:18px 0;box-shadow:var(--shadow);scroll-margin-top:20px;transition:border-color .3s,background .3s}
.bebd-wg .lno{display:flex;flex-direction:column;align-items:center;background:var(--s);border-radius:16px;padding:10px 0;height:max-content}
.bebd-wg .lno small{font:700 10px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--c)}
.bebd-wg .lno b{font:600 34px/1 var(--serif);color:var(--c)}
.bebd-wg .lb h2{font:600 24px/1.2 var(--ui);color:var(--ink);margin:4px 90px 12px 0}
.bebd-wg .ldone{position:absolute;right:18px;top:18px;display:flex;gap:6px;align-items:center;font:600 13px var(--ui);background:#fff;border:1px dashed color-mix(in srgb,var(--c) 40%,transparent);border-radius:999px;padding:6px 12px;cursor:pointer}
.bebd-wg .ldone input{accent-color:var(--c);width:16px;height:16px;margin:0}
.bebd-wg .lesson:has(.ldone input:checked){border-color:var(--c);background:linear-gradient(180deg,color-mix(in srgb,var(--s) 70%,#fff),var(--card) 30%)}
.bebd-wg .lesson:has(.ldone input:checked) .lno{background:var(--c)}
.bebd-wg .lesson:has(.ldone input:checked) .lno b,.bebd-wg .lesson:has(.ldone input:checked) .lno small{color:#fff}
.bebd-wg .calls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-top:14px}
.bebd-wg .callout{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px 18px;box-shadow:var(--shadow);font-size:16.5px}
.bebd-wg .callout h3{font:600 17px var(--ui);color:var(--ink);margin-bottom:6px;display:flex;gap:8px;align-items:center}
.bebd-wg .callout p:last-child{margin:0}
.bebd-wg .callout.warn{background:#fff8eb;border-color:#f1d9a6}
.bebd-wg .callout.warn h3{color:#8a5a00}
.bebd-wg .callout.bulb{background:#eef4ff;border-color:#cfdcf5}
.bebd-wg .lineup{margin-top:34px;background:var(--card);border:1px solid var(--line);border-radius:24px;padding:20px 22px;box-shadow:var(--shadow)}
.bebd-wg .lu{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.bebd-wg .lu a{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:10px;align-items:center;background:#faf8ff;border:1px solid #e4e0f7;border-radius:14px;padding:10px 12px;transition:background .2s}
.bebd-wg .lu a:hover{background:var(--s)}
.bebd-wg .lu b{grid-row:1/3;font:700 18px var(--mono);color:var(--c)}
.bebd-wg .lu span{font:700 15px var(--ui);color:var(--ink)}
.bebd-wg .lu em{font-style:normal;font-size:12.5px;color:var(--muted);line-height:1.3}
.bebd-wg .method{background:linear-gradient(150deg,var(--s),#fffdf8);border:1px solid var(--line);border-radius:22px;padding:22px 24px;margin:6px 0 30px}
.bebd-wg .method h2{font:600 22px var(--ui);color:var(--ink);display:flex;gap:8px;align-items:center;margin-bottom:10px}
.bebd-wg .tool{background:var(--card);border:1px solid var(--line);border-radius:26px;margin:22px 0;box-shadow:var(--shadow);overflow:hidden;scroll-margin-top:20px}
.bebd-wg .toolh{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;padding:20px 24px;background:linear-gradient(90deg,var(--s),#fffdf8);border-bottom:1px solid var(--line)}
.bebd-wg .rank{font:700 30px var(--mono);color:#fff;background:var(--c);border-radius:14px;padding:8px 12px;line-height:1}
.bebd-wg .toolh h2{font:600 26px/1.15 var(--serif);color:var(--ink)}
.bebd-wg .toolh .tag{margin:2px 0 0;font:italic 400 17px var(--read);color:#4b4f5c}
.bebd-wg .jump{font:700 13px var(--ui);color:var(--c);white-space:nowrap}
.bebd-wg .toolb{padding:20px 24px 4px}
.bebd-wg .toolb img{border-radius:12px;border:1px solid var(--line)}
.bebd-wg .fig{margin:24px 0;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:12px;box-shadow:var(--shadow)}
.bebd-wg .fig img{border-radius:10px;width:100%;height:auto}
.bebd-wg .fig figcaption{font:500 13px/1.5 var(--ui);color:var(--muted);padding:10px 4px 0}
.bebd-wg .compare{margin-top:40px}
.bebd-wg .compare h2{font:500 30px var(--serif);color:var(--ink);display:flex;gap:10px;align-items:center;margin-bottom:12px}
.bebd-wg .tbl{overflow-x:auto;background:var(--card);border:1px solid var(--line);border-radius:18px;margin:16px 0;box-shadow:var(--shadow)}
.bebd-wg .tbl table{border-collapse:collapse;width:100%;font:500 14px/1.45 var(--ui);min-width:640px}
.bebd-wg .tbl th{position:sticky;top:0;text-align:left;background:var(--s);color:var(--ink);font:700 11.5px var(--ui);letter-spacing:.08em;text-transform:uppercase;padding:12px 14px}
.bebd-wg .tbl td{padding:12px 14px;border-top:1px solid var(--line);vertical-align:top}
.bebd-wg .tbl tr:hover td{background:#fbfaff}
.bebd-wg .tbl td:first-child{font-weight:700;color:var(--ink)}
.bebd-wg .tipindex{margin-top:34px;background:var(--card);border:1px solid var(--line);border-radius:24px;padding:20px 22px;box-shadow:var(--shadow)}
.bebd-wg .tih{display:flex;justify-content:space-between;align-items:center;gap:12px}
.bebd-wg .tih button{display:inline-flex;gap:6px;align-items:center;border:0;background:var(--c);color:#fff;border-radius:999px;padding:8px 14px;font:700 13px var(--ui)}
.bebd-wg .tix{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:6px 18px;margin-top:6px}
.bebd-wg .tix a{display:grid;grid-template-columns:34px minmax(0,1fr);font:600 14px/1.35 var(--ui);padding:7px 4px;border-bottom:1px dashed var(--line);color:#2a3247}
.bebd-wg .tix b{font:700 13px var(--mono);color:var(--c)}
.bebd-wg .tix a:hover{color:var(--c)}
.bebd-wg .tips{display:grid;gap:14px;margin-top:16px}
.bebd-wg .tip{display:grid;grid-template-columns:84px minmax(0,1fr);gap:18px;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:var(--shadow);scroll-margin-top:20px;transition:box-shadow .4s}
.bebd-wg .tip.flash{box-shadow:0 0 0 3px var(--pencil),var(--shadow)}
.bebd-wg .tn{font:300 54px/1 var(--serif);color:var(--c);letter-spacing:-.04em}
.bebd-wg .tip h3{font:600 22px/1.25 var(--ui);color:var(--ink);margin:4px 0 10px}
.bebd-wg .tip p:last-child{margin-bottom:0}
.bebd-wg .plan{list-style:none;margin:0;padding:0;counter-reset:p}
.bebd-wg .plan a{display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px;padding:8px;border-radius:10px;font:500 14px/1.35 var(--ui);color:#4b4f5c}
.bebd-wg .plan a:hover,.bebd-wg .plan a.on{background:var(--s);color:var(--ink)}
.bebd-wg .plan i{width:26px;height:26px;border-radius:50%;background:var(--s);color:var(--c);display:grid;place-items:center;font:700 12px var(--mono);font-style:normal}
.bebd-wg .astep{display:grid;grid-template-columns:60px minmax(0,1fr);gap:18px;margin-top:36px;scroll-margin-top:20px}
.bebd-wg .asn{width:56px;height:56px;border-radius:50%;background:var(--c);color:#fff;display:grid;place-items:center;font:600 26px var(--serif);box-shadow:0 0 0 6px var(--s)}
.bebd-wg .asb h2{font:500 30px/1.15 var(--serif);color:var(--ink);margin:8px 0 14px}
.bebd-wg .checklist{margin-top:44px;background:var(--card);border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:var(--shadow);font-family:Inter,sans-serif}
.bebd-wg .checklist h2{font:600 22px var(--ui);color:var(--ink);display:flex;gap:8px;align-items:center}
.bebd-wg .checklist>p{font-size:15px;color:var(--muted);margin:6px 0 12px}
.bebd-wg .checklist label{display:flex;gap:12px;align-items:center;padding:12px 4px;border-top:1px dashed var(--line);font:600 16px var(--ui);cursor:pointer}
.bebd-wg .checklist input{width:20px;height:20px;accent-color:var(--c)}
.bebd-wg .checklist label:has(input:checked) span{text-decoration:line-through;color:var(--muted)}
.bebd-wg .checklist button,.bebd-wg .citebox .copy{margin-top:12px;display:inline-flex;gap:6px;align-items:center;border:0;background:var(--c);color:#fff;border-radius:999px;padding:9px 16px;font:700 13px var(--ui)}
.bebd-wg .citebox{margin-top:24px;background:var(--card);border:1px solid var(--line);border-radius:24px;padding:22px 24px;box-shadow:var(--shadow);font-family:Inter,sans-serif}
.bebd-wg .citebox h3{font:600 19px var(--ui);display:flex;gap:8px;align-items:center;margin-bottom:12px}
.bebd-wg .ctabs{display:flex;gap:6px;margin-bottom:10px}
.bebd-wg .ctabs button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:5px 12px;font:600 13px var(--ui)}
.bebd-wg .ctabs button.on{background:var(--c);color:#fff;border-color:var(--c)}
.bebd-wg .cv{background:var(--s);border-radius:10px;padding:12px 14px;font:400 15px/1.6 var(--read);margin:0;word-break:break-word}
.bebd-wg .draw{margin-top:34px;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);gap:30px;align-items:center;background:#fffdf8;border:1px solid var(--line);border-radius:28px;padding:30px 36px;box-shadow:var(--shadow);position:relative;overflow:hidden}
.bebd-wg .draw:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(180deg,transparent 0 35px,rgba(179,116,26,.10) 35px 36px);pointer-events:none}
.bebd-wg .dp{position:relative;font:italic 400 clamp(22px,2.4vw,30px)/1.35 var(--serif);color:var(--ink);margin:14px 0 18px}
.bebd-wg .dstack{position:relative;height:160px}
.bebd-wg .dstack i{position:absolute;inset:8px 18px;border-radius:14px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);background-image:repeating-linear-gradient(180deg,transparent 0 21px,rgba(179,116,26,.14) 21px 22px)}
.bebd-wg .dstack i:nth-child(1){transform:rotate(-7deg);background-color:#fbf0dc}
.bebd-wg .dstack i:nth-child(2){transform:rotate(5deg)}
.bebd-wg .deck{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:16px 0 26px}
.bebd-wg .pc{position:relative;background:#fffdf8;border:1px solid var(--line);border-radius:16px;padding:20px 18px 14px;box-shadow:var(--shadow);display:flex;flex-direction:column;background-image:repeating-linear-gradient(180deg,transparent 0 29px,rgba(179,116,26,.10) 29px 30px);transition:transform .25s}
.bebd-wg .pc:hover{transform:translateY(-3px) rotate(-.4deg)}
.bebd-wg .pn{font:700 13px var(--mono);color:var(--c)}
.bebd-wg .pc p{margin:6px 0 12px;font:400 17px/1.55 var(--read);color:#232836}
.bebd-wg .pact{margin-top:auto;display:flex;justify-content:space-between;align-items:center;font:600 13px var(--ui);color:var(--muted)}
.bebd-wg .pact label{display:flex;gap:6px;align-items:center;cursor:pointer}
.bebd-wg .pact input{accent-color:var(--c)}
.bebd-wg .pact button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:5px 8px;color:var(--muted)}
.bebd-wg .pc:has(input:checked){background-color:var(--s);border-color:color-mix(in srgb,var(--c) 45%,transparent)}
.bebd-wg .keep{margin-top:80px}
.bebd-wg .keep h2{font:500 38px var(--serif);color:var(--ink);margin-bottom:18px}
.bebd-wg .kg{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:1100px){.bebd-wg .aw{grid-template-columns:minmax(0,1fr) 280px}
.bebd-wg .rail{display:none}
.bebd-wg .tg{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.bebd-wg .og{grid-template-columns:repeat(3,1fr)}
.bebd-wg .ixg,.bebd-wg .archive .ixg{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}
@media(max-width:900px){.bebd-wg .dkw,.bebd-wg .thw,.bebd-wg .ahw{grid-template-columns:minmax(0,1fr);padding-left:32px}
.bebd-wg .ruled{background:repeating-linear-gradient(180deg,transparent 0 33px,rgba(47,75,138,.09) 33px 34px)}
.bebd-wg .pod,.bebd-wg .draw,.bebd-wg .feat,.bebd-wg .tsh,.bebd-wg .cls{grid-template-columns:minmax(0,1fr)}
.bebd-wg .tsa{max-width:300px}
.bebd-wg .aw,.bebd-wg .aw.two{grid-template-columns:minmax(0,1fr)}
.bebd-wg .side{position:static}
.bebd-wg .ag,.bebd-wg .kg{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.bebd-wg .calls{grid-template-columns:minmax(0,1fr)}
.bebd-wg .dka,.bebd-wg .tha,.bebd-wg .aha{max-width:460px}
}
@media(max-width:640px){.bebd-wg .w{padding:0 16px}
.bebd-wg .dkw,.bebd-wg .thw,.bebd-wg .ahw{padding-left:16px;padding-right:16px}
.bebd-wg .tg,.bebd-wg .ag,.bebd-wg .kg,.bebd-wg .ixg,.bebd-wg .archive .ixg,.bebd-wg .og,.bebd-wg .deck{grid-template-columns:minmax(0,1fr)}
.bebd-wg .row{grid-template-columns:minmax(0,1fr);padding:12px}
.bebd-wg .rn{display:none}
.bebd-wg .rii{height:170px}
.bebd-wg .fb{padding:22px}
.bebd-wg .fb h2{font-size:26px}
.bebd-wg .lesson{grid-template-columns:minmax(0,1fr);padding:20px 18px 4px}
.bebd-wg .lno{flex-direction:row;gap:8px;padding:6px 12px;width:max-content}
.bebd-wg .lno b{font-size:22px}
.bebd-wg .lb h2{margin-right:0}
.bebd-wg .ldone{position:static;width:max-content;margin-bottom:10px}
.bebd-wg .tip{grid-template-columns:minmax(0,1fr);gap:4px}
.bebd-wg .tn{font-size:38px}
.bebd-wg .astep{grid-template-columns:minmax(0,1fr)}
.bebd-wg .toolh{grid-template-columns:auto minmax(0,1fr)}
.bebd-wg .jump{display:none}
.bebd-wg .stats{gap:20px}
.bebd-wg .tools{margin-left:0}
.bebd-wg .read{font-size:18px}
.bebd-wg .pod,.bebd-wg .draw{padding:24px 20px}
.bebd-wg .search{max-width:100%}
}
.bebd-wg .read figure,.bebd-wg .read .wp-caption{max-width:100%!important;width:auto!important;margin:24px 0}
.bebd-wg .read .wp-caption img{height:auto;border-radius:12px}
.bebd-wg .read .wp-caption-text{font:500 13px/1.5 var(--ui);color:var(--muted);padding-top:8px}
.bebd-wg .read table:not(.tbl table){display:block;overflow-x:auto;max-width:100%;border-collapse:collapse;font:500 14px/1.45 var(--ui)}
.bebd-wg .read table:not(.tbl table) td,.bebd-wg .read table:not(.tbl table) th{padding:8px 10px;border:1px solid var(--line)}
.bebd-wg{--paper:#faf7f0;--card:#fffdf8;--line:#e7e1d3;--muted:#6a6758;--ink:#1d2a44;--pencil:#f2c14e;--red:#d64545;--c:#2f4b8a;--s:#e6ecf8;--serif:Fraunces,Georgia,serif;--read:Newsreader,Georgia,serif;--ui:'Space Grotesk',Inter,sans-serif;--mono:'Courier Prime',Courier,monospace;--shadow:0 1px 0 rgba(29,42,68,.04),0 22px 44px -28px rgba(29,42,68,.38);background:#faf7f0;color:#18202f;font:400 17px/1.65 Inter,system-ui,sans-serif;padding-bottom:70px;-webkit-font-smoothing:antialiased}
.bebd-wg *{box-sizing:border-box}.bebd-wg a{color:inherit;text-decoration:none}.bebd-wg img{display:block;max-width:100%;height:auto}.bebd-wg button{font:inherit;cursor:pointer;color:inherit}
.bebd-wg h1,.bebd-wg h2,.bebd-wg h3,.bebd-wg h4{margin:0;letter-spacing:-.015em;text-transform:none;line-height:1.15}
.bebd-wg .crumb a{color:inherit}.bebd-wg .more-hidden{display:none!important}.bebd-wg [hidden]{display:none!important}
.bebd-wg .wempty,.bebd-wg .rempty{text-align:center;padding:36px 20px;color:var(--muted);font:500 16px var(--ui);background:var(--card);border:1px dashed var(--line);border-radius:22px;margin-top:16px}
.bebd-wg .comments{padding-top:30px}.bebd-wg .comments .cbox{display:block;max-width:900px;margin:0 auto;background:var(--card);border:1px solid var(--line);border-radius:26px;padding:28px 32px;font-size:16px}
.bebd-wg .pathx a.on,.bebd-wg .plan a.on{background:var(--s);color:var(--ink)}
body .td-theme-wrap{overflow:clip!important}
@media (prefers-reduced-motion:reduce){.bebd-wg *{animation:none!important;transition:none!important}}
@media print{ins.adsbygoogle,.adsbygoogle,.google-auto-placed,iframe,[id^=google_ads],[id^=aswift],.td-header-template-wrap,.td-footer-template-wrap,.td-header-wrap,.td-footer-wrap,#cmplz-cookiebanner-container,.cmplz-cookiebanner,.cmplz-manage-consent,#wpadminbar,.bebd-wg .rail,.bebd-wg .side,.bebd-wg .tools,.bebd-wg .keep,.bebd-wg .comments,.bebd-wg .aha,.bebd-wg .ldone{display:none!important}body,.bebd-wg{background:#fff!important}.bebd-wg .aw,.bebd-wg .aw.two{display:block}}