/* All rules are scoped to article views. Existing fixed-page design remains intact. */
.ohana-blog{--ohana-accent:#087f6b;--ohana-pale:#f0f7f5;--ohana-line:#dce5e1;position:relative;color:#222;font-size:16px;letter-spacing:.045em;line-height:1.95;overflow-wrap:anywhere;isolation:isolate}
.ohana-blog *{box-sizing:border-box}
.ohana-blog a{color:inherit}
.ohana-blog a:focus-visible,.ohana-blog summary:focus-visible{outline:2px solid var(--ohana-accent);outline-offset:5px}
.ohana-blog .ohana-blog-hero{position:relative;padding:145px 30px 70px;text-align:center;min-height:365px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.ohana-blog .ohana-blog-hero:before{content:"";position:absolute;top:0;left:0;width:340px;height:390px;background:url('../img/back_flower.png') left top/contain no-repeat;z-index:-1;pointer-events:none}
.ohana-blog .ohana-blog-hero h1{max-width:880px;margin:0 auto;font-family:"Noto Serif JP",serif;font-size:clamp(26px,2.7vw,40px);font-weight:400;line-height:1.8;letter-spacing:.12em;overflow-wrap:anywhere}
.ohana-blog-single .ohana-blog-hero h1{font-size:clamp(25px,2.3vw,35px);letter-spacing:.06em}
.ohana-blog .ohana-blog-eyebrow{margin:0 0 18px;font-family:Arial,sans-serif;font-size:11px;letter-spacing:.25em;color:var(--ohana-accent)}
.ohana-blog .ohana-blog-meta{display:flex;justify-content:center;gap:8px 22px;flex-wrap:wrap;margin:24px 0 12px;color:#666;font-size:12px;letter-spacing:.06em}
.ohana-blog .ohana-blog-wide{width:90%;max-width:1040px;margin:auto}
.ohana-blog .ohana-blog-reading{width:88%;max-width:800px;margin:auto}
.ohana-blog .ohana-blog-breadcrumb{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:#666;margin:0 0 34px}
.ohana-blog .ohana-blog-breadcrumb a{text-decoration:none}
.ohana-blog .ohana-blog-categories{display:flex;gap:6px 10px;flex-wrap:wrap;font-size:12px}
.ohana-blog .ohana-blog-hero .ohana-blog-categories{justify-content:center}
.ohana-blog .ohana-blog-categories a{color:var(--ohana-accent);text-decoration:none;border-bottom:1px solid var(--ohana-line)}
.ohana-blog .ohana-blog-featured{margin:0 0 42px}
.ohana-blog .ohana-blog-featured img{display:block;width:100%;height:auto}
.ohana-blog .ohana-blog-content{font-size:16px;line-height:2.1;letter-spacing:.045em}
.ohana-blog .ohana-blog-content p{margin:0 0 1.6em}
.ohana-blog .ohana-blog-content h2{font-size:clamp(22px,2vw,28px);font-weight:400;letter-spacing:.045em;line-height:1.75;margin:64px 0 28px;padding:0 0 18px;border-bottom:1px solid var(--ohana-line);position:relative}
.ohana-blog .ohana-blog-content h2:after{content:"";position:absolute;bottom:-1px;left:0;width:64px;height:2px;background:var(--ohana-accent)}
.ohana-blog .ohana-blog-content h3{font-family:"Noto Sans JP",sans-serif;font-size:20px;font-weight:500;line-height:1.8;letter-spacing:.035em; margin:40px 0 20px;padding:2px 0}
.ohana-blog .ohana-blog-content h4{font-size:18px;font-weight:600;line-height:1.8;margin:30px 0 16px}
.ohana-blog .ohana-blog-content :is(h2,h3,h4){scroll-margin-top:110px}
.ohana-blog .ohana-blog-content ul,.ohana-blog .ohana-blog-content ol{padding-left:1.7em;margin:1.3em 0 1.8em}
.ohana-blog .ohana-blog-content ul{list-style:disc}
.ohana-blog .ohana-blog-content ol{list-style:decimal}
.ohana-blog .ohana-blog-content li{margin:.45em 0;padding-left:.15em}
.ohana-blog .ohana-blog-content li::marker{color:var(--ohana-accent)}
.ohana-blog .ohana-blog-content li>ul,.ohana-blog .ohana-blog-content li>ol{margin:.5em 0}
.ohana-blog .ohana-blog-content strong{font-weight:700}
.ohana-blog .ohana-blog-content a{color:var(--ohana-accent);text-decoration:underline;text-underline-offset:4px}
.ohana-blog .ohana-blog-content img{max-width:100%;height:auto}
.ohana-blog .ohana-blog-content figure{max-width:100%;margin:30px 0}
.ohana-blog .ohana-blog-content figcaption{font-size:12px;color:#666;text-align:center}
.ohana-blog .ohana-blog-content blockquote{margin:30px 0;padding:22px 26px;background:var(--ohana-pale);border-left:3px solid var(--ohana-accent)}
.ohana-blog .ohana-blog-content .wp-block-table{overflow-x:auto}
.ohana-blog .ohana-blog-content table{border-collapse:collapse;width:100%;font-size:14px}
.ohana-blog .ohana-blog-content th,.ohana-blog .ohana-blog-content td{padding:14px;border:1px solid var(--ohana-line)}
.ohana-blog .ohana-blog-content th{background:var(--ohana-pale)}
.ohana-blog .ohana-blog-content pre{overflow:auto;padding:20px;background:#f5f5f5}
.ohana-blog .ohana-blog-content .alignwide,.ohana-blog .ohana-blog-content .alignfull{width:100%;max-width:100%;margin-left:0;margin-right:0}
.ohana-blog .ohana-blog-content .ohana-blog-toc{border:1px solid var(--ohana-line);background:#fff;padding:24px 30px;font-size:14px;line-height:1.85}
.ohana-blog .ohana-blog-toc summary{cursor:pointer;color:#222;font-weight:600;letter-spacing:.1em}
.ohana-blog .ohana-blog-toc summary::marker{color:var(--ohana-accent)}
.ohana-blog .ohana-blog-toc nav>ol{margin:20px 0 0;padding-left:1.6em}
.ohana-blog .ohana-blog-toc li{margin:10px 0}
.ohana-blog .ohana-blog-toc li ol{margin:8px 0 14px;font-size:13px}
.ohana-blog .ohana-blog-toc a{color:#333;text-decoration:none}
.ohana-blog .ohana-blog-toc a:hover{color:var(--ohana-accent);text-decoration:underline}
.ohana-blog .ohana-blog-tags{margin-top:40px;display:flex;flex-wrap:wrap;gap:10px;font-size:12px}
.ohana-blog .ohana-blog-tags a{background:var(--ohana-pale);padding:4px 12px;text-decoration:none}
.ohana-blog .ohana-blog-postnav{display:grid;grid-template-columns:1fr 1fr;gap:30px;border-top:1px solid var(--ohana-line);margin-top:55px;padding-top:25px;font-size:14px}
.ohana-blog .ohana-blog-postnav a{text-decoration:none}
.ohana-blog .ohana-blog-postnav span{display:block;color:var(--ohana-accent);font-size:11px;margin-bottom:8px}
.ohana-blog .ohana-blog-postnav>div:last-child{text-align:right}
.ohana-blog .ohana-blog-back{text-align:center;margin:45px 0 20px}
.ohana-blog .ohana-blog-button{display:inline-block;border:1px solid #333;padding:12px 36px;text-decoration:none;font-size:14px}
.ohana-blog .ohana-blog-button:hover{background:#222;color:#fff}
.ohana-blog .ohana-blog-description{max-width:760px;margin:0 auto 35px}
.ohana-blog .ohana-blog-filters{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:15px 0 42px;font-size:13px}
.ohana-blog .ohana-blog-filters a{padding:7px 20px;border:1px solid var(--ohana-line);text-decoration:none}
.ohana-blog .ohana-blog-filters a[aria-current],.ohana-blog .ohana-blog-filters a:hover{background:var(--ohana-accent);border-color:var(--ohana-accent);color:#fff}
.ohana-blog .ohana-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 28px}
.ohana-blog .ohana-blog-card{min-width:0;border-bottom:1px solid var(--ohana-line);padding-bottom:25px}
.ohana-blog .ohana-blog-card-image{display:block;aspect-ratio:3/2;overflow:hidden;background:#f1f4f2;text-decoration:none}
.ohana-blog .ohana-blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.ohana-blog .ohana-blog-card-image:hover img{transform:scale(1.035)}
.ohana-blog .ohana-blog-placeholder{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;font-family:Georgia,serif;font-style:italic;font-size:32px;letter-spacing:.08em;color:#6c8278}
.ohana-blog .ohana-blog-placeholder span{font:9px Arial,sans-serif;letter-spacing:.25em;margin-top:8px}
.ohana-blog .ohana-blog-card-body{padding-top:18px}
.ohana-blog .ohana-blog-card time{font-size:11px;color:#666;display:block;margin-bottom:6px}
.ohana-blog .ohana-blog-card h2{font-family:"Noto Serif JP",serif;font-size:19px;font-weight:400;line-height:1.85;letter-spacing:.035em;margin:12px 0}
.ohana-blog .ohana-blog-card h2 a{text-decoration:none}
.ohana-blog .ohana-blog-card h2 a:hover{color:var(--ohana-accent)}
.ohana-blog .ohana-blog-excerpt{font-size:13px;color:#666;line-height:1.9;margin:0}
.ohana-blog .ohana-blog-pagination{margin-top:55px}
.ohana-blog .ohana-blog-pagination ul{list-style:none;display:flex;justify-content:center;gap:8px;flex-wrap:wrap;padding:0}
.ohana-blog .ohana-blog-pagination a,.ohana-blog .ohana-blog-pagination span{display:block;min-width:42px;text-align:center;padding:8px 12px;border:1px solid var(--ohana-line);font-size:13px;text-decoration:none}
.ohana-blog .ohana-blog-pagination .current{background:var(--ohana-accent);color:white;border-color:var(--ohana-accent)}
.ohana-blog .ohana-blog-empty{text-align:center;padding:70px 0}
@media(max-width:1199px){.ohana-blog .ohana-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.ohana-blog .ohana-blog-hero{padding:65px 22px 42px;min-height:235px}.ohana-blog .ohana-blog-hero:before{width:225px;height:260px;left:-35px}.ohana-blog .ohana-blog-reading,.ohana-blog .ohana-blog-wide{width:auto;margin:0 22px}.ohana-blog .ohana-blog-content{font-size:15px;line-height:2}.ohana-blog .ohana-blog-content h3{font-size:18px}.ohana-blog .ohana-blog-content .ohana-blog-toc{padding:20px 18px}.ohana-blog .ohana-blog-content h2{margin-top:48px}.ohana-blog .ohana-blog-grid{grid-template-columns:1fr;gap:32px}.ohana-blog .ohana-blog-hero h1{font-size:26px}.ohana-blog-single .ohana-blog-hero h1{font-size:24px}.ohana-blog .ohana-blog-postnav{gap:18px}.ohana-blog .ohana-blog-filters{justify-content:flex-start}.ohana-blog .ohana-blog-card-image{aspect-ratio:16/10}}
@media(prefers-reduced-motion:reduce){.ohana-blog *{transition:none!important;scroll-behavior:auto!important}}

/* 2026-09: monochrome design refinement */
.ohana-blog{--ohana-accent:#000;--ohana-pale:#f7f7f7;--ohana-line:#ddd;--ohana-hover:#56b4a7}
.ohana-blog .ohana-blog-hero{padding:120px 30px 55px;min-height:310px}
.ohana-blog .ohana-blog-hero h1{width:80%;max-width:850px;text-wrap:balance;word-break:normal;overflow-wrap:anywhere}
.ohana-blog-single .ohana-blog-hero h1{font-size:clamp(25px,2.3vw,34px);line-height:1.8;letter-spacing:.08em}
.ohana-blog .ohana-blog-title-sub{display:block;font-size:.68em;line-height:1.9;letter-spacing:.07em;margin-top:14px;text-wrap:balance}
.ohana-blog .ohana-blog-meta{align-items:center;gap:10px 18px;margin:25px 0 0;color:#333}
.ohana-blog .ohana-blog-categories{align-items:center}
.ohana-blog .ohana-blog-categories a{display:inline-block;background:#000;color:#fff;border:0;padding:3px 12px;line-height:1.8;font-size:11px;text-decoration:none}
.ohana-blog .ohana-blog-categories a:hover{background:var(--ohana-hover);color:#000}
.ohana-blog .ohana-blog-filters a[aria-current]{background:#000;border-color:#000;color:#fff}
.ohana-blog .ohana-blog-filters a:hover,.ohana-blog .ohana-blog-filters a[aria-current]:hover{background:var(--ohana-hover);border-color:var(--ohana-hover);color:#000}
.ohana-blog .ohana-blog-content h2{text-align:left;font-size:2rem;border-bottom:dotted 1px #ccc;padding-bottom:0;margin-bottom:1em;line-height:2em;letter-spacing:.2em}
.ohana-blog .ohana-blog-content h2:after{content:none}
.ohana-blog .ohana-blog-content h3{font-family:"Noto Serif JP",serif;font-weight:400;}
.ohana-blog .ohana-blog-content .ohana-blog-toc{width:80%;margin:40px auto 55px;padding:3em 2em 1em;font-family:"Noto Serif JP",serif;font-weight:400}
.ohana-blog .ohana-blog-toc .ohana-blog-toc-title{text-align:center;font-size:18px;font-weight:400;letter-spacing:.16em;margin:0 0 20px}
.ohana-blog .ohana-blog-toc nav>ol{list-style:decimal;margin:0;padding-left:1.6em}
.ohana-blog .ohana-blog-toc li ul{list-style:disc;margin:8px 0 16px;padding-left:1.4em;font-size:13px}
.ohana-blog .ohana-blog-toc li::marker{color:#000}
.ohana-blog .ohana-blog-toc [hidden]{display:none!important}
.ohana-blog .ohana-blog-toc a{color:#000}
.ohana-blog .ohana-blog-toc a:hover{color:var(--ohana-hover)}
.ohana-blog .ohana-blog-toc-toggle{display:block;margin:22px auto 0;padding:8px 12px;border:0;border-bottom:1px solid #000;background:transparent;color:#000;font:inherit;font-size:13px;cursor:pointer;letter-spacing:.08em}
.ohana-blog .ohana-blog-toc-toggle:hover{color:var(--ohana-hover);border-color:var(--ohana-hover)}
.ohana-blog .ohana-blog-toc-toggle:focus-visible{outline:2px solid #000;outline-offset:4px}
.ohana-blog .ohana-blog-button{background:#000;border-color:#000;color:#fff}
.ohana-blog .ohana-blog-button:hover{background:var(--ohana-hover);border-color:var(--ohana-hover);color:#000}
.ohana-blog .ohana-blog-card h2 a:hover,.ohana-blog .ohana-blog-content a:hover{color:var(--ohana-hover)}
.ohana-blog .ohana-blog-card-image img{object-fit:cover}
@media(max-width:767px){
 .ohana-blog .ohana-blog-hero{padding:65px 20px 38px;min-height:235px}
 .ohana-blog .ohana-blog-hero h1{width:100%;font-size:26px}
 .ohana-blog-single .ohana-blog-hero h1{font-size:25px}
 .ohana-blog .ohana-blog-title-sub{font-size:18px;margin-top:12px;letter-spacing:.04em}
 .ohana-blog .ohana-blog-meta{gap:8px 12px;margin-top:20px}
 .ohana-blog .ohana-blog-content .ohana-blog-toc{width:100%;padding:3em 2em 1em}
 .ohana-blog .ohana-blog-content h2{font-size:2rem;letter-spacing:.2em}
}

/* 記事一覧：タイトル直下の紹介文 */
.ohana-blog .ohana-blog-intro {
  max-width: 760px;
  margin: 24px auto 0;
  font-family: "Noto Serif JP", serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 2.2;
  letter-spacing: 0.08em;
  color: #333;
  text-align: center;
}

@media (max-width: 767px) {
  .ohana-blog .ohana-blog-intro {
    margin-top: 20px;
    font-size: 14px;
    text-align: left;
  }

  .ohana-blog .ohana-blog-intro-br {
    display: none;
  }
}