/* GENERATED copy source for /blog/assets/blog.css (oof.blog build, brand oof). Blog-only rules on top of /style.css. */
.journal-h1{font-size:clamp(32px,5.4vw,54px);line-height:1.02;margin:14px 0 18px}
.crumbs{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--chalk-dim);margin-bottom:18px}
.crumbs a{color:inherit}
.article .tldr{margin:8px 0 28px}
.article .tldr ul{margin:8px 0 0 20px}
.article .hero{margin:0 0 28px}
.article picture img,.article .hero img,.article figure img{width:100%;height:auto;display:block;border-radius:4px}
.article figure{margin:24px 0}
.article figcaption{font-family:var(--mono);font-size:12px;color:var(--chalk-dim);margin-top:8px}
.article .faq{margin-top:44px}
.article details{border-top:1px solid var(--rule);padding:14px 0}
.article details:last-child{border-bottom:1px solid var(--rule)}
.article summary{font-weight:700;color:var(--cotton);cursor:pointer;font-size:17px}
.article details p{margin-top:8px}
.article .more{margin-top:44px}
.ix{background:var(--mat-2);border:1px solid var(--rule);border-radius:4px;padding:22px;margin:34px 0}
.ix h2{margin-top:0}
.ix .ix-intro{color:var(--chalk-dim);font-size:15px;margin-bottom:12px}
.ix fieldset{border:0;margin:0 0 14px;padding:0}
.ix legend{font-weight:700;color:var(--cotton);margin-bottom:8px}
.ix label{display:flex;gap:10px;align-items:flex-start;padding:8px 10px;border:1px solid var(--rule);border-radius:4px;margin-bottom:6px;cursor:pointer;color:var(--chalk);font-size:16px}
.ix input{margin-top:5px;accent-color:var(--tape)}
.ix .btn{display:inline-block;background:var(--tape);color:var(--mat);border:0;border-radius:2px;padding:10px 16px;font-weight:700;cursor:pointer}
.ix .ix-result{border-left:3px solid var(--tape);padding:12px 16px;margin-top:12px;background:var(--mat)}
.ix .ix-result strong{display:block;color:var(--cotton);font-size:19px;margin-bottom:4px}
.ix .ix-progress{font-family:var(--mono);font-size:12px;color:var(--chalk-dim);margin-top:8px}