.journal-page,.observed-page{gap:24px;display:grid}.journal-layout{grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);align-items:start;gap:24px;display:grid}.journal-layout .panel,.observed-page .panel{padding:24px}.journal-section-title{justify-content:space-between;align-items:center;gap:16px;display:flex}.journal-section-title h2,.link-planner h2{margin:0}.journal-total{font-family:var(--font-display);color:var(--accent);white-space:nowrap;font-size:42px}.journal-total small{font-family:var(--font-body);color:var(--muted);font-size:12px}.daily-checks{border-top:1px solid var(--border);margin:20px 0}.daily-check{border-bottom:1px solid var(--border);cursor:pointer;grid-template-columns:22px 1fr auto;align-items:center;gap:12px;padding:16px 0;display:grid}.daily-check input{width:20px;height:20px;accent-color:var(--accent);cursor:pointer}.daily-check:has(input:checked) span{color:var(--muted);text-decoration:line-through}.daily-check b{color:var(--muted);font-size:12px;font-weight:500}.daily-rewards{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.daily-rewards>div{border:1px solid var(--border);gap:4px;padding:12px;display:grid}.daily-rewards [data-reached=true]{border-color:var(--accent);background:var(--surface-selected)}.daily-rewards span,.daily-rewards small{color:var(--muted);font-size:12px}.daily-rewards strong{font-family:var(--font-display);font-size:24px}.journal-summary{font-weight:600}.journal-storage{border-left:3px solid var(--accent);background:var(--surface-raised);min-height:48px;padding:12px}.journal-reset{border-top:1px solid var(--border);padding-top:8px}.journal-reset p,.journal-source{color:var(--muted);font-size:12px}.journal-source a{color:var(--text);text-underline-offset:3px;text-decoration:underline}.journal-field{gap:8px;margin:20px 0;display:grid}.journal-field label{font-weight:600}.journal-field input,.journal-field select{border:1px solid var(--control-border);border-radius:var(--radius-control);background:var(--surface);width:100%;min-height:46px;color:var(--text);font:inherit;padding:10px}.journal-field select{cursor:pointer}.journal-field input:focus-visible,.journal-field select:focus-visible,.daily-check input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.link-result{background:var(--surface-raised);border-left:3px solid var(--accent);min-height:130px;padding:20px}.link-result strong{font-family:var(--font-display);font-size:38px}.link-result small{font-size:18px}.link-result p{margin-bottom:0}.link-milestones{margin:20px 0;padding:0;list-style:none}.link-milestones li{border-bottom:1px solid var(--border);justify-content:space-between;gap:12px;padding:10px 0;display:flex}.journal-dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:20px;display:flex}.observation-note{border-left:3px solid var(--accent);background:var(--surface-raised);margin:0;padding:16px 20px}.observed-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.observed-card h3{font-family:var(--font-display);margin:4px 0 10px;font-size:30px}.observed-card .eyebrow{color:var(--accent)}.observed-card p{margin:10px 0}.observed-limit{color:var(--muted);font-size:13px}.grade-timeline{border:1px solid var(--border);grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:0;list-style:none;display:grid}.grade-timeline li{border-right:1px solid var(--border);padding:22px}.grade-timeline li:last-child{border:0}.grade-timeline strong{font-family:var(--font-display);color:var(--accent);font-size:30px;display:block}.grade-timeline h3{margin:0}.grade-timeline p{font-size:13px}.observed-nav{flex-wrap:wrap;gap:10px;display:flex}.observed-page h2{font-size:32px}.observed-page section{scroll-margin-top:100px}.observed-page .page-header,.journal-page .page-header{margin-bottom:0}.observed-cta{justify-content:space-between;align-items:center;gap:20px;display:flex}.observed-cta h2{margin:0}.observed-cta p{margin-bottom:0}@media (max-width:900px){.journal-layout{grid-template-columns:1fr}.grade-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}.grade-timeline li{border-bottom:1px solid var(--border)}.grade-timeline li:nth-child(2){border-right:0}}@media (max-width:600px){.journal-layout .panel,.observed-page .panel{padding:18px}.observed-grid{grid-template-columns:1fr}.journal-section-title{display:block}.journal-total{margin-top:10px;display:block}.daily-check{gap:8px}.daily-rewards>div{padding:9px}.daily-rewards strong{font-size:21px}.grade-timeline{grid-template-columns:1fr}.grade-timeline li{border-right:0}.observed-cta{flex-direction:column;align-items:flex-start}.journal-dialog-actions .button{width:100%}}.journal-capture{border-top:1px solid var(--border);margin-top:20px;padding-top:14px}.journal-capture summary{cursor:pointer;font-weight:600}.journal-capture summary:hover{color:var(--accent)}.journal-capture summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.journal-capture figure{margin:18px 0 0}.journal-capture img{border:1px solid var(--border);width:min(100%,320px);height:auto;display:block}.journal-capture figcaption{max-width:55ch;color:var(--muted);margin-top:10px;font-size:12px}.guide-observation-update{border-left:3px solid var(--accent);margin-bottom:28px;padding:24px}.guide-observation-update h2{margin-top:5px;font-size:32px}.guide-observation-update p{max-width:92ch}.guide-observation-update .observed-nav{gap:16px}.guide-archive-label{border-top:1px solid var(--border);color:var(--muted);padding-top:16px;font-size:13px}@media (max-width:600px){.guide-observation-update{padding:18px}}