@layer components{.blog .bfig{background:radial-gradient(90% 130% at 0% 0%, var(--bacc-soft), transparent 62%), #ffffff08;box-shadow:inset 0 1px 0 var(--hi-edge);border:1px solid #ffeedc1f;border-radius:20px;margin:30px 0 32px;padding:20px 22px 16px}.blog .bfig-art{flex-direction:column;gap:18px;min-width:0;display:flex}.blog .bfig figcaption{color:var(--muted);border-top:1px solid #ffeedc17;margin-top:14px;padding-top:12px;font-size:14.5px;line-height:1.5}.blog .fig-legend{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.06em;color:var(--dim);margin:2px 0 0;font-size:10.5px;line-height:1.6}.blog .fdot{vertical-align:-1px;border-radius:3px;width:9px;height:9px;margin:0 5px 0 0;display:inline-block}.blog .fdot.moved,.blog .fdot.a{background:var(--bacc)}.blog .fdot.b{background:#ffeedc33;margin-left:10px}.blog .fdot.outside{background:#e9c46a;border-radius:50%;width:7px;height:7px}.blog .fpath{min-width:0}.blog .bfig[data-kind=path] .bfig-art{flex-flow:wrap;gap:18px 28px}.blog .bfig[data-kind=path] .fpath{flex:290px}.blog .fpath-title{flex-wrap:wrap;align-items:baseline;gap:4px 16px;margin:0 0 6px;display:flex}.blog .fpath-name{font-family:var(--font-fraunces), serif;font-size:18px}.blog .fpath-key{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.06em;color:var(--muted);font-size:10.5px}.blog .fring{border:1.5px solid var(--bacc);vertical-align:-2px;border-radius:50%;width:11px;height:11px;margin:0 5px 0 10px;display:inline-block}.blog .fring:first-child{margin-left:0}.blog .fring.samvadi{border-style:dashed}.blog .fpath svg{width:100%;height:auto;display:block;overflow:visible}.blog .fpath-guide{stroke:#ffeedc21;stroke-width:1px;stroke-dasharray:2 5}.blog .fpath-axis,.blog .fpath-way{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.08em;fill:var(--muted);font-size:10.5px}.blog .fpath-way{text-transform:uppercase}.blog .fpath-thread{stroke:#ffeedc29;stroke-width:1px}.blog .fpath-line{fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.blog .fpath-line.up{stroke:var(--bacc)}.blog .fpath-line.down{stroke:#ffeedc80}.blog .fpath-dot.up{fill:var(--bacc)}.blog .fpath-dot.down{fill:#f1ebe1}.blog .fpath-dot{transform-box:fill-box;transform-origin:50%;transition:transform .12s}.blog .fpath-dot.on{fill:var(--bacc);filter:drop-shadow(0 0 4px var(--bacc));transform:scale(1.9)}.blog .fpath-ring{fill:none;stroke:var(--bacc);stroke-width:1.5px}.blog .fpath-ring.samvadi{stroke-dasharray:2.6 2.6}.blog .fpath-letter{font-family:var(--font-mono), ui-monospace, monospace;fill:var(--muted);font-size:11px}.blog .fpath-mark{stroke:var(--muted);stroke-width:1.2px}.blog .fkeys{flex-direction:column;gap:12px;display:flex}.blog .fkeys-row{grid-template-columns:124px minmax(0,1fr);align-items:start;gap:14px;display:grid}.blog .fkeys-name{font-family:var(--font-fraunces), serif;padding-top:10px;font-size:16px;line-height:1.2}.blog .fkeys-oct{grid-template-columns:repeat(12,minmax(0,1fr));gap:3px;max-width:560px;display:grid}.blog .fkey{height:46px;font-family:var(--font-mono), ui-monospace, monospace;color:var(--text);background:#ffeedc0d;border:1px solid #ffeedc24;border-radius:0 0 7px 7px;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:6px;font-size:12.5px;line-height:1;display:flex;position:relative}.blog .fkey.black{background:#0000006b;border-color:#ffeedc14;height:31px}.blog .fkey.lit{border-color:color-mix(in srgb, var(--bacc) 55%, transparent);background:color-mix(in srgb, var(--bacc) 20%, transparent)}.blog .fkey.lit.moved{background:var(--bacc);color:#24140e}.blog .fkey.vadi,.blog .fkey.samvadi{box-shadow:0 0 0 2px var(--bacc)}.blog .fkey.samvadi{box-shadow:0 0 0 1.5px color-mix(in srgb, var(--bacc) 60%, transparent)}.blog .fkey.outside:before{content:"";background:#e9c46a;border-radius:50%;width:6px;height:6px;position:absolute;top:5px}.blog .fkey em{letter-spacing:.06em;text-transform:uppercase;color:var(--bacc);white-space:nowrap;font-size:10px;font-style:normal;font-weight:500;position:absolute;top:calc(100% + 5px)}.blog .fkeys-row:has(.vadi,.samvadi){padding-bottom:17px}.blog .ffit{flex-direction:column;gap:14px;display:flex}.blog .ffit-name{font-family:var(--font-fraunces), serif;margin:0 0 7px;font-size:16px}.blog .ffit-name span{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.08em;color:var(--dim);margin-left:8px;font-size:10.5px}.blog .ffit-boxes{padding-top:13px;display:grid}.blog .ffit-box{min-width:0;height:34px;font-family:var(--font-mono), ui-monospace, monospace;background:#ffeedc0d;border-left:1px solid #ffeedc1a;justify-content:center;align-items:center;gap:1px;font-size:12.5px;display:flex;position:relative}.blog .ffit-box.a{background:color-mix(in srgb, var(--bacc) 24%, transparent)}.blog .ffit-box.bar{border-left:2px solid #ffeedc8c}.blog .ffit-box.sam{border-left:3px solid var(--text)}.blog .ffit-box b{color:var(--text);font-size:10px;font-weight:400;position:absolute;top:-14px;left:-5px}.blog .fgallery{grid-template-columns:repeat(auto-fill,minmax(62px,1fr));gap:8px;display:grid}.blog .fgallery-cell{font-family:var(--font-mono), ui-monospace, monospace;color:var(--dim);border:1px solid #ffeedc17;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:6px 4px 5px;font-size:10px;text-decoration:none;transition:border-color .15s,background .15s;display:flex}.blog .fgallery-cell:hover{border-color:color-mix(in srgb, var(--bacc) 50%, transparent);background:var(--bacc-soft)}.blog .fgallery-cell svg{width:100%;height:auto}.blog .fgallery-line{fill:none;stroke:var(--bacc);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.blog .fgallery-dot{fill:#f1ebe1}.blog .fcourse{width:100%;height:auto;display:block;overflow:visible}.blog .fcourse-bar.notes{fill:var(--bacc)}.blog .fcourse-bar.leap{fill:#ffeedc80}.blog .fcourse-v,.blog .fcourse-n,.blog .fcourse-k{font-family:var(--font-mono), ui-monospace, monospace;fill:var(--muted);font-size:9.5px}.blog .fcourse-n{fill:var(--dim)}.blog .fcourse-k{letter-spacing:.06em;text-transform:uppercase;fill:var(--dim)}.blog .fthaats{flex-direction:column;gap:16px;display:flex}.blog .fthaats-name{font-family:var(--font-fraunces), serif;margin:0 0 6px;font-size:17px}.blog .fthaats-name span{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.06em;color:var(--dim);margin-left:8px;font-size:10.5px}.blog .fthaats .an{margin:0}.blog .fthaats.hl-d1 .an-n[data-d="1"],.blog .fthaats.hl-d2 .an-n[data-d="2"],.blog .fthaats.hl-d3 .an-n[data-d="3"],.blog .fthaats.hl-d5 .an-n[data-d="5"],.blog .fthaats.hl-d6 .an-n[data-d="6"]{color:var(--bacc);font-weight:600}.blog .fslots{grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;display:grid}.blog .fslot{opacity:.38;border:1px solid #ffeedc0d;border-radius:9px;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:8px 2px 6px;display:flex}.blog .fslot.thaat{border-color:color-mix(in srgb, var(--bacc) 55%, transparent);background:color-mix(in srgb, var(--bacc) 16%, transparent);opacity:1}.blog .fslot-notes{font-family:var(--font-mono), ui-monospace, monospace;gap:.26em;font-size:10.5px;line-height:1.5;display:flex}.blog .fslot.thaat .fslot-notes{color:var(--text);font-size:12.5px;font-weight:500}.blog .fslot-notes .alt{color:var(--bacc)}.blog .fslot-name{min-height:13px;color:var(--text);font-size:11.5px;line-height:1.2}.blog .fshelves{flex-direction:column;gap:7px;display:flex}.blog .fshelf{grid-template-columns:92px minmax(0,1fr) 24px;align-items:center;gap:12px;font-size:14.5px;display:grid}.blog .fshelf-bar{background:#ffeedc0f;border-radius:6px;height:12px}.blog .fshelf-bar i{background:linear-gradient(90deg, color-mix(in srgb, var(--bacc) 65%, transparent), var(--bacc));border-radius:6px;min-width:6px;height:100%;display:block}.blog .fshelf-n{font-family:var(--font-mono), ui-monospace, monospace;color:var(--muted);text-align:right;font-size:12px}.blog .ffunnel-head{color:var(--muted);margin:0 0 10px;font-size:15px}.blog .ffunnel-head b{font-family:var(--font-fraunces), serif;color:var(--text);font-size:22px;font-weight:500}.blog .ffunnel-bar{gap:3px;height:30px;display:flex}.blog .ffunnel-bar span{min-width:22px;font-family:var(--font-mono), ui-monospace, monospace;border-radius:6px;justify-content:center;align-items:center;font-size:11px;display:flex}.blog .ffunnel-bar .on{background:var(--bacc);color:#24140e}.blog .ffunnel-bar .off{color:var(--muted);background:#ffeedc1a}.blog .ffunnel-list{color:var(--muted);flex-direction:column;gap:4px;margin:14px 0 0;padding:0;font-size:13.5px;line-height:1.45;list-style:none;display:flex}.blog .ffunnel-list b{min-width:30px;font-family:var(--font-mono), ui-monospace, monospace;color:var(--text);font-size:12px;font-weight:500;display:inline-block}.blog .ffunnel-list .on b{color:var(--bacc)}.blog .braga-lines{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:10px 26px;margin:4px 0 6px;display:grid}.blog .braga-lines .an{margin:0}.blog .braga-path .fpath-title{margin-bottom:2px}@media (max-width:820px){.blog .braga-lines{grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.blog .bfig{border-radius:16px;margin:24px 0 26px;padding:16px 14px 13px}.blog .fkeys-row{grid-template-columns:minmax(0,1fr);gap:5px}.blog .fkeys-name{padding-top:0}.blog .fkey{font-size:11px}.blog .ffit-box{height:30px;font-size:10.5px}.blog .fslots{grid-template-columns:repeat(4,minmax(0,1fr))}.blog .fshelf{grid-template-columns:78px minmax(0,1fr) 22px;font-size:13.5px}}}