.journal-shell{position:relative;width:min(1120px,calc(100% - 64px));margin:auto;padding:36px 0 44px;color:var(--cafe-heading);font-family:'JetBrains Mono',monospace}
.journal-skip{position:absolute;left:0;top:-80px;background:#352e49;color:var(--cafe-heading);padding:12px;z-index:5}.journal-skip:focus{top:0}
.journal-nav{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:5px 0 30px;border-bottom:1px solid #edd2fc20}
.journal-brand{font-family:LoCafeHistoricalBold,'JetBrains Mono',monospace;font-size:32px;font-weight:700;letter-spacing:-1px;color:var(--cafe-heading);text-shadow:0 0 3px #e7b4fc66,0 0 10px #d594ec80,0 0 26px #cb88e966}
.journal-nav nav{display:flex;gap:24px;font-size:14px}.journal-nav nav a{padding:8px 0;color:#d9c4e7}.journal-nav nav a:hover,.journal-nav nav a[aria-current]{color:var(--cafe-heading);text-shadow:0 0 14px #d9a4f9}
.journal-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center;padding:56px 0 54px}
.journal-hero h1{font-size:64px;letter-spacing:-3px;line-height:1.1;font-weight:700;color:var(--cafe-heading);margin:0 0 26px;text-shadow:none}
.journal-lead{font-size:17px;line-height:1.85;color:var(--cafe-ink);margin:0;max-width:580px}.journal-lead a{color:#fadfa9;text-decoration:underline;text-underline-offset:4px}
.journal-start{background:#a39fcd21;border:1px solid #edd2fc24;border-radius:24px;padding:28px}.journal-app-icons{display:flex;gap:14px;align-items:center;margin-bottom:24px}.journal-app-icons img{object-fit:contain;width:48px;height:48px}
.journal-start h2{font-weight:700;color:var(--cafe-heading);font-size:22px;line-height:1.4;margin:0 0 12px;letter-spacing:-.6px}.journal-start p{font-size:14px;line-height:1.8;margin:0 0 26px;color:var(--cafe-ink)}.journal-start .product-back{font-size:14px}
.journal-library{border-top:1px solid #edd2fc24;padding-top:32px}.journal-library-tools{display:flex;justify-content:space-between;gap:30px;align-items:center}.journal-library-tools h2{font-size:27px;color:var(--cafe-heading);font-weight:700;line-height:1.4;margin:0 0 10px;letter-spacing:-.7px}.article-count{font-size:14px;color:var(--cafe-muted);margin:0}
.journal-search{display:flex;flex-direction:column;gap:10px;font-size:13px;color:var(--cafe-ink);width:min(380px,100%)}.journal-search input{width:100%;background:#25233540;border:1px solid #edd2fc40;border-radius:12px;padding:14px 16px;color:var(--cafe-heading);font:14px/1.5 'JetBrains Mono',monospace;outline-offset:3px}.journal-search input::placeholder{color:#d3bde2}
.journal-topics{display:flex;gap:16px 26px;flex-wrap:wrap;margin:30px 0 42px;font-size:15px;line-height:1.6}.journal-topics a{padding-bottom:4px;color:var(--cafe-ink);border-bottom:1px solid #edd2fc40}.journal-topics a:hover{color:var(--cafe-heading);border-color:#fadfa9;text-shadow:0 0 13px #d9a4f9}
.journal-group{margin-bottom:34px;scroll-margin-top:28px;padding:32px 34px 12px;border:1px solid #edd2fc28;border-radius:26px;background:var(--cafe-glass);box-shadow:inset 0 1px #edd2fc09}
.journal-group-heading{display:flex;gap:22px;align-items:center;padding-bottom:24px;border-bottom:1px solid #edd2fc28}.journal-group-heading img{width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 0 13px #e6b7ff24)}.journal-group-heading h2{font-size:25px;line-height:1.4;font-weight:700;color:var(--cafe-heading);margin:0 0 7px;text-shadow:var(--cafe-title-light)}.journal-group-heading p{font-size:14px;line-height:1.8;color:var(--cafe-ink);margin:0;max-width:730px}
.journal-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:42px;row-gap:0}.journal-card{min-width:0;display:flex;flex-direction:column;position:relative;padding:25px 0 28px;border-bottom:1px solid #edd2fc25}.journal-card h3{font-size:19px;line-height:1.5;color:var(--cafe-heading);font-weight:700;margin:0 0 13px;letter-spacing:-.4px}.journal-card h3 a{display:block;padding-right:25px}.journal-card h3 a:after{content:'';position:absolute;inset:10px -12px;border-radius:14px;transition:background .18s}.journal-card h3 a:hover:after{background:#edd2fc08}.journal-card h3 a:focus-visible:after{outline:2px solid #fadfa9;outline-offset:3px}.journal-card h3 .card-arrow{position:absolute;right:0;top:26px;color:#fadfa9;transition:transform .18s}.journal-card:hover h3{color:var(--cafe-heading);text-shadow:0 0 15px #f2c6ff60}.journal-card:hover h3 .card-arrow{transform:translateX(3px)}.journal-card p{font-size:14px;line-height:1.85;color:var(--cafe-ink);margin:0;max-width:48ch}.journal-card[hidden],.journal-group[hidden]{display:none}.journal-group .journal-card:nth-last-child(-n+2){border-bottom:0}
.journal-breadcrumbs{display:flex;gap:12px;flex-wrap:wrap;font-size:13px;color:var(--cafe-muted);padding:30px 0 36px}.journal-breadcrumbs a:hover{color:#fff}.journal-article-header{max-width:870px;padding-bottom:40px}.article-category{display:flex;gap:12px;align-items:center;font-size:13px;color:var(--cafe-muted);margin:0 0 26px}.article-category img{object-fit:contain;margin-right:4px}.journal-article-header h1{font-size:43px;font-weight:700;letter-spacing:-1.8px;line-height:1.25;color:var(--cafe-heading);margin:0 0 24px;text-wrap:balance}.article-byline{font-size:13px;color:#d5bbE7;margin:22px 0 0}.article-byline a{color:var(--cafe-heading);text-decoration:underline;text-underline-offset:4px}
.journal-reading-layout{display:grid;grid-template-columns:220px minmax(0,680px);gap:64px;border-top:1px solid #edd2fc26;padding-top:42px;align-items:start}.journal-contents{position:sticky;top:30px;font-size:13px;line-height:1.8;padding:0 14px 0 0}.journal-contents p{font-size:14px;color:var(--cafe-heading);margin:0 0 16px}.journal-contents ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}.journal-contents a{color:var(--cafe-muted)}.journal-contents a:hover{color:#fff}
.journal-article{min-width:0;background:var(--cafe-reading-surface);border:1px solid var(--cafe-rule);border-radius:24px;padding:32px 34px 34px}.journal-article section{scroll-margin-top:32px;margin:0 0 34px}.journal-article>section+section{padding-top:30px;border-top:1px solid var(--cafe-rule)}.journal-article h2{font-size:23px;font-weight:700;line-height:1.45;color:var(--cafe-heading);letter-spacing:-.6px;margin:0 0 18px}.journal-article p{font-size:15px;line-height:1.9;color:var(--cafe-ink);margin:0 0 20px}.journal-article ul,.journal-article ol{font-size:15px;line-height:1.9;padding-left:22px;list-style:disc;color:var(--cafe-ink)}.journal-article ol{list-style:decimal}.journal-article li{margin:12px 0}.journal-article li::marker{color:#b999cc}.journal-article>section>ul,.journal-article>section>ol{padding:16px 20px 16px 38px;border-left:2px solid #d9abe566;background:#edd2fc07;border-radius:0 12px 12px 0}.journal-article a:not(.product-back){color:#fadfa9;text-decoration:underline;text-underline-offset:5px}.journal-resources{border-top:1px solid #edd2fc26;padding-top:28px}.journal-resources h2{font-size:18px}.journal-resources ul{list-style:none;padding:0;font-size:14px}.journal-return{margin-top:8px}
.journal-related{margin:64px 0 0;padding-top:35px;border-top:1px solid #edd2fc26}.journal-related>h2{font-size:27px;color:var(--cafe-heading);font-weight:700;margin:0 0 8px}.journal-related .journal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.journal-related .journal-card h3{font-size:17px}.journal-related .journal-card p{font-size:13px}
.journal-shell .catalog-footer{margin-top:80px}.journal-shell .catalog-footer p{font-size:13px}#journal-empty{padding:30px 0;color:var(--cafe-heading);font-size:15px}
.journal-next-step{padding:26px;margin:34px 0 38px;border-radius:22px;background:#a39fcd21;border:1px solid #edd2fc24}.journal-next-step h2{font-size:23px}.journal-next-step p{font-size:15px}.journal-next-step .product-back{color:#fadfa9}.journal-next-step .product-back:is(:hover,:focus-visible){color:#fff}
.journal-facts{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin:0 0 38px}.journal-facts a{padding:16px 0;border-bottom:1px solid #edd2fc26;text-decoration:none!important;min-width:0}.journal-facts span{display:block;font-size:13px;color:#e0c9ed;margin-bottom:8px}.journal-facts strong{font-size:15px;font-weight:500;color:var(--cafe-heading);overflow-wrap:anywhere}.journal-facts a:hover strong{text-shadow:0 0 13px #f2c6ff70}.journal-archive-image{margin:0 0 38px}.journal-archive-image img{max-width:100%;height:auto;border-radius:20px;display:block;margin:auto}.journal-archive-image.portrait img{max-width:240px}.journal-archive-image figcaption{font-size:12px;color:var(--cafe-muted);text-align:center;line-height:1.7;margin-top:15px}
@media(max-width:900px){.journal-hero{gap:40px}.journal-hero h1{font-size:52px}.journal-reading-layout{grid-template-columns:180px minmax(0,1fr);gap:30px}.journal-article-header h1{font-size:38px}.journal-related .journal-grid{grid-template-columns:1fr}.journal-group{padding:28px 26px 8px}.journal-grid{column-gap:30px}}
@media(max-width:640px){.journal-shell{width:calc(100% - 40px);padding-top:24px}.journal-nav{padding-bottom:22px;gap:16px;align-items:flex-start}.journal-brand{font-size:27px}.journal-nav nav{gap:5px 18px;justify-content:flex-end;flex-wrap:wrap;font-size:12px;max-width:230px}.journal-nav nav a{padding:5px 0;white-space:nowrap}.journal-hero{grid-template-columns:1fr;gap:28px;padding:42px 0 38px}.journal-hero h1{font-size:48px;letter-spacing:-2.5px;margin-bottom:22px}.journal-lead{font-size:15px;line-height:1.85}.journal-start{padding:24px}.journal-start h2{font-size:21px}.journal-library-tools{align-items:flex-start;flex-direction:column;gap:24px}.journal-library-tools h2{font-size:25px}.journal-search{width:100%}.journal-topics{gap:14px 20px;margin-bottom:28px;font-size:14px}.journal-grid{grid-template-columns:1fr}.journal-group{padding:24px 22px 4px;margin-bottom:26px;border-radius:24px}.journal-group-heading{gap:16px;align-items:flex-start;flex-direction:column;padding-bottom:22px}.journal-group-heading img{width:48px;height:48px}.journal-group-heading h2{font-size:23px}.journal-group-heading p{font-size:13px}.journal-card{padding:23px 0}.journal-card h3{font-size:18px}.journal-card p{font-size:13px}.journal-group .journal-card:nth-last-child(2){border-bottom:1px solid #edd2fc25}.journal-breadcrumbs{padding:24px 0;font-size:12px;gap:9px}.article-category{font-size:12px;gap:8px;margin-bottom:22px;flex-wrap:wrap}.journal-article-header{padding-bottom:28px}.journal-article-header h1{font-size:31px;line-height:1.3;letter-spacing:-1.1px}.journal-reading-layout{display:block;padding-top:24px}.journal-contents{position:static;padding:0 0 24px;margin:0 0 30px;border-bottom:1px solid #edd2fc26}.journal-contents ol{gap:10px;font-size:13px}.journal-contents p{margin-bottom:12px}.journal-article h2{font-size:21px}.journal-article p,.journal-article li{font-size:14px;line-height:1.95}.journal-related{margin-top:42px}.journal-related .journal-grid{gap:0}.journal-shell .catalog-footer{margin-top:60px}.journal-shell .catalog-footer p{font-size:12px}.article-category img{width:34px;height:34px}.journal-facts{grid-template-columns:1fr}.journal-archive-image.portrait img{max-width:210px}}
@media(prefers-reduced-motion:reduce){.journal-card h3 a:after,.journal-card h3 .card-arrow{transition:none}.journal-card:hover h3 .card-arrow{transform:none}}

/* Hierarchy shared by every generated article; running text stays calm. */
.journal-article-header .journal-lead{max-width:66ch;color:#d9c4e8;font-size:16px;line-height:1.85;padding-left:20px;border-left:2px solid #d1a0e269}
.journal-article-header h1{color:var(--cafe-heading)}
.journal-article h2{color:var(--cafe-heading);text-shadow:0 0 16px #d594ec18}
.journal-contents a{color:#c7b3d5}.journal-contents p{color:var(--cafe-heading)}
.article-category .article-brand{font-size:23px;margin-right:8px;line-height:1.3}
.journal-group-heading .cafe-neon-title{color:var(--cafe-heading);text-shadow:var(--cafe-title-light)}
.journal-hero .cafe-wordmark{letter-spacing:-.04em}
@media(max-width:640px){.journal-article{padding:25px 22px}.journal-article-header .journal-lead{font-size:15px;padding-left:16px}.journal-article h2{font-size:20px}.journal-article p{font-size:14px}.journal-reading-layout{padding-top:24px}.journal-article>section>ul,.journal-article>section>ol{padding-left:28px;padding-right:12px}.article-category .article-brand{font-size:20px}}

.journal-article a,.journal-article p{overflow-wrap:anywhere}