:root{--blue:#1f5f96;--bright:#2a6fa8;--navy:#13263a;--ink:#1f3140;--muted:#5a6b77;--line:#d5dde3;--surface:#f5f7f8;--accent:#2b6f86;--seal:#b23a2b;--paper:#ffffff}

/* Type: tighter Japanese headings, aligned figures */
h1,h2,h3,.kai-section-head h2,.page-banner h1{font-feature-settings:"palt";letter-spacing:0}
.home-community-fee,.document-table,.news-item time,.event-row time,.fee-table,dl,table{font-variant-numeric:tabular-nums}
.kai-eyebrow,.eyebrow{letter-spacing:.02em;font-weight:700;font-size:12px;color:var(--muted)}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Arrow grammar: buttons carry no arrow; rows end in a chevron; external links get ↗ */
.button{gap:10px}
.chev{display:inline-block;width:8px;height:8px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg);flex:none;color:var(--blue)}
.news-arrow.chev{justify-self:end;margin-right:4px}
.ext{display:inline-block;margin-left:4px;font-size:.85em}
.file-meta{font-weight:400;font-size:12px;opacity:.85}
.text-link{text-decoration:underline;text-decoration-color:#9fb6c8;text-underline-offset:5px;text-decoration-thickness:1px}
.text-link:hover{text-decoration-color:currentColor}
.sidebar-link{display:flex;justify-content:space-between;align-items:center;gap:12px}

/* Header: no top band; consultation is the one filled action */
.header,.is-scrolled .header{gap:20px}
.header nav{margin-left:auto}
.header nav .nav-item:last-of-type .nav-parent>a{color:var(--ink);font-weight:400}
.header nav .nav-parent>a{font-size:14px;padding-inline:12px}
.submenu-toggle{display:inline-flex;align-items:center;padding:12px 6px 12px 0;color:var(--muted)}
.submenu-toggle svg{transition:transform .2s}
.nav-item.expanded .submenu-toggle svg{transform:rotate(180deg)}
.header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
.header-actions a{display:inline-flex;align-items:center;min-height:42px;padding:8px 16px;border-radius:3px;font-size:13px;font-weight:700;white-space:nowrap}
.header-login{border:1px solid #b9c8d3;color:var(--blue)}
.header-login:hover{background:#eef3f7}
.header-consult{background:var(--seal);color:#fff;border:1px solid var(--seal)}
.header-consult:hover{background:#8f2e22;color:#fff}
.nav-mobile-actions{display:none}
.back-to-top{display:grid;place-items:center}
@media(max-width:1199px) and (min-width:1200px){.header nav .nav-parent>a{font-size:13px;padding-inline:8px}.header-actions a{padding-inline:12px}}
@media(max-width:1199px){
 .header-actions{margin-left:auto;order:1}.header-login{display:none!important}
 .header-actions .header-consult{min-height:38px;padding:6px 14px}
 .menu-toggle{order:2}
 .header nav.open .nav-mobile-actions{display:grid;gap:0;margin-top:20px;border-top:1px solid var(--line)}
 .nav-mobile-actions a{padding:14px 0;border-bottom:1px solid var(--line);font-size:15px;color:var(--blue)}
}
.button.button-seal{background:var(--seal);border-color:var(--seal)}
.button.button-seal:hover{background:#8f2e22}

/* Consultation entries: three equal columns */
.kai-concern-grid.concern-three{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px}
.kai-concern-grid.concern-three article:nth-child(3){border-color:var(--navy)}
.kai-concern-grid h3{font-size:22px}

/* Work section without decorative numbering */
.kai-reason-copy h3{margin-top:0}

/* Community block (reference: benefits list + dated event rows) */
.home-community{background:#eef4f9}
.home-community-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,5vw,88px);align-items:center}
.home-community h2{font-size:34px;line-height:1.6;color:var(--blue);margin:0 0 16px}
.home-community-lead{font-size:16px;line-height:2;margin:0 0 20px;max-width:34em}
.benefit-list{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:8px}
.benefit-list li{position:relative;padding-left:26px;font-size:15px;line-height:1.8}
.benefit-list li:before{content:'';position:absolute;left:3px;top:.55em;width:11px;height:6px;border-left:2px solid var(--blue);border-bottom:2px solid var(--blue);transform:rotate(-45deg)}
.home-community-fee{display:flex;gap:28px;margin:0;padding:14px 0;border-top:1px solid #c6d2db;border-bottom:1px solid #c6d2db}
.home-community-fee div{display:flex;align-items:baseline;gap:10px}
.home-community-fee dt{font-size:13px;color:var(--muted)}
.home-community-fee dd{margin:0;font-size:14px}
.home-community-fee strong{font:700 26px/1.2 var(--sans);color:var(--navy)}
.home-community-fee-note{font-size:12px;color:var(--muted);margin:8px 0 22px}
.home-community-photo{margin:0}
.home-community-photo img{width:100%;aspect-ratio:3/2;object-fit:cover;object-position:right center}
.event-rows-title{font:700 15px/1.6 var(--sans);color:var(--ink);margin:48px 0 12px}
.event-row{display:grid;grid-template-columns:auto auto minmax(0,1fr) 16px;gap:20px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:4px;padding:18px 22px;color:var(--ink)}
.event-row:hover{border-color:#9fb6c8}
.event-row:hover .event-row-title{text-decoration:underline;text-underline-offset:4px}
.event-row time{font-weight:700;color:var(--blue);white-space:nowrap}
.event-tag{font-size:12px;border:1px solid var(--seal);color:var(--seal);padding:2px 8px;border-radius:2px;white-space:nowrap}
.event-row-title{font-weight:700;min-width:0}
.event-row-title small{display:block;font-weight:400;color:var(--muted);font-size:13px}
.event-row-note{font-size:12px;color:var(--muted);margin:10px 0 0}
.page-index{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--line)}
.page-index .wrap{display:flex;gap:4px;overflow-x:auto}
.page-index a{padding:14px 14px;font-size:14px;color:var(--ink);white-space:nowrap;border-bottom:2px solid transparent}
.page-index a:hover{color:var(--blue);border-bottom-color:var(--blue)}
.community-intro .benefit-list{margin-top:18px}

/* Document checklist as a ledger table */
.document-checklist{max-width:1120px}
.document-intro{max-width:820px;margin-bottom:24px}
.document-intro h2{font-size:30px;color:var(--blue);line-height:1.6;margin:0 0 16px}
.document-stage{margin-top:48px}
.document-stage-head{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;border-bottom:2px solid var(--navy);padding-bottom:10px}
.document-stage-number{margin:0;font-size:13px;color:var(--muted)}
.document-stage-head h2{font-size:24px;line-height:1.5;color:var(--navy);margin:0}
.document-stage-head .text-link{margin-left:auto;padding:0;font-size:13px}
.document-table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.8}
.document-table thead th{text-align:left;font-size:12px;color:var(--muted);font-weight:400;padding:10px 12px;border-bottom:1px solid var(--line)}
.document-table tbody th{text-align:left;font-weight:700;padding:14px 12px 14px 0;width:46%}
.document-table td{padding:14px 12px;color:var(--ink)}
.document-table tbody tr{border-bottom:1px solid var(--line)}
.document-footnote{margin-top:40px;font-size:14px;color:var(--muted);max-width:820px}

/* CTA band uses the deeper ink */
.kai-contact{background:var(--navy)}

@media(max-width:1199px){
 .home-community-grid{grid-template-columns:1fr}
 .kai-concern-grid.concern-three{grid-template-columns:1fr;gap:40px}
}
@media(max-width:767px){
 .home-community h2{font-size:26px}
 .home-community-fee{gap:20px;flex-wrap:wrap}
 .event-row{grid-template-columns:auto minmax(0,1fr) 16px;gap:8px 12px;padding:16px}
 .event-row .event-row-title{grid-column:1/3;grid-row:2}
 .event-row .chev{grid-column:3;grid-row:1/3}
 .document-table thead{display:none}
 .document-table tbody tr{display:block;padding:12px 0}
 .document-table tbody th{display:block;width:auto;padding:0 0 6px}
 .document-table td{display:grid;grid-template-columns:7.5em minmax(0,1fr);gap:8px;padding:2px 0;font-size:13px}
 .document-table td:before{content:attr(data-label);color:var(--muted);font-size:12px}
 .document-stage-head .text-link{margin-left:0;width:100%}
}
.kai-reason:nth-child(even) .kai-reason-copy{justify-self:start}
@media(max-width:1199px){.site-header .header{grid-template-columns:minmax(0,1fr) auto 36px;gap:10px}.site-header .header .brand{margin:0}.header-actions{margin-left:0}}
@media(max-width:359px){.site-header .header{gap:8px}.site-header .header .brand{font-size:19px;gap:5px}.site-header .header .brand svg{width:26px;height:34px}.header-actions .header-consult{padding-inline:10px}}
.fee-example .fee-total{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;column-gap:6px}
.fee-example .fee-total>span{white-space:nowrap;font-size:clamp(24px,5vw,32px)}
.fee-example .fee-total>small{white-space:nowrap;font-size:15px;font-weight:400}
@media(max-width:767px){.page-index .wrap{flex-wrap:wrap;overflow:visible;gap:0 2px}.page-index a{padding:10px 8px;font-size:13px}}
.page-index{top:var(--sticky-offset,0px)}
/* Form-only contact (docs/source/contact-form-only-20261015.md) */
.contact-form-note{flex-basis:100%;margin:6px 0 0;font-size:14px;color:var(--muted)}
.header-login{border-color:transparent;padding-inline:8px;text-decoration:underline;text-underline-offset:4px;font-weight:400}
.header-login:hover{background:none;color:var(--navy)}

/* ===== Device tiers (DESIGN.md §15): mobile ≤767 / tablet 768–1199 / PC ≥1200 =====
   Tablet rules below are a dedicated layout, not a squeezed PC layout. */
@media(min-width:768px) and (max-width:1199px){
 /* Consultation entries: one row per audience, heading left */
 .kai-concern-grid.concern-three article{display:grid;grid-template-columns:200px 1fr;column-gap:32px;padding-top:22px}
 .kai-concern-grid.concern-three article>h3{grid-row:1/3;margin:0}
 .kai-concern-grid.concern-three article>ul,.kai-concern-grid.concern-three article>.text-link{grid-column:2}
 .kai-concern-grid.concern-three{gap:36px}
 /* Work items: photo and text side by side */
 .kai-reason,.kai-reason:nth-child(even){grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:32px;align-items:center}
 .kai-reason h3{font-size:24px}
 /* Community: wide photo band first, benefits in two columns */
 .home-community-grid{grid-template-columns:1fr}
 .home-community-photo{order:-1}
 .home-community-photo img{aspect-ratio:16/9;object-position:right center}
 .home-community .benefit-list{grid-template-columns:1fr 1fr;column-gap:28px}
 .home-community-lead{max-width:none}
 /* Process detail: chapter headings wide enough not to split words */
 .procedure-chapters{--chapter-width:200px}
 .chapter-heading h3{word-break:keep-all;overflow-wrap:anywhere}
 /* Reading width for inner pages without sidebar column */
 .article-layout{max-width:760px}
}
/* Trade name is 株式会社不動産Ｍ＆Ａ会 (full-width Ｍ＆Ａ); tighten the full-width Latin in the wordmark */
.brand span{font-feature-settings:"palt";letter-spacing:.01em}
.brand-latin{letter-spacing:-.06em}

/* Full photograph with overlaid copy. White fade is solely a contrast aid (DESIGN §24). */
.compare-hero{background:var(--surface);border-bottom:1px solid var(--line);padding-bottom:0}
.hero-full{position:relative;overflow:hidden;background:#e8eff3;min-height:clamp(620px,45vw,720px);display:flex;align-items:center}
.hero-photo-frame{display:block;position:absolute;inset:0;overflow:hidden}
.hero-photo-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--hero-pos,center 25%)}
.hero-full::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.94) 32%,rgba(255,255,255,.82) 44%,rgba(255,255,255,0) 58%)}
.hero-full .hero-copy{position:relative;z-index:1;padding-block:52px}
.hero-business-label{font-size:14px;line-height:1.7;color:var(--blue);margin:0 0 18px}
.hero-copy h1{font:700 clamp(36px,3.2vw,54px)/1.45 var(--serif);font-feature-settings:"palt";color:var(--navy);margin:0 0 24px;max-width:600px}
.hero-copy h1 .phrase{display:block}
.hero-copy-rest{max-width:510px}
.hero-lead{font-size:16px;line-height:2;color:var(--ink);margin:0 0 14px;word-break:keep-all;overflow-wrap:anywhere}
.hero-community-lead{font-size:14px;line-height:1.9;color:var(--ink);margin:0 0 26px;max-width:32em;word-break:keep-all;overflow-wrap:anywhere}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start}
.hero-community-link{display:inline-block;margin-top:20px;font-size:14px}
.hero-actions .button{min-height:52px;font-size:14px;padding-inline:22px}
.button.button-seal{background:var(--seal);border-color:var(--seal);color:#fff}
.button.button-seal:hover{background:#8f2e22;border-color:#8f2e22}
.hero-actions .button.secondary{background:#fff;border:1px solid var(--blue);color:var(--navy)}
.community-course-preview{min-width:0;border-top:2px solid var(--blue);padding-top:24px;align-self:start}
.community-course-preview .course-preview-label{font-size:12px;color:var(--muted);margin:0 0 8px}
.community-course-preview h3{font:700 28px/1.6 var(--serif);color:var(--navy);margin:0 0 12px}
.community-course-preview .course-preview-policy{font-size:13px;color:var(--blue);margin:0 0 24px}
.course-preview-policy span{padding-inline:8px;color:var(--line)}
.course-preview-list{list-style:none;padding:0;margin:0 0 24px}
.course-preview-list li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:16px;padding:20px 0;border-top:1px solid var(--line)}
.course-preview-number{font:400 24px/1.4 var(--serif);color:var(--blue);white-space:nowrap}
.course-preview-list h4{font:700 17px/1.6 var(--sans);color:var(--navy);margin:0 0 8px}
.course-preview-list p{font-size:13px;line-height:1.85;color:var(--muted);margin:0}
@media(min-width:768px){
 .hero-full .hero-copy h1 .phrase{white-space:nowrap}
 .hero-actions{flex-direction:column}
}
@media(min-width:768px) and (max-width:1199px){
 .hero-full{min-height:640px}
 .hero-copy h1{font-size:38px}
 .hero-copy-rest{max-width:420px}
 .hero-full::after{background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.94) 38%,rgba(255,255,255,.84) 52%,rgba(255,255,255,0) 72%)}
}
@media(max-width:767px){
 .hero-full{min-height:0;align-items:flex-end}
 .hero-photo-frame img{object-position:76% top}
 .hero-full::after{background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 28%,rgba(255,255,255,.12) 34%,rgba(255,255,255,.94) 43%,rgba(255,255,255,.98) 68%)}
 .hero-full .hero-copy{padding-block:300px 32px}
 .hero-business-label{font-size:12px;margin-bottom:10px}
 .hero-copy h1{font-size:30px;margin-bottom:18px}
 .hero-copy-rest{max-width:510px}
 .hero-lead{font-size:14px;line-height:1.95}
 .hero-community-lead{font-size:13px;line-height:1.85;margin-bottom:22px;max-width:34em}
 .hero-actions .button{width:100%;font-size:13px;padding-inline:12px}
 .hero-community-link{font-size:13px;margin-top:18px}
}

.ledger-compare{margin:0;padding:0;min-width:0}
.ledger-compare table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.7;font-variant-numeric:tabular-nums}
.ledger-compare thead th{font:700 14px/1.5 var(--serif);font-feature-settings:"palt";color:var(--ink);text-align:left;padding:12px 12px 8px}
.ledger-compare thead th.is-share{color:var(--blue)}
.ledger-compare tbody th{font-weight:400;font-size:13px;color:var(--muted);text-align:left;padding:9px 12px 9px 0;width:24%;border-top:1px solid var(--line)}
.ledger-compare tbody td{padding:9px 12px;border-top:1px solid var(--line);vertical-align:top}
.ledger-compare .is-share{background:#eef4f9}
.ledger-net th,.ledger-net td{border-top:2px solid var(--navy)!important;padding-block:12px!important}
.ledger-net th{color:var(--navy)!important;font-weight:700!important}
.ledger-net th small{display:block;font-size:11px;font-weight:400;color:var(--muted);line-height:1.5;margin-top:2px}
.ledger-net td{font:700 23px/1.3 var(--sans);color:var(--ink)}
.ledger-net td.is-share{color:var(--blue)}
.event-tag{border-color:var(--blue);color:var(--blue)}

@media(max-width:767px){
 .ledger-compare thead tr,.ledger-compare tbody tr{display:grid;grid-template-columns:1fr 1fr}
 .ledger-compare thead td{display:none}
 .ledger-compare thead th{font-size:13px;padding:10px 6px 6px}
 .ledger-compare tbody th{grid-column:1/-1;width:auto;padding:12px 0 2px}
 .ledger-compare tbody td{border-top:0;padding:4px 8px 10px;font-size:13px}
 .ledger-compare .ledger-net td{font-size:20px}
}
/* Below the hero (docs/source/below-hero-20261014.md)
   Strip: the two businesses side by side, each with its price. No card, one vertical rule.
   Comparison: diagram + table, the conclusion as a sentence, premises folded away. */
.business-strip{background:#fff;border-bottom:1px solid var(--line)}
.business-strip .wrap{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.strip-cell{padding:44px 0;min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.strip-fee{padding-right:clamp(32px,4vw,64px)}
.strip-community{border-left:1px solid var(--line);padding-left:clamp(32px,4vw,64px)}
.strip-cell h2{font:700 clamp(21px,1.7vw,26px)/1.6 var(--serif);font-feature-settings:"palt";color:var(--blue);margin:0 0 12px}
.strip-cell .strip-value{font-size:15px;line-height:1.9;color:var(--ink);margin:0 0 24px;max-width:38em}
.fee-terms{display:flex;flex-wrap:wrap;gap:20px 28px;margin:0}
.fee-terms div{padding:0;border:0}
.fee-terms dt{font-size:13px;line-height:1.6;color:var(--muted);margin-bottom:4px}
.fee-terms dd{margin:0;font:700 24px/1.65 var(--sans);font-feature-settings:"palt";color:var(--navy);font-variant-numeric:tabular-nums}
.fee-success dd{font-size:22px;word-break:keep-all;overflow-wrap:anywhere}
.fee-basis,.fee-formula{display:inline-block}
.fee-terms dd small{font-size:13px;font-weight:400;white-space:nowrap}
.strip-cell .strip-terms{display:flex;flex-wrap:wrap;gap:8px 28px;margin:12px 0 0;font-size:14px;color:var(--ink)}
.strip-terms strong{margin-left:6px;font-size:16px;font-weight:700}
.strip-cell .strip-note{margin:18px 0 20px;font-size:14px;line-height:1.9;color:var(--muted);max-width:42em}
.strip-cell .strip-link{display:inline-block;margin-top:auto;padding:4px 0;font-size:14px;line-height:1.8}
.nowrap{white-space:nowrap}
@media(max-width:1199px){
 .business-strip .wrap{grid-template-columns:1fr}
 .strip-fee{padding-right:0}
 .strip-community{padding-left:0;border-left:0;border-top:1px solid var(--line)}
 .strip-cell{padding-block:32px}
}
@media(max-width:767px){
 .strip-cell h2{font-size:22px}
 .strip-cell .strip-value{font-size:14px;margin-bottom:20px}
 .fee-terms dd{font-size:22px}
 .fee-success dd{font-size:19px}
 .fee-terms{column-gap:24px}
 .fee-terms dd small{display:block;font-size:12px}
 .strip-cell .strip-note{font-size:13px}
}

.structure-compare{background:#fff;padding-block:clamp(72px,7vw,104px)}
.structure-head{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:20px clamp(40px,5vw,80px);align-items:end;margin-bottom:44px}
.structure-head h2{font:700 clamp(28px,2.4vw,36px)/1.5 var(--serif);font-feature-settings:"palt";color:var(--navy);margin:0;word-break:keep-all;overflow-wrap:anywhere}
.structure-head p{margin:0;font-size:15px;line-height:2;color:var(--ink);max-width:42em}
.structure-body{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(40px,4vw,64px);align-items:start}
.structure-compare .ledger-compare tbody th{width:22%;vertical-align:top}
.structure-head p,.structure-compare td,.structure-result,.structure-caveat,.strip-cell p{word-break:keep-all;overflow-wrap:anywhere}
.structure-result{margin:24px 0 0;font:700 17px/1.9 var(--serif);font-feature-settings:"palt";color:var(--navy)}
.structure-result strong{font:700 28px/1.3 var(--sans);color:var(--blue);margin:0 4px;white-space:nowrap}
.structure-caveat{margin:6px 0 0;font-size:13px;line-height:1.8;color:var(--muted)}
.structure-premise{margin-top:14px;font-size:13px;line-height:1.8;color:var(--muted)}
.structure-premise summary{cursor:pointer;color:var(--blue);font-weight:700;width:max-content}
.structure-premise p{margin:8px 0 0;max-width:52em}
.structure-links{display:flex;flex-wrap:wrap;align-items:center;gap:16px 32px;margin-top:28px}

@media(min-width:768px) and (max-width:1199px){
 .structure-head{grid-template-columns:1fr;margin-bottom:36px}
 .structure-body{grid-template-columns:1fr;gap:40px}
 .structure-body .share-transfer{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);column-gap:32px;align-items:center;text-align:left}
 .structure-body .share-transfer .diagram-caption{grid-column:1/-1}
 .structure-body .share-transfer .transfer-company{margin-top:0;text-align:center}
 .structure-body .share-transfer figcaption{grid-column:1/-1}
}
@media(max-width:767px){
 .structure-head{grid-template-columns:1fr;margin-bottom:28px}
 .structure-head h2{font-size:25px}
 .structure-head p{font-size:14px}
 .structure-body{grid-template-columns:1fr;gap:32px}
 .structure-result{font-size:16px}
 .structure-result strong{font-size:24px}
 .structure-compare .ledger-compare tbody th{width:auto}
 .structure-body .share-transfer{padding:24px 16px}
 .structure-body .transfer-company{margin-top:20px;padding:14px 0}
}

/* Fable review fixes (docs/evidence/fable-review-20261015/review.md) */
.company-message{border-top:1px solid var(--line)}
.company-message h2{font:700 clamp(24px,2vw,30px)/1.6 var(--serif);font-feature-settings:"palt";color:var(--navy);margin:0 0 24px}
.company-message-body{max-width:46em}
.company-message-body p{font-size:15px;line-height:2;margin:0 0 16px}
.procedure-note{border-left:0!important;padding-left:0!important}

/* Community reach (review 2026-10-15): M&A keeps the face and red; joining is one click, in blue. */
.strip-actions{margin-top:auto;display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px}
.strip-actions .strip-join{min-height:48px;padding-inline:28px;font-size:14px}
.strip-actions .text-link{font-size:14px;padding:4px 0}
.concern-member{margin:12px 0 0;font-size:13px;line-height:1.8;color:var(--muted)}
.concern-member a{color:var(--blue);text-decoration:underline;text-underline-offset:4px}
.home-news ul{list-style:none;margin:0;padding:0}
.home-news li{border-bottom:1px solid var(--line)}
.home-news li a{display:grid;grid-template-columns:96px minmax(0,1fr);gap:16px;padding:18px 0;color:var(--ink);font-size:14px;line-height:1.8}
.home-news li a:hover span{text-decoration:underline;text-underline-offset:4px}
.home-news time{color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums}
.footer .primary-footer{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:64px}
.footer .footer-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px;align-content:start}
.footer .footer-links>div{display:grid;align-content:start}
.footer .footer-links a{padding:6px 0;border:0;font-size:13px;line-height:1.7}
.footer .footer-links a:before{display:none}
.footer-group{font:700 13px/1.6 var(--serif);color:#fff;margin:0 0 8px;padding-bottom:8px;border-bottom:1px solid #ffffff2e}
@media(min-width:768px) and (max-width:1199px){
 .footer .primary-footer{grid-template-columns:1fr;gap:36px}
}
@media(max-width:767px){
 .strip-actions{width:100%}
 .strip-actions .strip-join{width:100%}
 .home-news li a{grid-template-columns:1fr;gap:4px;padding:16px 0}
 .footer .primary-footer{grid-template-columns:1fr;gap:32px}
 .footer .footer-links{grid-template-columns:1fr;gap:24px}
 .footer .footer-links>div{grid-template-columns:1fr 1fr;column-gap:16px}
 .footer-group{grid-column:1/-1}
}
.curriculum-list article{display:block!important}
.curriculum-list h3{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-top:0}
.curriculum-time{flex:none;font:400 13px/1.6 var(--sans);color:var(--muted);font-variant-numeric:tabular-nums}
.page-index .wrap{align-items:center}
.page-index a.page-index-join{margin-left:auto;background:var(--blue);color:#fff;border:0;padding:8px 18px;font-weight:700}
.page-index a.page-index-join:hover{background:var(--navy);color:#fff}
@media(max-width:767px){.page-index a.page-index-join{margin:6px 0 8px;width:100%;text-align:center}}

/* Consistency (review #9 #11 #12 #13 #15 #19) */
.ma-article h2{font-family:var(--serif)!important;font-feature-settings:"palt"}
.ma-article h3{font:700 18px/1.7 var(--sans)!important;color:var(--navy)}
.content-table{border-collapse:collapse;border-top:2px solid var(--navy)}
.content-table thead{background:none!important;color:var(--ink)!important}
.content-table th,.content-table td{border:0!important;border-bottom:1px solid var(--line)!important;padding:14px 12px!important;vertical-align:top}
.content-table thead th{font-size:13px;color:var(--muted);font-weight:700}
.content-table tbody th{background:none!important;color:var(--navy);font-weight:700;width:30%}
.community-step-number{background:none!important;color:var(--blue)!important;border:0!important;border-radius:0!important;font:700 28px/1 var(--serif)!important;place-items:start!important}
.contact-page-intro h2{font-family:var(--serif)!important;text-align:left!important;color:var(--navy)}
@media(min-width:1200px){.contact-topic-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important}}
@media(min-width:768px) and (max-width:1199px){.contact-topic-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
.kai-concern-grid article{display:flex;flex-direction:column}
.kai-concern-grid article>ul{margin-bottom:auto}
.faq-item p span{color:var(--blue)!important}
.column-member-line{margin:48px 0 0!important;padding-top:20px;border-top:1px solid var(--line);font-size:14px!important;color:var(--muted)}
.column-member-line a{color:var(--blue);font-weight:700;text-decoration:underline;text-underline-offset:4px}
.contact-page-intro,.contact-page-intro p{text-align:left!important;max-width:none}

/* ===== Section rhythm (docs/source/section-rhythm-20261015.md, DESIGN §20) =====
   Two grounds only: white and one pale blue. White-to-white sections are divided by a
   hairline at the text width; a pale section divides by its own ground. One vertical rhythm. */
:root{--tint:#eef4f9;--section-y:96px;--rule-inset:max(var(--page-gutter),calc((100% - 1360px) / 2))}
@media(min-width:768px) and (max-width:1199px){:root{--section-y:80px}}
@media(max-width:767px){:root{--section-y:56px}}
.page-banner,.community-reading,.membership-section,.home-community,
.share-transfer,.flow-node,.simulation th,.fee-table dt,.company-table dt,.fee-example,.fee-summary,.result-difference,.result-grid>div,
.contact-table-form .field>label,.article-toc,.contact-topic-grid a.buy,.contact-topic-grid a.partner,.contact-topic-grid a.community,.contact-topic-grid a.other,
.ledger-compare .is-share{background-color:var(--tint)!important}
.page-banner{border-bottom:0!important}
.compare-hero,.compare-hero .hero-full,.community-intro,.community-events{background-color:#fff!important}
.news-category{background:var(--tint)!important;border-color:#c9d8e4!important;color:var(--blue)!important}
main>.section{padding-block:var(--section-y)!important;position:relative}
main>.section:not(.page-banner):not(:is(.community-reading,.membership-section,.home-community,.kai-contact))
 +.section:not(:is(.community-reading,.membership-section,.home-community,.kai-contact))::before,
main>.service-intro+.article-layout::before{content:'';position:absolute;top:0;left:var(--rule-inset);right:var(--rule-inset);height:1px;background:var(--line)}
main>.service-intro+.article-layout{position:relative}
.company-message{border-top:0!important}
/* Closing band: pale ground, navy type and two equal navy actions; the navy footer alone ends the page. */
.kai-contact{background:var(--tint)!important;padding-block:var(--section-y)!important}
.kai-contact h2{color:var(--navy)!important}
.kai-contact p{color:var(--ink)!important}
.kai-contact-actions .button,.kai-contact-actions .button.secondary{background:var(--navy)!important;border-color:var(--navy)!important;color:#fff!important;justify-content:center}
.kai-contact-actions .button:hover{background:var(--blue)!important;border-color:var(--blue)!important}
.kai-contact .contact-phone,.kai-contact .contact-phone a{color:var(--navy)!important}
.kai-concern-grid article{border-top-color:var(--blue)!important}
@media(min-width:768px) and (max-width:1199px){.kai-concern-grid article .concern-member{grid-column:2}}

/* Article side column (2026-10-15): on PC the side column carries this page's contents and follows the reader;
   related pages sit after the article on every device. */
@media(min-width:1200px){
 .article-layout>.article-sidebar{position:sticky;top:calc(var(--sticky-offset,88px) + 8px);max-height:calc(100dvh - var(--sticky-offset,88px) - 16px);overflow-y:auto;align-self:start}
 .article-sidebar .sidebar-link>.chev{margin-right:2px}
 .ma-article :is(h2,h3)[id]{scroll-margin-top:calc(var(--sticky-offset,88px) + 16px)}
 .toc-inline{display:none!important}
}
@media(max-width:1199px){.article-sidebar.has-toc{display:none}}
.article-toc.toc-inline{background:var(--tint)!important;border:0!important;padding:20px 24px!important}
.article-toc.toc-inline h2{font:700 13px/1.6 var(--sans)!important;color:var(--muted)!important;border:0!important;margin:0 0 6px!important;padding:0!important}
.related-end{margin-top:64px;border-top:2px solid var(--navy);padding-top:18px}
.related-end h2{font:700 18px/1.6 var(--serif)!important;color:var(--navy)!important;margin:0 0 8px!important;border:0!important;padding:0!important}
.related-end>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px}
.related-end .sidebar-link{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid var(--line);font-size:14px;color:var(--ink)}
.related-end .sidebar-link:hover{color:var(--blue)}
@media(max-width:767px){.related-end>div{grid-template-columns:1fr}}
main>.service-intro+.article-layout::before{left:0!important;right:0!important}

/* Community reference: introduction, activities, benefits, schedule, joining (DESIGN §25). */
.page-banner .page-banner-lead{font:400 16px/1.8 var(--sans);color:var(--ink);margin:16px 0 0}
.community-intro-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center}
.community-intro-grid>div{max-width:none}
.community-intro h2{font-size:clamp(28px,2.6vw,38px);line-height:1.6;margin-bottom:22px}
.community-intro .community-intro-price{display:flex;flex-wrap:wrap;gap:8px 26px;margin:24px 0 0;font-size:13px;line-height:1.7}
.community-intro-price span{white-space:nowrap}
.community-intro-price strong{font:700 21px/1.5 var(--sans);color:var(--navy);margin-left:8px}
.community-intro-price small{flex-basis:100%;color:var(--muted);font-size:12px}
.community-intro .community-intro-photo img{display:block;aspect-ratio:3/2;object-fit:cover;object-position:center}
.community-service-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin-top:48px}
.community-service-overview a{display:grid;grid-template-columns:minmax(0,1fr) 12px;gap:8px 16px;border-top:1px solid var(--line);padding:22px 0 0;color:var(--ink)}
.community-service-overview h3{font:700 20px/1.6 var(--sans);color:var(--blue);margin:0}
.community-service-overview p{grid-column:1;font-size:13px;line-height:1.8;margin:0}
.community-service-overview .chev{grid-column:2;grid-row:1;align-self:center}
.community-service-overview a:hover h3{text-decoration:underline;text-underline-offset:5px}
.community-information-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,5vw,80px)}
.community-information-grid h2{font:700 clamp(26px,2.2vw,34px)/1.6 var(--serif);color:var(--blue);margin:0 0 24px}
.community-information-grid p,.community-exchange-grid p{font-size:15px;line-height:2;margin:0 0 16px}
.community-information-grid .text-link{display:inline-block;font-size:14px;margin-top:8px}
.community-information-fields h3,.community-exchange-grid h3,.community-purpose-list h3{font:700 20px/1.7 var(--sans);color:var(--blue);margin:0 0 16px}
.community-information-fields dl{margin:0}
.community-information-fields dl>div{display:grid;grid-template-columns:130px minmax(0,1fr);gap:20px;border-top:1px solid var(--line);padding:16px 0}
.community-information-fields dt{font-size:13px;font-weight:700;color:var(--blue)}
.community-information-fields dd{font-size:14px;line-height:1.9;margin:0}
.community-information-fields>p{font-size:12px;color:var(--muted);margin:0}
.community-disclosure,.community-contract{border-block:1px solid var(--line);margin-top:32px}
.community-disclosure summary,.community-contract summary{font:700 14px/1.9 var(--sans);color:var(--blue);padding:16px 0;cursor:pointer}
.community-disclosure .disclosure-flow{margin:4px 0 20px}
.community-scope-note,.community-operator{font-size:13px;line-height:1.95;color:var(--muted);margin:20px 0 0;max-width:76em}
.community-scope-note .text-link,.community-operator .text-link{display:inline-block;margin-left:16px}
.community-editorial .curriculum-list h3{font:700 19px/1.7 var(--sans);color:var(--blue);margin:0 0 12px}
.community-editorial .curriculum-list article{padding:24px 0}
.community-editorial .curriculum-list p{font-size:14px;line-height:1.95;margin:0}
.community-reading-entry{display:flex;flex-wrap:wrap;gap:12px 32px;margin-top:28px;align-items:baseline}
.community-reading-entry h3{font:700 14px/1.8 var(--sans);color:var(--ink);margin:0}
.community-reading-entry a{font-size:13px;line-height:1.9}
.community-exchange-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px}
.community-purpose-list p{font-size:14px;line-height:2;margin:0}
.community-joining .joining-title{font:700 22px/1.7 var(--sans);color:var(--blue);margin-top:40px}
.community-contract .membership-terms{margin:0 0 24px}
.contact-topic-grid a[aria-current]{background-color:var(--blue)!important;color:#fff!important;border-color:var(--blue)}
.contact-topic-grid a[aria-current]:hover{background-color:var(--navy)!important;color:#fff!important}
@media(min-width:768px) and (max-width:1199px){
 .community-intro-grid{grid-template-columns:1fr;gap:32px}
 .community-intro-grid>div{max-width:48em}
 .community-intro .hero-links{flex-direction:row;align-items:center}
 .community-intro .community-intro-photo img{aspect-ratio:16/9;object-position:center 20%}
 .community-information-grid{gap:32px}
 .community-information-fields dl>div{grid-template-columns:1fr;gap:6px}
 .community-exchange-grid{gap:32px}
 .community-service-overview{gap:24px}
 .community-service-overview h3{font-size:18px}
}
@media(max-width:767px){
 .page-banner .page-banner-lead{font-size:13px;line-height:1.9;max-width:24em}
 .community-intro-grid{grid-template-columns:1fr;gap:32px}
 .community-intro h2{font-size:28px}
 .community-intro .hero-links{flex-direction:column;align-items:stretch}
 .community-intro .hero-links .text-link{text-align:center;font-size:13px}
 .community-service-overview{grid-template-columns:1fr;gap:18px;margin-top:28px}
 .community-service-overview a{padding-top:18px;gap:4px 16px}
 .community-service-overview h3{font-size:18px}
 .community-information-grid,.community-exchange-grid{grid-template-columns:1fr;gap:32px}
 .community-information-grid p,.community-exchange-grid p{font-size:14px;line-height:1.95}
 .community-information-fields dl>div{grid-template-columns:1fr;gap:6px}
 .community-reading-entry{display:grid;gap:12px}
 .community-editorial .curriculum-list h3{font-size:18px}
 .community-information-fields h3,.community-exchange-grid h3,.community-purpose-list h3{font-size:19px}
 .community-scope-note .text-link,.community-operator .text-link{margin-left:0}
 .community-disclosure summary,.community-contract summary{font-size:13px}
}
.community-intro~section[id],.community-reading-entry{scroll-margin-top:calc(var(--sticky-offset,70px) + 84px)}
@media(max-width:767px){.community-intro~section[id],.community-reading-entry{scroll-margin-top:calc(var(--sticky-offset,70px) + 160px)}}

/* Visual simplicity (DESIGN §26): one reading path, pictures explain rather than decorate. */
.community-learning-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center;margin-bottom:36px}
.community-learning-intro .community-section-lead{margin:0;font-size:15px;line-height:2;max-width:34em}
.community-exchange-grid{align-items:center}
.community-exchange-grid>div h3:not(:first-child){margin-top:28px}
.community-exchange-photo{margin:0;min-width:0}
.community-exchange-photo img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;object-position:center}
.community-intro~section[id],.community-reading-entry{scroll-margin-top:calc(var(--sticky-offset,70px) + 24px)}
.event-visual-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center;margin-block:24px 36px}
.event-visual-intro>p{font-size:15px;line-height:2;margin:0}
.home-community-copy .home-community-disclosure-note{font-size:12px;line-height:1.9;color:var(--muted);margin:16px 0 24px}
.ma-article .split-diagram{margin:28px 0}
@media(min-width:768px) and (max-width:1199px){.community-learning-intro,.event-visual-intro{gap:32px}.community-exchange-photo img{aspect-ratio:16/9;object-position:center 25%}}
@media(max-width:767px){
 .community-learning-intro,.event-visual-intro{grid-template-columns:1fr;gap:24px}
 .community-learning-intro .community-section-lead,.event-visual-intro>p{font-size:14px;line-height:1.95}
 .community-exchange-grid{gap:28px}
 .community-intro~section[id],.community-reading-entry{scroll-margin-top:calc(var(--sticky-offset,70px) + 24px)}
}

/* Column eyecatch: one photo per column (2026-10-16) */
.article-eyecatch{margin:0 0 28px;aspect-ratio:16/10;overflow:hidden;background:#eef3f7;border:1px solid var(--line)}
.article-eyecatch img{display:block;width:100%;height:100%;object-fit:cover}

.membership-plans dt small{display:block;font:400 13px/1.7 var(--sans)}

.source-detail{display:block;font-size:13px;line-height:1.8}.news-current-note{padding:16px 20px;border-left:3px solid var(--blue);background:#f3f8fc;margin:24px 0}.news-current-note p{margin:0 0 8px}

/* Text enlargement: retain the text and contain wide comparison tables. */
.site-header .brand>span{min-width:0;white-space:normal;overflow-wrap:anywhere}
@media(min-width:1200px){.site-header .header{height:auto;min-height:88px;flex-wrap:wrap;row-gap:0;justify-content:flex-end}.site-header .header nav{height:auto;min-height:88px;flex-wrap:wrap}.site-header .header nav .nav-item{min-height:88px}.site-header .nav-submenu{max-height:calc(100dvh - var(--sticky-offset,88px) - 8px);overflow-y:auto}.site-header .nav-item:nth-last-child(1 of .nav-item)>.nav-submenu{left:auto;right:0}}
@media(max-width:1199px){.site-header .header{height:auto;min-height:72px}.site-header .header .brand{min-width:0}.site-header .brand svg{flex-shrink:0}}
@media(max-width:767px){.site-header .header{min-height:68px}}
.copy-phrase{max-width:100%;overflow-wrap:anywhere}
.fee-quick-wrap{max-width:100%;overflow-x:auto}
.fee-example .fee-total>span{max-width:100%;white-space:normal;overflow-wrap:anywhere}
@media(max-width:767px){
 .footer .primary-footer{grid-template-columns:minmax(0,1fr)}
 .footer .primary-footer>*,.footer .brand>span,.community-intro-grid>*{min-width:0}
 .footer .brand{max-width:100%;white-space:normal}
 .footer .brand>span{white-space:normal;overflow-wrap:anywhere}
 .community-intro-grid{grid-template-columns:minmax(0,1fr)!important}
 .community-joining .membership-plans>div{flex-wrap:wrap;gap:8px 20px}
 .event-row{min-width:0;grid-template-columns:minmax(0,1fr) auto 16px}.event-row-title{min-width:0;overflow-wrap:anywhere}
 .event-row time{white-space:normal}
 .community-intro-price>span{white-space:normal}
 .event-row>.chev{justify-self:end;margin-right:4px}
}
/* Miniature hero preview only; copied live page content is preserved. */
.hero-miniature{background:#fff}
.hero-miniature.preview-b{background:linear-gradient(180deg,#c5e8fa 0%,#eff8fc 65%,#fff 100%)}
.hero-miniature .hero-photo-frame img{object-fit:contain;object-position:right top}
.hero-miniature::after{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.96) 25%,rgba(255,255,255,.65) 34%,rgba(255,255,255,0) 48%)}
.hero-miniature.preview-b::after{background:linear-gradient(180deg,#c5e8fa 0%,#e6f5fc 55%,#fff 100%);mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.96) 25%,rgba(0,0,0,.65) 34%,transparent 48%)}
@media(min-width:1024px) and (max-width:1199px){
 .hero-miniature::after{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.97) 38%,rgba(255,255,255,0) 52%)}
 .hero-miniature.preview-b::after{background:linear-gradient(180deg,#c5e8fa 0%,#e6f5fc 55%,#fff 100%);mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.97) 38%,transparent 52%)}
}
@media(max-width:1023px){
 .hero-miniature,.hero-miniature.preview-b{display:block;min-height:0;background:#fff}
 .hero-miniature .hero-photo-frame{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:1209/887}
 .hero-miniature .hero-photo-frame img{width:100%;height:100%;object-fit:cover;object-position:center}
 .hero-miniature::after{display:none}
 .hero-miniature .hero-copy{padding-block:18px 32px}
}