:root{--text:#222;--muted:#666;--border:#ddd;--background:#fff;--subtle:#f6f6f6;--link:#27623b}*{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background:var(--background);color:var(--text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans JP,Yu Gothic,Meiryo,sans-serif;font-size:16px;line-height:1.75}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}.site-header{border-bottom:1px solid var(--border);background:#fff}.header-inner{justify-content:space-between;align-items:center;gap:24px;width:min(960px,100% - 40px);min-height:64px;margin:0 auto;display:flex}.site-title{color:var(--text);font-size:19px;font-weight:700}.site-title:hover{text-decoration:none}nav{gap:24px;font-size:14px;display:flex}.container{width:min(960px,100% - 40px);margin:0 auto}.intro{border-bottom:1px solid var(--border);padding:44px 0}.intro h1,.page-heading h1,.plant-heading h1,.article-header h1{margin:0 0 16px;font-size:32px;line-height:1.4}.intro p,.page-heading p{max-width:680px;color:var(--muted);margin:0}.section{border-bottom:1px solid var(--border);padding:48px 0}.section:last-child{border-bottom:0}.section-heading{justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:20px;display:flex}.section-heading h2,.section>h2{margin:0;font-size:22px}.section-heading>a{font-size:14px}.post-list{border-top:1px solid var(--border)}.post-item{border-bottom:1px solid var(--border);grid-template-columns:160px 1fr;gap:24px;padding:24px 0;display:grid}.post-meta{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.observation-thumbnail{border:1px solid var(--border);object-fit:cover;width:160px;height:120px;display:block}.post-item time,.column-item time,.article-header time{color:var(--muted);font-size:14px}.post-kicker{margin:0 0 4px;font-size:14px}.post-item h3,.column-item h2,.column-item h3{margin:0 0 8px;font-size:18px;line-height:1.5}.post-item h3 a,.column-item h2 a,.column-item h3 a{color:var(--text)}.post-item p,.column-item p{margin:0}.plant-list{border-top:1px solid var(--border)}.plant-row{border-bottom:1px solid var(--border);min-height:60px;color:var(--text);grid-template-columns:80px 1fr 160px;align-items:center;gap:20px;padding:12px 0;display:grid}.plant-row-full{grid-template-columns:80px minmax(240px,1fr) 150px 110px}.plant-row strong,.plant-row small{display:block}.plant-row small,.plant-code,.plant-meta,.scientific-name,.breadcrumb,.empty-message{color:var(--muted);font-size:14px}.plant-meta{text-align:right}.column-item{border-top:1px solid var(--border);padding:24px 0}.column-item:last-child{border-bottom:1px solid var(--border)}.page-content{min-height:calc(100vh - 145px);padding:48px 0 72px}.page-heading{margin-bottom:36px}.breadcrumb{margin:0 0 32px}.plant-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:40px;padding-bottom:28px;display:flex}.plant-heading .plant-code{margin:0 0 4px}.scientific-name{margin:-8px 0 0}.plant-facts{border-top:1px solid var(--border);min-width:240px;margin:0}.plant-facts div{border-bottom:1px solid var(--border);grid-template-columns:80px 1fr;padding:8px 0;display:grid}.plant-facts dt{color:var(--muted)}.plant-facts dd{margin:0}.plant-description{max-width:680px;margin:28px 0 0}.observation-image{width:min(100%,720px);height:auto;margin-top:20px;display:block}.empty-message{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:24px 0}.narrow,.article-page{max-width:720px}.article-header{border-bottom:1px solid var(--border);padding-bottom:24px}.article-header h1{margin-top:8px}.article-body{padding:20px 0}.article-body p{margin:0 0 1.6em}.related-plants{background:var(--subtle);padding:20px}.related-plants h2{margin:0 0 8px;font-size:16px}.related-plants a{display:block}.site-footer{border-top:1px solid var(--border);color:var(--muted)}.site-footer p{width:min(960px,100% - 40px);margin:0 auto;padding:24px 0;font-size:13px}@media (width<=700px){.header-inner{min-height:58px}nav{gap:16px}.intro{padding:32px 0}.intro h1,.page-heading h1,.plant-heading h1,.article-header h1{font-size:27px}.section{padding:36px 0}.post-item{grid-template-columns:1fr;gap:6px}.post-meta{gap:8px}.observation-thumbnail{aspect-ratio:4/3;width:min(180px,100%);height:auto}.plant-row,.plant-row-full{grid-template-columns:64px 1fr;gap:12px}.plant-row .plant-meta{display:none}.plant-heading{display:block}.plant-facts{margin-top:28px}}
