@layer components{.blog .an{font-family:var(--font-mono), ui-monospace, monospace;color:var(--text);margin:14px 0 8px;font-size:15px;line-height:1}.blog .an-head{letter-spacing:.14em;text-transform:uppercase;color:var(--bacc);margin:0 0 10px;font-size:10.5px}.blog .an-head span{letter-spacing:.04em;text-transform:none;color:var(--muted);margin-left:.6em}.blog .an-block{flex-wrap:wrap;gap:12px 0;padding:10px 0;display:flex}.blog .an-block+.an-block{border-top:1px solid var(--line)}.blog .an-cycle{display:flex}.blog .an-vibhag{border-left:1px solid var(--line-strong);padding:0 .5em}.blog .an-cycle .an-vibhag:last-child{border-right:1px solid var(--line-strong);margin-right:-1px}.blog .an-cells{display:flex}.blog .an-cell{justify-content:center;align-items:center;gap:.12em;min-width:1.75em;height:2.3em;display:inline-flex}.blog .an-rest{opacity:.62;font-style:italic}.blog .an-cell.held{color:var(--muted)}.blog .an-mark{height:1.5em;color:var(--bacc);margin-top:.2em;padding-left:.55em;font-size:.8em}.blog .an-n{display:inline-block;position:relative}.blog .an .on{color:var(--bacc);text-shadow:0 0 10px color-mix(in srgb, var(--bacc) 70%, transparent)}.blog .an-n[data-oct="1"]:before,.blog .an-n[data-oct="-1"]:after{content:"";opacity:.85;background:currentColor;border-radius:50%;width:.27em;height:.27em;margin-left:-.135em;position:absolute;left:50%}.blog .an-n[data-oct="1"]:before{top:-.42em}.blog .an-n[data-oct="-1"]:after{bottom:-.44em}.blog .an-n[data-acc=komal]{text-underline-offset:.24em;text-decoration:underline;text-decoration-thickness:1.5px}.blog .an-n[data-acc=tivra]{text-decoration:overline;text-decoration-thickness:1.5px}.blog .an-lines .an-block{gap:8px}.blog .an-phrase{background:#ffffff0a;border-radius:8px;gap:.6em;padding:.55em .7em;display:inline-flex}.blog .balankar .br-title h3{margin:0}.blog .balankar .an{padding-bottom:2px;overflow-x:auto}.blog .bscale-line{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.18em;color:var(--text);margin:6px 0 0;font-size:14px}.blog .balankar .br-foot{margin-top:18px}.blog .balankar.lead .br-title h2{font-family:var(--font-fraunces), serif;margin:0;font-size:28px;font-weight:500;line-height:1.2}.blog .balankar.lead .br-title h2 a{color:inherit;text-decoration:none}.blog .balankar.lead .an{font-size:18px}@media (max-width:640px){.blog .an{font-size:13.5px}.blog .balankar.lead .an{font-size:15px}.blog .balankar.lead .br-title h2{font-size:23px}}.blog .acover{border:1px solid color-mix(in srgb, var(--bacc) 30%, transparent);background:linear-gradient(160deg, var(--bacc-soft), #ffffff05);width:92px;height:92px;box-shadow:inset 0 1px 0 var(--hi-edge);font-family:var(--font-mono), ui-monospace, monospace;color:var(--text);border-radius:18px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:.62em;font-size:14.5px;line-height:1;display:flex}.blog .acover-row{white-space:nowrap;gap:.5em;display:flex}.blog .acover-row:first-child{color:var(--bacc)}.blog .acover-row:nth-child(2){opacity:.84}.blog .acover-row:nth-child(3){opacity:.68}.blog .acover-row:nth-child(4){opacity:.54}.blog .acover-row:nth-child(5){opacity:.42}.blog .acover:not(.big) .acover-row:nth-child(n+4){display:none}.blog .acover.wide{font-size:11.5px}.blog .acover.wide .acover-row{gap:.34em}.blog .acover.big{border-radius:28px;gap:.56em;width:200px;height:200px;font-size:24px}.blog .acover.big.wide{font-size:19.5px}}
