.journal-reader-page{width:100%;min-height:calc(100dvh - 64px);padding:var(--cottage-space-5) var(--cottage-gutter) 72px}.journal-reader-nav,.journal-reader{width:min(var(--cottage-writing), 100%);margin-inline:auto}.journal-reader-nav{margin-bottom:var(--cottage-space-5)}.journal-reader-nav a{align-items:center;gap:var(--cottage-space-1);min-height:36px;color:var(--foreground-secondary);font-size:var(--cottage-font-caption);text-decoration:none;display:inline-flex}.journal-reader-nav a:hover{color:var(--primary)}.journal-reader-header{margin-bottom:var(--cottage-space-5);padding-bottom:var(--cottage-space-5);border-bottom:1px solid var(--border-soft)}.journal-reader-heading-row{justify-content:space-between;align-items:center;gap:var(--cottage-space-3);flex-wrap:wrap;display:flex}.journal-reader-heading-row time{color:var(--foreground-tertiary);font-size:var(--cottage-font-caption)}.journal-reader-header h1{margin:var(--cottage-space-4) 0 var(--cottage-space-3);font-size:var(--cottage-font-page);font-weight:var(--cottage-weight-strong);line-height:var(--cottage-leading-heading);letter-spacing:-.02em;overflow-wrap:anywhere;text-wrap:pretty}.journal-reader-byline{align-items:center;gap:var(--cottage-space-2) var(--cottage-space-3);color:var(--foreground-secondary);font-size:var(--cottage-font-caption);flex-wrap:wrap;display:flex}.journal-reader-byline>span{align-items:center;gap:var(--cottage-space-1);display:inline-flex}.journal-reader-timestamps{margin:var(--cottage-space-2) 0 0;flex-wrap:wrap;gap:5px 18px;display:flex}.journal-reader-timestamps>div{color:var(--foreground-secondary);font-size:var(--cottage-font-caption);flex-wrap:wrap;gap:5px;display:flex}.journal-reader-timestamps dt,.journal-reader-timestamps dd{margin:0}.journal-reader-timestamps time{font-variant-numeric:tabular-nums}.journal-reader-mark{color:var(--primary)}.journal-reader-primary-actions{align-items:center;gap:var(--cottage-space-2);display:flex}.journal-reader-primary-actions .delete-record-control{margin-left:0}.journal-reader-background{margin-top:var(--cottage-space-2)}.journal-reader-background summary{align-items:center;gap:var(--cottage-space-1);width:fit-content;min-height:36px;color:var(--foreground-tertiary);font-size:var(--cottage-font-caption);cursor:pointer;list-style:none;display:flex}.journal-reader-background summary::-webkit-details-marker{display:none}.journal-reader-background summary:hover{color:var(--primary)}.journal-reader-background summary:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--cottage-radius-control)}.journal-reader-background[open] summary svg{transform:rotate(180deg)}.journal-reader-context-grid{gap:var(--cottage-space-3) var(--cottage-space-5);padding:var(--cottage-space-3) 0;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.journal-reader-context-grid>div{align-items:baseline;gap:var(--cottage-space-2);min-width:0;display:flex}.journal-reader-context-grid dt{color:var(--foreground-tertiary);font-size:var(--cottage-font-caption);flex-shrink:0}.journal-reader-context-grid dd{color:var(--foreground-secondary);font-size:var(--cottage-font-body-secondary);overflow-wrap:anywhere;margin:0}.journal-reader-body{font-size:var(--cottage-font-card);line-height:var(--cottage-leading-readable);overflow-wrap:anywhere}.journal-reader-body .rich-text{font-size:inherit;line-height:inherit}.journal-reader-body .rich-text>:first-child{margin-top:0}.journal-reader-body .rich-text>:last-child{margin-bottom:0}.journal-reader-media{margin-top:var(--cottage-space-5)}.journal-reader-media-head{justify-content:space-between;align-items:baseline;gap:var(--cottage-space-3);margin-bottom:var(--cottage-space-3);display:flex}.journal-reader-media-head strong{font-size:var(--cottage-font-body-secondary);font-weight:var(--cottage-weight-medium)}.journal-reader-media-head span{color:var(--foreground-tertiary);font-size:var(--cottage-font-caption)}.journal-reader-media .journal-mosaic{--mosaic-height:clamp(260px, 32vw, 440px);border-radius:var(--cottage-radius-card);margin-top:0}.journal-reader-social{margin-top:var(--cottage-space-6);padding-top:var(--cottage-space-5);border-top:1px solid var(--border-soft)}.journal-reader-section-title{margin:0 0 var(--cottage-space-4);color:var(--foreground-secondary);font-size:var(--cottage-font-body);font-weight:var(--cottage-weight-medium)}@media (max-width:720px){.journal-reader-page{min-height:calc(100dvh - 116px);padding:var(--cottage-space-4) 15px 100px}.journal-reader-nav{margin-bottom:var(--cottage-space-4)}.journal-reader-nav a,.journal-reader-background summary{min-height:44px}.journal-reader-context-grid{grid-template-columns:1fr}.journal-reader-media .journal-mosaic{--mosaic-height:clamp(240px, 68vw, 340px)}}