/* 手＊結び v6（2026-10-02・背景はそのまま・紙の側で見やすくする版。v5.css から背景の調整だけ外したもの＋額のマット）
   ねらい：①背景を明るく落ち着かせる ②上に乗る紙（ブロック）を背景からはっきり浮かせる ③文字組みをプロの水準に */

/* ① 背景：v6 は先方の画像をそのまま（膜も色の調整もかけない） */

/* ② 紙：不透明の生成り色＋輪郭の細い線＋2段の影で、背景から確実に浮かせる */
:root{
  --v5-paper:#FFFCF5;
  --v5-shadow:0 0 0 1px rgba(60,48,30,.12),0 3px 6px -1px rgba(43,58,68,.14),0 12px 22px -8px rgba(43,58,68,.18),0 30px 56px -22px rgba(43,58,68,.42);
}
.paper,.greet,.cal .memo,.month,.tsushin .letter,.tsunagari .note,.hito-txt,.sheet2,.oshirase,.gift .card,
#approach .paper,.signboard{background-color:var(--v5-paper)!important;box-shadow:var(--v5-shadow)!important}
.gift.himitsu .card{background-color:#2F3E48!important}
.dbox .frame,.tsushin .stack .paper,.hashi-flyer,.tsushin .letter .mare,.window .cup2{box-shadow:var(--v5-shadow)!important}

/* 虹色の柳井縞：柄はそのまま、太さを控えめに（見た目のうるささを減らす） */
.greet,.cal .memo,.month,.tsushin .letter,.tsunagari .note,.hito-txt,.sheet2,.oshirase{border-width:7px!important}
#approach .paper,.gift .card,.tsushin .stack .paper,.dbox .frame,.hashi-flyer{border-width:5px!important}

/* ③ 文字組み：本文の黒を一段深く、行末の1文字だけの行（泣き別れ）を防ぐ */
body{color:#27343D}
p,li,.lead,.shu-txt{line-break:strict;word-break:auto-phrase;text-wrap:pretty;font-feature-settings:"palt" 0}
h1,h2,h3,.catch{word-break:auto-phrase;text-wrap:balance}
a{text-underline-offset:.22em;text-decoration-thickness:1px}
.lead,.people h2+p,.sec-head p{color:#46565F!important}

/* ===== 2026-10-02 プロ点検（第2弾）：読みやすさ・押しやすさ・行の長さ ===== */

/* ④ 補足の灰色を一段深く（#5E7280 は紙の上で4.7:1・ピン色の札の上で3.9:1 → #4E606B で6.4:1／5.1:1。色味はそのまま） */
:root{--ink-2:#4E606B}

/* ⑤ 背景の上に直接のっていた小さな文字に、紙の小札を敷く（背景の模様の上で読めなくならないように） */
.swipe-hint,.tsushin .backno,.nav h2,body>footer:not(:has(.wrap)){
  width:fit-content;margin-left:auto;margin-right:auto;padding:6px 16px;border-radius:999px;
  background:rgba(255,252,245,.94);box-shadow:0 0 0 1px rgba(60,48,30,.10),0 4px 10px -4px rgba(43,58,68,.25)}
.tsushin .backno{margin-top:14px}
body>footer:not(:has(.wrap)){padding:10px 22px;border-radius:14px;margin-bottom:56px;font-size:14px;line-height:1.8}

/* ⑥ 押せる文字リンクの「当たり判定」を高さ44px以上に（見た目の行は変えず、透明な余白で広げる） */
.tsushin .backno a,.to-dmc,.oshirase a,.tsunagari .note .shu-links a,.text .verse a{position:relative}
.tsushin .backno a::after,.to-dmc::after,.oshirase a::after,.tsunagari .note .shu-links a::after,.text .verse a::after{
  content:"";position:absolute;left:-6px;right:-6px;top:50%;height:44px;transform:translateY(-50%)}
.tsunagari .note .shu-links{gap:14px 22px}

/* ⑦ 1行が長すぎる段落（全角70字超え）を40字前後で折り返す */
.boxes .note,.sec-head p{max-width:40em;margin-left:auto;margin-right:auto}

/* ⑧ 箱のページの本文：15px・1行47字 → 16px・最大40字。説明文の補足も紙の上で読める濃さに */
.text .prose,.text .note p{font-size:16px;line-height:2}
.text .prose{max-width:40em;margin-left:auto;margin-right:auto}

/* ⑨ スマホで紙の内側の余白が14pxしかなく、文字が虹の枠に触れそうだった → 20pxへ */
@media(max-width:900px){.aisatsu{padding-left:20px!important;padding-right:20px!important}}
@media(max-width:600px){
  .text{padding-left:20px!important;padding-right:20px!important}
  .tsushin .letter{padding-left:20px!important;padding-right:20px!important}
}

/* ⑩ 通信の段：背景の上に直接のっていた説明文にも紙の小札を敷く／スマホで見出しが「この」だけ1行目に残る泣き別れを防ぐ */
.tsushin .stack>p:not(.backno){width:fit-content;max-width:100%;padding:8px 18px;border-radius:14px;
  background:rgba(255,252,245,.94);box-shadow:0 0 0 1px rgba(60,48,30,.10),0 4px 10px -4px rgba(43,58,68,.25)}
@media(max-width:600px){.tsushin h2{font-size:min(6.4vw,30px)!important;text-wrap:wrap}}
.musubi.niji .fuda-chuki{font-size:14px}

/* ⑪ 箱のページ：資格の一覧が長い語のまま折り返せず、スマホで紙の右端から切れていた（「…スピリチュアルケ」で途切れる）→ 紙の幅の中で折り返す */
.text .cred{max-width:100%}
.text .cred li{overflow-wrap:anywhere}

/* ⑫ 箱のページの副題と予定の日付：箱の色を80%の明るさで文字にしていたため、黄色の箱（笑）では紙の上で2.5:1しかなかった → 同じ色相のまま60%へ（4.5:1以上） */
.hero .catch,.events time{filter:brightness(.6)!important}

/* ===== v6 だけ：背景はそのまま、紙のまわりに「額のマット」を付けて、模様と文字のあいだに静かな余白をつくる ===== */
:root{--v6-mat:0 0 0 1px rgba(60,48,30,.14),0 0 0 9px rgba(255,251,243,.72),0 0 0 10px rgba(60,48,30,.10),0 18px 40px -12px rgba(43,58,68,.45)}
.greet,.cal .memo,.month,.tsushin .letter,.tsunagari .note,.hito-txt,.sheet2,.oshirase,#approach .paper,.text,.nav .others{box-shadow:var(--v6-mat)!important}
.gift .card,.dbox .frame,.tsushin .stack .paper,.hashi-flyer{box-shadow:0 0 0 1px rgba(60,48,30,.14),0 0 0 6px rgba(255,251,243,.7),0 14px 30px -10px rgba(43,58,68,.45)!important}