/* ==========================================================
   3案共通の仕上げ（各案の style_x.css のあとに読む）
   モックとの差の残り（書体・写真の空気感・飾り）を埋める:
   見出しは太い筆の明朝／写真は暖かい色味に寄せる／湯気・ぼけ・稲穂・草・筆の線
   写真は今の5枚だけ。生成画像は使わない
   ========================================================== */
:root {
  --head: "Shippori Mincho B1", "Shippori Mincho", "Yu Mincho", "游明朝", YuMincho, "Hiragino Mincho ProN", serif;
}

/* 見出し・大きい数字は太い筆の明朝 */
h1, h2, h3, .sec-t, .sub-t, .ribbon b, .badge b, .val, .proof-strip .n, .facts2 b, .facts2 .t, .closing, .name, .pname, .reasons h3, .feat b, .steps b, .flow b, .qa .q, .quote, .memo, .tate, .rn b, .steps .n, .flow .n {
  font-family: var(--head);
}
h1, h2, .sec-t { font-weight: 700; }
h1 { font-weight: 800; }

/* 写真は少し暖かく、つやを出す（モックの色味に寄せる） */
.sheet img { filter: saturate(1.08) contrast(1.05) brightness(1.02) sepia(.07); }
.head img { filter: none; }


/* 湯気（おひつの写真の上） */
.steam { position: absolute; z-index: 1; width: 46%; aspect-ratio: 200 / 220; pointer-events: none; mix-blend-mode: screen; opacity: .9; }

/* 手前のぼけた緑（葉が手前にある感じ） */
.bokeh { position: absolute; z-index: 1; pointer-events: none; border-radius: 50%; filter: blur(14px); background: radial-gradient(circle, rgba(118,160,78,.85) 0%, rgba(108,150,70,.55) 45%, rgba(108,150,70,0) 72%); }

/* 稲穂・草・筆の線 */
.ear2 { position: absolute; pointer-events: none; color: var(--gold-3, #c19c52); }
.blade { display: block; pointer-events: none; color: #8a9a62; }
.brushline { display: block; pointer-events: none; color: currentColor; }

/* たたんだ説明（fold_text.py）: 押すと開く。文言は v6 のまま。見出しは小さく、各案の緑で */
details.more > summary, details.faq-item > summary { list-style: none; cursor: pointer; -webkit-tap-highlight-color: transparent; }
details.more > summary::-webkit-details-marker, details.faq-item > summary::-webkit-details-marker { display: none; }
details.more > summary { display: inline-flex; align-items: center; gap: 4px; margin-top: 4px; font-size: 10px; line-height: 16px; letter-spacing: .06em; color: var(--sage-d, #4c7058); border-bottom: 1px solid currentColor; padding: 0 1px; }
details.more > summary::after { content: "＋"; font-size: 9px; }
details.more[open] > summary::after { content: "－"; }
details.more[open] > summary { margin-bottom: 2px; }
details.more > summary:focus-visible, details.faq-item > summary:focus-visible { outline: 2px solid var(--gold-3, #c19c52); outline-offset: 2px; }
.more-s { text-align: center; }
.more-row > summary { font-size: 8.5px; line-height: 13px; margin-top: 1px; }
.more-notes { margin-top: 4px; }
/* よくある質問: 問いの右に＋。開くと答え */
details.faq-item > summary.q { display: block; position: relative; padding-right: 22px; }
details.faq-item > summary.q::after { content: "＋"; position: absolute; right: 2px; top: 50%; transform: translateY(-50%); font-size: 12px; font-weight: 400; color: var(--sage-d, #4c7058); }
details.faq-item[open] > summary.q::after { content: "－"; }
details.faq-item > .a { margin-top: 4px; }