/* ═══ 禅庭（Pixel Zen Garden）═══ zen.html を iframe で出す枠。中身は zen.html が全部持つ */
/* 900px の枠を抜けて、画面の幅いっぱい（最大 1400px）に広げる。庭が小さいと言われたので */
.zenwrap{border-radius:14px;overflow:hidden;border:1px solid var(--line2);background:#0b1020;box-shadow:0 12px 30px rgba(0,0,0,.25);width:min(calc(100vw / var(--z,1) - 32px - var(--railpad,0px)),1400px);position:relative;left:calc(50% - var(--railpad,0px) / 2);transform:translateX(-50%)}
#zenfr{display:block;width:100%;height:min(var(--fitH),960px);min-height:380px;border:0;background:#0b1020}
.zenlede a{color:var(--irm)}
@media (max-width:760px){
  .zenlede{display:none}
  /* 100vw だと、はみ出した分だけ画面が広がって、さらにはみ出した（2026-09-26）。本文の幅から左右 14px ずつ広げる */
  .zenwrap{border-radius:10px;width:auto;left:auto;transform:none;margin:0 -14px}
  #zenfr{height:calc(100vh - 225px);min-height:360px}   /* 上の帯と下の帯のぶんを引く。禅庭の中の筆・音の列が隠れないように */
}

/* ── 固定の枠（2026-10-04）── go("zen") で html.zenapp。上の帯の下（--zent）から窓の下（スマホは下の帯の上 --zenb）まで。
   見出しと説明・足もとは隠す（枠に覆われた所に広告を残さないよう、頁の下の広告 #adbot も出さない。右の柱は枠の外に残る） */
html.zenapp #v-zen>h2,html.zenapp #v-zen>.zenlede,html.zenapp #foot,html.zenapp .aboutmore,html.zenapp #adbot{display:none!important}
html.zenapp .zenwrap{position:fixed;top:calc(var(--zent,110px) + 6px);bottom:calc(var(--zenb,0px) + 8px);left:8px;right:calc(8px + var(--railpad,0px));width:auto;transform:none;margin:0;z-index:5}
html.zenapp #zenfr{height:100%;min-height:0}
html.zenapp body{overflow:hidden}
@media (max-width:760px){html.zenapp .zenwrap{left:4px;right:4px;top:calc(var(--zent,56px) + 4px);bottom:calc(var(--zenb,64px) + 4px);border-radius:10px}}