/* B06 郵便局：相談の入口を先頭へ、SNSの入口（まほろばの便り）を追加。既存の色・書体・枠線の作法に合わせる */

/* 01 外観の中の「すぐ相談」 */
.post-quick{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));justify-items:stretch!important;gap:8px;margin:4px 0 18px;max-width:520px}
.post-quick a{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:56px;padding:8px 6px;border:1px solid #f3ecd9b3;background:#101914a6;color:#f7f2e7;font-size:15px;letter-spacing:.06em;text-shadow:none;backdrop-filter:blur(2px)}
.post-quick a:hover{background:#29483dcc}
.post-quick .post-quick-main{background:#213e34;border-color:#e7d6ad;border-width:2px}
.post-quick small{font-size:11px;color:#d8e0d2;letter-spacing:.08em;margin-top:2px}
.post-jump{display:flex;flex-wrap:wrap;gap:6px 24px}

/* 02 相談の窓口：カードに「こんなときに」を一行 */
.post-contact-methods .post-method-when{font-size:13px;color:#f7f2e7;opacity:.9}
.post-first-line{border-top:1px solid #a3b4a166;padding:22px 0 8px;margin-bottom:20px;line-height:1.9}
.post-first-line-label{font-size:13px;color:#d2d9c9;letter-spacing:.06em;margin:0 0 8px}
.post-first-line ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.post-first-line li{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:15px}
.post-reply-note{font-size:13px;color:#d8e0d2;margin:14px 0 0}
#mail{scroll-margin-top:24px}

/* 03 こんなご相談を：寄り道リンクと戻り */
.topic-grid .topic-aside{margin-top:12px}
.topic-grid .topic-aside a{display:inline-block;min-height:44px;padding:10px 0;border-bottom:1px solid #25312b66;font-size:14px}
.topic-back{margin:32px 0 0}
.topic-back a{display:inline-flex;align-items:center;min-height:44px;border-bottom:1px solid currentColor;font-size:13px;letter-spacing:.08em}

/* 04 まほろばの便り */
.post-letters{background:#f3eee2;color:#25312b;padding:80px max(24px,calc((100vw - 1120px)/2));border-top:1px solid #25312b22;scroll-margin-top:20px}
.post-letters .eyebrow{color:#645b45}
.post-letters h2{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(28px,3.8vw,46px);line-height:1.6;font-weight:500;letter-spacing:.03em;margin:20px 0 12px}
.post-letters-lead{line-height:1.9;margin:0 0 36px}
.letters-group{border-top:1px solid #25312b44;padding:24px 0 28px}
.letters-group h3{font-size:13px;letter-spacing:.14em;font-weight:600;color:#645b45;margin:0 0 14px}
.letters-group-lead{font-size:14px;line-height:1.8;margin:-4px 0 14px}
.letters-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.letters-list a{display:flex;flex-direction:column;gap:4px;min-height:64px;padding:16px 44px 16px 20px;border:1px solid #25312b55;background:#fbf8f1;position:relative;transition:background .2s}
.letters-list a::after{content:"↗";position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:15px;color:#645b45}
.letters-list a:hover{background:#fff}
.letters-list small{font-size:11px;letter-spacing:.12em;color:#645b45}
.letters-list span{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:19px;line-height:1.5}
.letters-list .letters-desc{font-size:12px;letter-spacing:.02em;color:#4e5a52;line-height:1.7}
.letters-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.letters-chips a{display:inline-flex;align-items:center;min-height:44px;padding:8px 18px;border:1px solid #25312b55;border-radius:999px;background:#fbf8f1;font-size:14px;letter-spacing:.04em}
.letters-chips a:hover{background:#fff}
.post-letters a:focus-visible{outline:2px solid #25312b;outline-offset:4px}
[hidden]{display:none!important}

@media(max-width:700px){
  .post-quick{max-width:none}
  .post-jump{display:grid;justify-items:start;gap:0}
  .post-letters{padding:56px 24px}
  .post-letters h2{font-size:clamp(24px,7vw,32px)}
  .letters-list{grid-template-columns:1fr}
  /* スマホでは外観のコピーを詰めて、3つの入口を最初の画面に収める */
  #outside .scene-copy>p:not(.eyebrow):not(.building-role-label){margin-bottom:18px}
  #outside h1{margin:12px 0 10px}
  #outside .scene-copy>p:not(.eyebrow):not(.building-role-label){font-size:13px;line-height:1.8}
}

/* B06 service icons: local inline SVG, labels remain visible. */
.post-channel-icon{display:inline-block;width:24px;height:24px;flex:0 0 24px;fill:currentColor;vertical-align:middle;overflow:visible}
.post-channel-icon-outline{fill:none}
.post-quick a>.post-channel-icon{width:24px;height:24px;flex:none;margin:0 0 3px}
.post-quick a{min-height:88px}
.post-office-contact .post-contact-label{display:flex;align-items:center;gap:10px}
.post-office-contact .post-contact-label>.post-channel-icon{width:26px;height:26px;flex-basis:26px}
.post-office-contact .post-email-actions a>.post-channel-icon{width:18px;height:18px;margin-right:8px}
.post-letters .letters-list a{padding-left:64px}
.post-letters .letters-list a>.post-channel-icon{position:absolute;left:20px;top:20px;width:26px;height:26px}
.post-letters .letters-chips a{gap:8px}
.post-letters .letters-chips a>.post-channel-icon{width:20px;height:20px;flex-basis:20px}

/* r4 saved-screen review: service descriptions are reading text, not fine print. */
.post-letters .letters-list .letters-desc{font-size:14px;line-height:1.8}