.note-page{padding-top:80px;padding-bottom:100px}.note-intro{margin-bottom:48px}.note-intro h1{font-size:clamp(36px,4vw,56px);line-height:1.25;margin:16px 0 32px}.note-intro h2{font-size:clamp(22px,2vw,28px);line-height:1.5;margin-bottom:14px}.note-intro p{line-height:1.8}.note-tools{display:flex;align-items:end;justify-content:space-between;gap:24px}.note-filters{display:flex;flex-wrap:wrap;gap:10px}.note-filters button{font:inherit;padding:10px 18px;border:1px solid var(--line,#d4dfd9);background:white;color:var(--green,#075b43);border-radius:2px}.note-filters button[aria-pressed=true]{background:var(--green,#075b43);color:white}.note-help,#note-status{font-size:16px;color:var(--muted,#586c63);line-height:1.7}.note-help:empty{display:none}.note-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:28px}.note-card{min-width:0;border:1px solid var(--line,#d4dfd9)}.note-card>a{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}.note-media{aspect-ratio:16/10;background:#edf3ef;display:grid;place-items:center;overflow:hidden;color:#567066}.note-media img{width:100%;height:100%;object-fit:cover;object-position:center;grid-area:1/1}.note-media--contain{background:#f1f4f1;padding:12px;box-sizing:border-box}.note-media--contain img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}.note-placeholder{grid-area:1/1;font-size:16px;letter-spacing:.06em}.note-content{padding:24px;display:flex;flex-direction:column;flex:1;min-width:0}.note-category{font-size:16px;color:var(--green,#075b43);margin:0 0 12px}.note-content h2{font-size:23px;line-height:1.5;margin:0 0 16px;overflow-wrap:anywhere;word-break:keep-all}.note-summary{font-size:16px;line-height:1.75;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin:0 0 24px;overflow-wrap:anywhere}.note-content time{font-size:16px;color:var(--muted,#586c63);margin-top:auto}.note-read{font-size:16px;color:var(--green,#075b43);font-weight:600;margin-top:18px}.note-card a:focus-visible,.note-tools button:focus-visible{outline:3px solid #b79c65;outline-offset:4px}.note-card a:hover h2{text-decoration:underline;text-underline-offset:4px}.note-page [hidden]{display:none!important}@media(max-width:1100px){.note-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.note-page{padding-top:48px;padding-bottom:64px}.note-grid{grid-template-columns:minmax(0,1fr);gap:24px}.note-content{padding:22px}.note-filters button{padding:10px 13px}.note-intro{margin-bottom:32px}}