.journal-page.svelte-1pxujrv{max-width:1100px;margin:auto;padding:26px 28px 80px}.breadcrumb.svelte-1pxujrv{display:flex;gap:12px;flex-wrap:wrap;font-size:14px;color:var(--soft);margin:0 0 46px}.breadcrumb.svelte-1pxujrv a:where(.svelte-1pxujrv){text-decoration:none}.breadcrumb.svelte-1pxujrv a:where(.svelte-1pxujrv):hover{text-decoration:underline}.article-heading.svelte-1pxujrv{max-width:820px;margin:0 auto 32px;text-align:center}.eyebrow.svelte-1pxujrv{font:400 14px Roboto,sans-serif;letter-spacing:.08em;text-decoration:none}h1.svelte-1pxujrv{font-size:clamp(36px,5vw,64px);line-height:1.2;margin:20px 0}.intro.svelte-1pxujrv{font-size:19px;line-height:1.8;max-width:58ch;margin:0 auto 22px;color:var(--soft)}.article-meta.svelte-1pxujrv{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;color:var(--soft);font-size:13px}figure.svelte-1pxujrv{margin:0 0 46px}.demo-cover.svelte-1pxujrv{position:relative;aspect-ratio:16/8;overflow:hidden;background:var(--pink)}.demo-cover.svelte-1pxujrv .journal-photo{position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;height:auto;aspect-ratio:1}.cover.svelte-1pxujrv{display:block;width:100%;aspect-ratio:16/8;object-fit:cover;background:var(--pink)}.illustration.svelte-1pxujrv{display:grid;place-items:center;background:var(--pink);height:320px}.illustration.svelte-1pxujrv svg{width:180px;height:180px}figcaption.svelte-1pxujrv{text-align:center;color:var(--soft);font-size:12px;margin-top:10px}.article-body.svelte-1pxujrv{max-width:720px;margin:auto;font-size:18px;line-height:1.95;letter-spacing:.015em}.article-body.svelte-1pxujrv p:where(.svelte-1pxujrv){margin:0 0 22px}.article-body.svelte-1pxujrv h2:where(.svelte-1pxujrv){text-align:left;font-size:30px;line-height:1.35;margin:44px 0 18px}.article-body.svelte-1pxujrv ul:where(.svelte-1pxujrv){padding-left:24px;margin:0 0 24px}.article-body.svelte-1pxujrv li:where(.svelte-1pxujrv){margin:8px 0}.article-end.svelte-1pxujrv{border-top:1px solid var(--line);margin:40px 0 28px;padding-top:28px;text-align:center}.article-end.svelte-1pxujrv img:where(.svelte-1pxujrv){height:64px}.article-end.svelte-1pxujrv p:where(.svelte-1pxujrv){color:var(--soft);font-size:16px;margin:10px 0}.related.svelte-1pxujrv{margin-top:80px;border-top:1px solid var(--line);padding-top:40px}.related.svelte-1pxujrv>h2:where(.svelte-1pxujrv){font-size:32px;margin-bottom:28px}.related-grid.svelte-1pxujrv{display:grid;grid-template-columns:1fr 1fr;gap:28px}.related-card.svelte-1pxujrv{display:flex;gap:20px;text-decoration:none}.related-card.svelte-1pxujrv:hover h3:where(.svelte-1pxujrv){text-decoration:underline;text-underline-offset:5px}.related-image.svelte-1pxujrv{flex:none;width:130px;height:150px;background:var(--pink);display:grid;place-items:center;overflow:hidden}.related-image.svelte-1pxujrv .journal-photo{width:150px;height:150px}.related-image.svelte-1pxujrv img:where(.svelte-1pxujrv){width:100%;height:100%;object-fit:cover}.related-image.svelte-1pxujrv svg{width:80px;height:80px}.related-card.svelte-1pxujrv h3:where(.svelte-1pxujrv){font-size:22px;line-height:1.4}.related-card.svelte-1pxujrv p:where(.svelte-1pxujrv){color:var(--soft);font-size:15px;margin:8px 0}.related-card.svelte-1pxujrv span:where(.svelte-1pxujrv){font-size:14px}@media(max-width:640px){.journal-page.svelte-1pxujrv{padding:20px 18px 56px}.breadcrumb.svelte-1pxujrv{margin-bottom:30px}.intro.svelte-1pxujrv,.article-body.svelte-1pxujrv{font-size:17px}.cover.svelte-1pxujrv,.demo-cover.svelte-1pxujrv{aspect-ratio:4/3}.illustration.svelte-1pxujrv{height:240px}.article-meta.svelte-1pxujrv{gap:7px}.related-grid.svelte-1pxujrv{grid-template-columns:1fr}.related-image.svelte-1pxujrv{width:100px;height:130px}.related-image.svelte-1pxujrv .journal-photo{width:130px;height:130px}.related.svelte-1pxujrv{margin-top:50px}}