.journal-hub,.journal-start{max-width:1120px;padding-block:3rem 5rem}.journal-intro{max-width:760px;margin-bottom:2.5rem}.journal-intro h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.12;letter-spacing:-.035em;margin:.7rem 0 1.2rem}.journal-intro p{font-size:1.12rem;line-height:1.7}.journal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.journal-card{padding:2rem;border:1px solid var(--border,#8895a033);border-radius:16px;background:var(--panel,transparent)}.journal-card h2{font-size:1.65rem;line-height:1.2;margin:.5rem 0 1rem}.journal-card p,.journal-card dd{line-height:1.65}.journal-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.09em;font-weight:700}.journal-card dl,.journal-example dl{margin:1.5rem 0}.journal-card dt,.journal-example dt{font-size:.85rem;font-weight:700;margin-top:1rem}.journal-card dd,.journal-example dd{margin:.2rem 0 0}.journal-archive-link{display:block;margin-top:1rem}.journal-note{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border,#8895a033);max-width:780px}.journal-note p{line-height:1.7}.journal-start{max-width:850px}.journal-start .article-body{max-width:100%;margin-inline:0}.journal-example{border-left:4px solid #398677;padding:1rem 1.5rem;background:var(--panel,transparent);margin-bottom:2.5rem}.journal-example h2{margin:0}.journal-lessons{margin-top:3rem}.journal-lessons ol{padding-left:1.5rem}.journal-lessons li{padding:.6rem 0 1rem .5rem}.journal-lessons h3{margin:.3rem 0}.journal-lessons p{line-height:1.6;margin:.5rem 0}.journal-lessons span{font-size:.9rem}.journal-entry{display:flex;align-items:center;gap:2rem;padding:1.6rem 1.8rem;margin:1.5rem 0 2rem;border:1px solid var(--border,#8895a033);border-left:4px solid #398677;border-radius:10px}.journal-entry h2{margin:.4rem 0;font-size:1.6rem;line-height:1.25}.journal-entry p{line-height:1.6;max-width:760px;margin:.6rem 0}.journal-entry .button{flex-shrink:0;max-width:230px;white-space:normal}.journal-article-path{padding:1rem 1.2rem;margin:1.5rem 0;border-left:3px solid #398677}.journal-article-path p{margin:.4rem 0 0;line-height:1.6}.journal-start pre{max-width:100%;overflow-x:auto}.journal-start code{overflow-wrap:anywhere}.journal-start table{display:block;overflow-x:auto;max-width:100%}.journal-start th,.journal-start td{min-width:100px}.journal-directory-invite{margin-block:1.5rem;padding:1rem 0}.journal-directory-invite p{max-width:720px;line-height:1.6}@media(max-width:700px){.journal-grid{grid-template-columns:1fr}.journal-hub,.journal-start{padding-block:1.5rem 3rem}.journal-card{padding:1.4rem}.journal-entry{display:block;padding:1.2rem}.journal-entry .button{margin-top:.7rem;max-width:100%}.journal-example{padding:1rem}.journal-intro h1{font-size:2.2rem}}

.hv .journal-hub .button,.hv .journal-start .button,.hv .journal-entry .button{max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:center;padding-block:.65rem}

.journal-project-filters{display:flex;flex-wrap:wrap;gap:1rem;align-items:end;margin:2rem 0;padding:1.4rem;border:1px solid var(--border,#8895a033);border-radius:12px}.journal-project-filters div{flex:1 1 200px;min-width:0}.journal-project-filters label{display:block;font-weight:700;margin-bottom:.4rem}.journal-project-filters input,.journal-project-filters select{width:100%;max-width:100%;padding:.7rem;box-sizing:border-box}.journal-project-filters .button{flex:0 0 auto}.journal-start summary{cursor:pointer;font-weight:700}.journal-start details li{overflow-wrap:anywhere}.journal-start .article-body h2{margin-top:2.4rem}.journal-start .article-body h3{margin-top:1.8rem}@media(max-width:700px){.journal-project-filters{display:block}.journal-project-filters div,.journal-project-filters button{margin-bottom:1rem}}

.reader-section{margin-block:2.5rem;scroll-margin-top:2rem}.reader-section p{line-height:1.7}.reader-entry-note{font-weight:650}.reader-result{padding-block:.5rem}.reader-result h3{font-size:1.4rem}.reader-result h4{font-size:1.05rem;margin-block:1.4rem .5rem}.reader-notes{display:grid;gap:1rem}.reader-note{border:1px solid var(--border,#8895a033);border-radius:10px;padding:1rem 1.2rem}.reader-note h3{font-size:1.1rem;margin:.2rem 0 .7rem}.reader-note p{white-space:pre-line;margin:0}.reader-editor{display:block;width:100%;max-width:100%;min-height:14rem;box-sizing:border-box;padding:1rem;margin:.6rem 0 1rem;border:1px solid var(--border,#8895a066);border-radius:8px;font:inherit;line-height:1.6;resize:vertical;background:var(--paper,#fff);color:var(--ink,#15132e)}.reader-section>label{font-weight:700}.reader-status{min-height:1.7em;font-size:.95rem}.reader-checklist{padding:0;list-style:none}.reader-checklist li{margin:1rem 0}.reader-checklist label{display:flex;align-items:flex-start;gap:.7rem;line-height:1.6}.reader-checklist input{flex:0 0 auto;margin-top:.4rem;width:1.15rem;height:1.15rem}.reader-technical{border-top:1px solid var(--border,#8895a033);margin-top:3rem;padding-top:1.4rem}.reader-technical>summary{font-size:1.1rem}.reader-copy[hidden]{display:none!important}.reader-lesson section{min-width:0}@media(max-width:700px){.reader-note{padding:1rem}.reader-editor{font-size:1rem}.reader-lesson .journal-example{padding:1rem}}