.tone-vermilion{--tone:var(--vermilion)}.tone-ultramarine{--tone:var(--ultramarine)}.tone-sap{--tone:var(--sap)}.tone-ochre{--tone:var(--ochre)}.tone-rose{--tone:var(--rose)}.tone-teal{--tone:var(--teal)}.tone-plum{--tone:var(--plum)}.blog-index{padding-block:clamp(2rem,1.5rem + 3vw,4.5rem) 0}.blog-index__head{gap:.8rem;max-width:46rem;margin-bottom:clamp(2rem,1.5rem + 2vw,3.5rem);display:grid;position:relative}.blog-index__head h1{font-size:var(--step-5);line-height:1}.blog-index__star{position:absolute;top:0;right:-.5rem}.blog-index__rss{margin-top:2.5rem}.post-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr));gap:clamp(1.2rem,1rem + 1vw,2rem);margin:0;padding:0;list-style:none;display:grid}.post-card{background:linear-gradient(90deg, transparent 1.1rem, var(--margin-red) 1.1rem 1.2rem, transparent 1.2rem), repeating-linear-gradient(transparent 0 calc(var(--rule-gap) - 1px), var(--rule) calc(var(--rule-gap) - 1px) var(--rule-gap)), var(--card);border-top:6px solid var(--tone,var(--accent));height:100%;box-shadow:var(--shadow-1);color:var(--ink);rotate:var(--tilt,0deg);transition:rotate .25s var(--ease-out), translate .25s var(--ease-out), box-shadow .25s;border-radius:4px 4px 14px;align-content:start;gap:.6rem;padding:1.4rem 1.4rem 1.2rem 2.1rem;text-decoration:none;display:grid;position:relative}.post-card:hover,.post-card:focus-visible{box-shadow:var(--shadow-2);translate:0 -3px;rotate:0deg}.post-card__meta{font-size:var(--step--1);color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.post-card__title{font-family:var(--font-hand);font-size:var(--step-2);font-weight:700;line-height:1.15}.post-card__desc{color:var(--ink-2)}.post-card__more{font-family:var(--font-hand);color:var(--tone,var(--accent));margin-top:.3rem;font-weight:700}.post-list--small .post-card__title{font-size:var(--step-1)}.post{padding-block:1.6rem 0}.post .crumbs ol{font-family:var(--font-hand);color:var(--ink-3);flex-wrap:wrap;gap:.2rem .5rem;margin:0 0 1rem;padding:0;list-style:none;display:flex}.post .crumbs li+li:before{content:"›";margin-right:.5rem}.post .crumbs a{color:var(--pen);text-decoration:none}.post__sheet{--sheet-pad:clamp(1.2rem, .6rem + 4vw, 4.5rem);max-width:52rem;padding:clamp(1.6rem, 1rem + 3vw, 3.5rem) var(--sheet-pad) clamp(2rem, 1.5rem + 2vw, 3rem) calc(var(--sheet-pad) + 1.2rem);background:linear-gradient(90deg, transparent calc(var(--sheet-pad) - .2rem), var(--margin-red) calc(var(--sheet-pad) - .2rem) calc(var(--sheet-pad) - .05rem), transparent calc(var(--sheet-pad) - .05rem)), var(--card);box-shadow:var(--shadow-2);border-radius:6px;gap:1.6rem;display:grid}.post__head{gap:.7rem;display:grid}.post__head h1{font-size:var(--step-4);line-height:1.05}.post__meta{font-size:var(--step--1);color:var(--ink-3);flex-wrap:wrap;gap:.4rem;display:flex}.post__by{font-family:var(--font-hand);color:var(--pen)}.post__answer{--sticky-color:color-mix(in oklab, var(--tone,var(--accent)) 14%, var(--sticky));gap:.4rem;max-width:40rem;display:grid}.post__answer p{color:var(--ink);margin:0}.post__answer-label{font-family:var(--font-hand);font-weight:700;font-size:var(--step-1);color:var(--tone,var(--accent))}.post__body{font-size:var(--step-0);gap:1rem;line-height:1.7;display:grid}.post__body>*{max-width:68ch;margin:0}.post__body h2{font-size:var(--step-2);margin-top:1.4rem;line-height:1.2}.post__body h2:before{content:"";background:var(--tone,var(--accent));opacity:.8;border-radius:99px;width:2.4rem;height:.3rem;margin-bottom:.6rem;display:block}.post__body h3{font-size:var(--step-1)}.post__body p,.post__body li{color:var(--ink-2)}.post__body strong{color:var(--ink)}.post__body a{color:var(--pen);text-underline-offset:.2em}.post__body ul,.post__body ol{gap:.45rem;padding-left:1.3rem;display:grid}.post__body li::marker{color:var(--tone,var(--accent));font-weight:700}.post__body blockquote{border-left:4px solid var(--tone,var(--accent));background:var(--paper);font-family:var(--font-hand);font-size:var(--step-1);padding:.8rem 1.1rem}.post__body table{border-collapse:collapse;width:100%;max-width:100%;font-size:var(--step--1);display:block;overflow-x:auto}.post__body th,.post__body td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:.55rem .75rem}.post__body th{font-family:var(--font-hand);font-size:var(--step-0);border-bottom:2px solid var(--tone,var(--accent))}.post__faq,.post__next{gap:.7rem;display:grid}.post__faq h2,.post__next h2,.post__more h2{font-size:var(--step-2)}.post__faq details{border:1.5px solid var(--line-strong);border-radius:var(--wobbly);background:var(--paper);padding:.85rem 1.1rem}.post__faq summary{cursor:pointer;color:var(--ink);font-weight:700}.post__faq summary::marker{color:var(--tone,var(--accent))}.post__faq details p{color:var(--ink-2);margin:.6rem 0 0}.post__next ul{flex-wrap:wrap;gap:.7rem;margin:0;padding:0;list-style:none;display:flex}.post__ask{font-size:var(--step--1)}.post__more{gap:1.2rem;margin-top:clamp(2.5rem,2rem + 2vw,4rem);display:grid}[lang=hi] .post__body,.post__sheet:lang(hi){font-family:var(--font-hindi)}