/* Kohana. build-07 r8 (2026-11-03, local, not published) — loaded after build07e.css.
   1. ご成婚エピソード (#letters) now comes right after the first view, 口コミ (#reviews) right after it.
      The two swap their space too: letters take the short step from the first view that 口コミ had (40/56/80 above),
      口コミ take the letters' step (48/64/88 above). Bottom spaces are unchanged.
      (build06.css still holds #top-fv + #letters 48/64/96 from build-06; the rules below win over it.)
   2. A quiet profile under 「Letter 01/02」: age and gender, then 活動期間・交際期間. Always shown; the letters'
      text and the open/close are unchanged. */

/* 1. space after the swap */
html[data-v="7"] #top-fv + #letters{padding-top:40px}
@media(min-width:37.5em){html[data-v="7"] #top-fv + #letters{padding-top:56px}}
@media(min-width:64em){html[data-v="7"] #top-fv + #letters{padding-top:80px}}
html[data-v="7"] #letters + #reviews{padding-top:48px}
@media(min-width:37.5em){html[data-v="7"] #letters + #reviews{padding-top:64px}}
@media(min-width:64em){html[data-v="7"] #letters + #reviews{padding-top:88px}}

/* 2. profile */
.tm-prof{margin:14px auto 0;display:flex;flex-direction:column;align-items:center;row-gap:6px;text-align:center;color:var(--cocoa)}
.tm-prof .tm-who{font:400 15px/1.5 var(--serif);letter-spacing:.14em;color:var(--cocoa-ink)}
.tm-prof .tm-term{display:flex;justify-content:center;align-items:center;font:400 12.5px/1.6 var(--sans);letter-spacing:.08em}
.tm-prof .tm-term>span{white-space:nowrap}
.tm-prof .tm-term>span+span{margin-left:12px;padding-left:12px;border-left:1px solid rgba(176,138,62,.45)}
.tm-prof b{font-weight:500;color:var(--cocoa-ink);margin-left:.3em}
.tm-prof+.tm-kind{margin-top:14px}
@media(min-width:64em){.tm-prof .tm-who{font-size:16px}.tm-prof .tm-term{font-size:13px}.tm-prof .tm-term>span+span{margin-left:14px;padding-left:14px}}
@media(max-width:359px){.tm-prof .tm-term{letter-spacing:.04em}.tm-prof .tm-term>span+span{margin-left:10px;padding-left:10px}}