/* あれこれ / blog-specific. Shared styling stays in common.css. */
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.blog-mast{background:linear-gradient(120deg,#edf3e9,#faf9ef 62%,#e6f0e8);padding:20px 0 34px;border-bottom:1px solid #d7e0d5}.crumb{font-size:12px;color:#56675e;line-height:1.7;overflow-wrap:anywhere;margin:0 0 22px}.crumb a:hover{text-decoration-thickness:2px}.blog-logo{width:clamp(150px,23vw,230px);height:auto;margin:0 0 13px}.blog-subtitle{font-family:var(--serif);font-size:clamp(19px,2.2vw,24px);font-weight:700;margin:0 0 10px}.blog-lead{font-size:14px;max-width:680px;line-height:1.9;margin:0}.blog-list-section{padding-top:35px;padding-bottom:75px}.blog-search{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 23px}.blog-search label{font-weight:700;font-size:14px}.blog-search div{display:flex;gap:8px;flex:1;max-width:500px}.blog-search input{flex:1;min-width:0;border:1px solid #b9c7bd;border-radius:6px;padding:10px 12px;background:#fff;font:inherit}.blog-search button{border:0;border-radius:6px;background:var(--green);color:#fff;padding:10px 19px;cursor:pointer;font-weight:700}.category-nav{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 20px}.category-nav a{padding:7px 14px;border:1px solid #b8c9bf;border-radius:50px;text-decoration:none;font-size:13px;background:#fff}.category-nav a[aria-current="page"]{background:#174e40;color:#fff;border-color:#174e40}.result-note{font-size:12px;color:#55655a;margin:0 0 16px}.result-note strong{color:#8c5c34}.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.article-card{display:flex;flex-direction:column;border:1px solid #e1ddd0;background:#fffdfa;overflow:hidden;border-radius:10px;text-decoration:none;box-shadow:0 3px 8px #152d2220;transition:transform .2s}.article-card:hover{transform:translateY(-3px)}.article-thumb{width:100%;aspect-ratio:16/9;background:linear-gradient(125deg,#d0d7cc,#e7e0cd);display:grid;place-items:center;font-size:54px;color:#366354}.article-thumb img{width:100%;height:100%;object-fit:cover}.article-card-body{padding:15px 17px 20px}.article-category{color:#086149;font-weight:700;font-size:12px}.article-card h3{font-family:var(--serif);font-size:18px;line-height:1.5;margin:7px 0}.article-card p{font-size:13px;line-height:1.8;color:#526159;margin:0}.blog-empty{text-align:center;padding:60px 20px;background:#fff;border:1px dashed #bac9bc;border-radius:8px}.blog-empty h2{font-family:var(--serif);margin:0}.page-nav{display:flex;gap:18px;align-items:center;justify-content:center;margin-top:32px;font-size:14px}.page-nav a{padding:8px 16px;border:1px solid #9cafa4;border-radius:7px}.post-layout{max-width:920px;padding-top:25px}.post-head,.post-body,.post-back{max-width:740px;margin-inline:auto}.post-head h1{font-family:var(--serif);font-size:clamp(26px,3vw,38px);line-height:1.5;margin:12px 0 13px;overflow-wrap:anywhere}.post-date{font-size:13px;color:#657167}.post-excerpt{font-family:var(--serif);font-size:17px;line-height:1.9;margin:19px 0 25px}.post-cover{max-width:740px;margin:0 auto 30px}.post-cover img{width:100%;height:auto;max-height:500px;object-fit:cover}.post-body{background:#fffdf8;padding:12px 0 40px;font-size:16px;line-height:2.05;overflow-wrap:anywhere}.post-body p{margin:0 0 1.5em}.post-body h2{font-size:24px;font-family:var(--serif);border-left:4px solid #23755c;padding-left:13px;margin:2em 0 .85em;line-height:1.5}.post-body h3{font-size:19px;font-family:var(--serif);margin:1.6em 0 .7em}.post-body ul{padding-left:1.5em}.post-body li{margin:.4em 0}.post-body figure{margin:27px 0}.post-body figure img{width:100%;height:auto;border-radius:5px}.post-body figcaption{font-size:12px;color:#58635c;margin-top:5px;text-align:center}.post-body blockquote{border-left:3px solid #8cae9a;background:#edf4ed;padding:14px 20px;margin:24px 0}.post-back{padding-bottom:40px}.post-back a{color:var(--green)}.related{padding:28px 0 65px;border-top:1px solid #e6e2d6}.related h2{font-family:var(--serif);margin:0 0 20px}.blog-missing{padding-block:60px 120px}
@media(max-width:760px){.blog-mast{padding:16px 0 26px}.blog-subtitle{font-size:18px}.blog-lead{font-size:13px}.blog-list-section{padding-top:25px}.blog-search{display:block}.blog-search label{display:block;margin-bottom:6px}.blog-search div{max-width:none}.category-nav{gap:7px}.category-nav a{font-size:12px;padding:7px 11px}.article-grid{grid-template-columns:1fr;gap:12px}.article-card{display:grid;grid-template-columns:120px minmax(0,1fr);min-height:132px}.article-thumb{height:100%;aspect-ratio:auto;font-size:33px}.article-card-body{padding:10px 12px}.article-card h3{font-size:16px;margin:4px 0}.article-card p{font-size:12px;line-height:1.65}.post-head h1{font-size:27px}.post-excerpt{font-size:15px}.post-body{font-size:15px}.post-body h2{font-size:21px}.related{padding-bottom:40px}}
@media(max-width:360px){.article-card{grid-template-columns:98px minmax(0,1fr)}.article-card-body{padding:9px}.article-card h3{font-size:14px}.article-card p{font-size:11px}}