/* Only the A preview's journal; studio72 note card proportions and controls. */
#blog.note-blog{--note-line:#d8dbe0;--note-muted:#69707d}
#blog .note-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px 24px;align-items:end;margin-bottom:28px}
#blog .note-brand-title{min-width:0}
#blog .note-brand-row{display:flex;align-items:center;gap:24px}
#blog .note-brand-name{flex:0 0 auto;margin:0;line-height:1;font-size:inherit}
#blog .note-brand-logo{width:120px;flex:0 0 120px;height:auto}
#blog .note-brand-author{font-size:14px;line-height:1.8;letter-spacing:.04em;color:var(--note-muted);margin:0}
#blog .section-index{margin-bottom:16px}
#blog .note-slider-controls{display:flex;align-items:center;justify-content:flex-end;gap:10px;white-space:nowrap}
#blog .note-slider-status{font-size:11px;letter-spacing:.07em;color:var(--note-muted);margin-right:12px;font-variant-numeric:tabular-nums}
#blog .note-slider-controls button{width:44px;height:44px;border:1px solid var(--note-line);background:transparent;color:#10182b;font:20px/1 Arial,sans-serif}
#blog .note-slider-controls button:disabled{opacity:.3;cursor:default}
#blog .note-slider-controls button:not(:disabled):hover{background:#f4f5f8}
#blog .note-track{display:flex;gap:24px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:6px 0 12px;touch-action:pan-x pan-y pinch-zoom}
#blog .note-track::-webkit-scrollbar{display:none}
#blog .note-card{flex:0 0 calc((100% - 48px)/3);min-width:0;scroll-snap-align:start;scroll-snap-stop:always}
#blog .note-card>a{display:block}
#blog .note-card img{width:100%;height:auto;aspect-ratio:800/419;object-fit:contain}
#blog .note-card-content{padding-top:18px}
#blog .note-card h3{font-size:16px;font-weight:500;line-height:1.8;letter-spacing:.02em;overflow-wrap:anywhere}
#blog .note-card time{display:block;font-size:11px;letter-spacing:.07em;color:var(--note-muted);margin-top:14px}
#blog .note-card a:hover h3{text-decoration:underline;text-underline-offset:4px}
#blog .note-card a:focus-visible{outline-offset:-2px}
#blog .note-archive{display:flex;justify-content:flex-end;margin-top:20px}
#blog .note-more{font-size:12px;border-bottom:1px solid var(--note-line);padding:10px 0;min-height:44px}
#blog .note-load-message{font-size:12px;color:var(--note-muted);margin-top:12px}
#blog .note-load-message[hidden]{display:none}
@media(min-width:761px) and (max-width:999px){#blog .note-card{flex-basis:calc((100% - 24px)/2)}}
@media(max-width:760px){#blog .note-heading{display:block;margin-bottom:15px}#blog .note-brand-row{align-items:center;gap:14px;margin-bottom:0}#blog .note-brand-logo{width:108px;flex-basis:108px}#blog .note-brand-author{padding-top:0;font-size:13px;letter-spacing:.02em}#blog .note-slider-controls{margin-top:18px}#blog .note-track{gap:20px}#blog .note-card{flex-basis:100%}#blog .note-card-content{padding-top:16px}#blog .note-card h3{font-size:14px;line-height:1.85}#blog .note-card time{margin-top:12px}#blog .note-archive{justify-content:flex-start;margin-top:16px}#blog .note-more{font-size:11px}}