/* note journal: styles used by the homepage article section. */
.blog-kicker{letter-spacing:.18em;color:#825237;font-size:12px}
.blog-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.blog-card{color:#292621;text-decoration:none;display:block}
.blog-card img{width:100%;aspect-ratio:4/3;object-fit:cover}
.blog-card time{font-size:12px;color:#75695d}
.blog-card h3{font-size:19px;line-height:1.7;margin:12px 0}
.blog-latest{padding:56px max(24px,calc((100vw - 1160px)/2));background:#f7f3ed;color:#292621}
.blog-latest h2{font-size:28px;margin:12px 0 32px}
.blog-button{display:inline-block;padding:12px 0;color:inherit;text-underline-offset:6px;margin-top:20px}
.blog-latest a:focus-visible{outline:3px solid #8c5a3a;outline-offset:4px}
@media(max-width:700px){.blog-cards{grid-template-columns:1fr}
.blog-latest{padding:36px 22px}}
.blog-latest .blog-cards--horizontal{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 56px)/3);gap:28px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:6px 4px 18px;margin:0 -4px;scroll-padding-inline:4px;scrollbar-width:thin;scrollbar-color:#9b8370 #e7dfd5}
.blog-cards--horizontal .blog-card{min-width:0;scroll-snap-align:start;overflow-wrap:anywhere}
.blog-cards--horizontal .blog-card:only-child{max-width:100%}
.blog-cards--horizontal:focus-visible{outline:2px solid #8c5a3a;outline-offset:4px}
@media(max-width:1000px){.blog-latest .blog-cards--horizontal{grid-auto-columns:calc((100% - 24px)/2);gap:24px}}
@media(max-width:700px){.blog-latest .blog-cards--horizontal{grid-auto-columns:86%;gap:18px}
.blog-cards--horizontal .blog-card h3{font-size:18px}}
.note-journal .note-carousel-controls{display:flex;justify-content:flex-end;gap:10px;margin:0 0 18px}
.note-journal .note-carousel-controls[hidden]{display:none}
.note-carousel-controls button{width:44px;height:44px;border:1px solid #9b8370;background:transparent;color:#4c3a2d;border-radius:50%;cursor:pointer;font-size:20px}
.note-carousel-controls button:disabled{opacity:.3;cursor:default}
.note-carousel-controls button:focus-visible{outline:3px solid #8c5a3a;outline-offset:3px}
.note-cover-placeholder{aspect-ratio:4/3;display:grid;place-items:center;background:#e8dfd2;color:#71685f;font-family:Georgia,serif}
.note-read-label{display:inline-block;font-size:13px;color:#75695d;margin-bottom:12px}
.note-journal .blog-card img,.note-journal .note-cover-placeholder{aspect-ratio:1280/670}