@layer components{.bluepost{--bluepost-accent:#63c5fa;border:1px solid #31566d;border-inline-start:3px solid var(--bluepost-accent);border-radius:var(--radius);overflow-wrap:anywhere;background:#121e28;margin:1.6rem 0;padding:clamp(1rem,3vw,1.5rem)}.bluepost-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.65rem 1.5rem;margin-block-end:1.15rem;display:flex}.bluepost-byline{gap:.15rem;display:grid}.bluepost-label{color:var(--bluepost-accent);letter-spacing:.05em;text-transform:uppercase;margin-block-end:.3rem;font-size:.75rem;font-weight:700}.bluepost-author{color:var(--text);font-size:1.1rem}.bluepost-role,.bluepost-header time,.reading .bluepost-translation{color:var(--muted);font-size:.8rem}.reading .bluepost-translation{margin-block:0 .55rem}.reading .bluepost blockquote{background:0 0;border:0;margin:0;padding:0}.reading .bluepost blockquote p{color:var(--bluepost-accent);white-space:pre-line;text-wrap:pretty;margin-block:0 .9rem}.reading .bluepost blockquote p:last-child{margin-block-end:0}.bluepost-footer{border-block-start:1px solid #31566d;gap:.9rem;margin-block-start:1.2rem;padding-block-start:.9rem;font-size:.85rem;display:grid}.bluepost-footer>a,.bluepost-original summary{color:var(--bluepost-accent);min-block-size:2rem;align-items:center;gap:.4rem;width:fit-content;display:inline-flex}.bluepost-original summary{cursor:pointer;list-style:none}.bluepost-original summary::-webkit-details-marker{display:none}.bluepost-original[open] summary svg{transform:rotate(180deg)}.reading .bluepost-original blockquote{margin-block-start:.75rem}.reading .bluepost-original blockquote p{color:var(--muted)}html[data-theme=light] .bluepost{--bluepost-accent:#00649b;border-color:#91b8d1;border-inline-start-color:var(--bluepost-accent);background:#edf6fc}html[data-theme=light] .bluepost-footer{border-color:#b6cfdf}}