/* A small pinned note; the photograph itself stays unchanged. */
#main .hero .hero-column{display:block;width:290px;min-width:0;max-width:100%;padding:20px 18px 16px;background:#fff9ed;color:#303a34;border:1px solid #dccfb8;border-radius:2px;box-shadow:0 8px 22px #30271924;transform:rotate(-2deg);backdrop-filter:none}
#main .hero .hero-column[hidden]{display:none}
#main .hero .hero-column::before{content:'';position:absolute;top:-6px;left:calc(50% - 5px);width:10px;height:10px;border-radius:50%;background:var(--green,#21473d);box-shadow:0 2px 3px #0004;border:1px solid #ffffffb3}
#main .hero-column .column-kicker{font-size:12px;color:var(--green,#21473d);letter-spacing:.13em;line-height:1.5}
#main .hero-column .column-name{font-size:17px;line-height:1.5;color:#303a34;margin:4px 0 8px}
#main .hero-column .column-card-title{font-family:inherit;font-size:16px;font-weight:700;line-height:1.5;margin:0 0 6px;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
#main .hero-column .column-excerpt{font-size:15px!important;line-height:1.6!important;color:#4b514b;margin:0 0 8px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
#main .hero-column a{display:inline-flex;align-items:center;min-height:44px;font-size:16px;font-weight:700;color:var(--green,#21473d);text-decoration:underline;text-underline-offset:4px}
.column-page{padding:42px 0 64px;max-width:900px;overflow-wrap:anywhere}
.column-page h1{font-size:clamp(28px,4vw,44px);line-height:1.5}
.column-page time{display:block;font-size:16px;color:var(--muted,#52635a);margin:8px 0 18px}
.column-list-card{padding:24px 0;border-bottom:1px solid var(--line,#ddd)}
.column-list-card h2{font-size:24px;line-height:1.5;margin:0}
.column-page a{color:var(--green,#21473d);text-decoration:underline;text-underline-offset:4px;display:inline-block;min-height:44px}
.column-list-excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.column-body{font-size:18px;line-height:1.9;white-space:pre-wrap;margin:24px 0 32px}
.column-detail-image{max-width:100%;width:auto;max-height:600px;object-fit:contain;margin:24px 0;border-radius:8px}
@media(max-width:760px){
 #main .hero .hero-column{width:min(250px,calc(100% - 12px));left:6px;bottom:6px;padding:14px 14px 10px;transform:rotate(-2deg)}
 #main .hero-column .column-name{font-size:16px;margin:2px 0 5px}
 #main .hero-column .column-card-title{font-size:16px;margin-bottom:4px}
 #main .hero-column .column-excerpt{font-size:15px!important;-webkit-line-clamp:2;margin-bottom:4px}
 #main>.hero:has(.hero-column:not([hidden])){height:auto!important;min-height:calc(min(100svh,var(--mobile-viewport-height,100svh)) - 70px)}
 #main>.hero:has(.hero-column:not([hidden])) .hero-grid{grid-template-rows:auto minmax(290px,1fr)}
 .column-page{padding-top:28px}.column-body{font-size:17px}
}
@media(prefers-reduced-motion:reduce){#main .hero-column{transition:none}}

.column-page a:focus-visible,#main .hero-column a:focus-visible{outline:3px solid var(--green,#21473d);outline-offset:4px}

html:is([data-theme="orange"],[data-theme="blue"],[data-theme="warm"]) .column-page :is(h1,h2){font-family:inherit;letter-spacing:.015em}

@media(max-width:760px){
 #main>.hero:has(.hero-column[data-empty="true"]){height:calc(min(100svh,var(--mobile-viewport-height,100svh)) - 70px)!important;min-height:0}
 #main>.hero:has(.hero-column[data-empty="true"]) .hero-grid{grid-template-rows:auto minmax(180px,1fr)}
}