/* Expertise pages share a readable, responsive layout without changing their content. */
:is(.expertise-detail,.venture-detail,.cooperation-detail,.overview-detail) .inner-hero{padding-bottom:48px}
:is(.expertise-detail,.venture-detail,.cooperation-detail,.overview-detail) .inner-hero-grid{grid-template-columns:minmax(0,1fr) 180px;gap:64px;align-items:center}
:is(.expertise-detail,.venture-detail,.cooperation-detail,.overview-detail) .inner-hero h1{font-size:clamp(34px,4vw,56px);max-width:25ch;line-height:1.13;text-wrap:balance}
:is(.expertise-detail,.venture-detail,.cooperation-detail,.overview-detail) .inner-hero .lead{max-width:65ch;font-size:20px;line-height:1.7}
:is(.expertise-detail,.venture-detail,.cooperation-detail,.overview-detail) .reading-layout{grid-template-columns:250px minmax(0,1fr);gap:clamp(32px,5vw,72px);padding-block:48px}
:is(.expertise-detail,.venture-detail,.cooperation-detail,.overview-detail) .page-toc{top:132px;align-self:start;border-top:2px solid var(--green);padding-top:18px}
:is(.expertise-detail,.venture-detail,.cooperation-detail,.overview-detail) .page-toc a{font-size:15px;line-height:1.5;padding:12px 0}
:is(.expertise-detail,.venture-detail,.cooperation-detail,.overview-detail) .page-toc a:hover{color:var(--green)}
:is(.expertise-detail,.venture-detail,.cooperation-detail,.overview-detail) .page-prose{max-width:none;font-size:18px;line-height:1.8}
:is(.expertise-detail,.venture-detail,.cooperation-detail,.overview-detail) .page-prose>p:first-child{padding:22px 26px;background:#edf3ea;border-left:3px solid var(--green);margin-top:0;font-size:19px}
:is(.expertise-detail,.venture-detail,.cooperation-detail,.overview-detail) .page-prose h2{font-size:clamp(25px,2.3vw,32px);line-height:1.3;margin:32px 0 16px;padding-top:26px;border-top:1px solid var(--line);scroll-margin-top:140px;text-wrap:balance}
:is(.expertise-detail,.venture-detail,.cooperation-detail,.overview-detail) .page-prose p{max-width:76ch}
:is(.expertise-detail,.venture-detail,.cooperation-detail,.overview-detail) .page-prose ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:0;list-style:none;margin:20px 0 28px}
:is(.expertise-detail,.venture-detail,.cooperation-detail,.overview-detail) .page-prose ul li{margin:0;padding:20px 22px;background:#fff;border:1px solid var(--line);border-top:3px solid var(--green);font-size:17px;line-height:1.7}
:is(.expertise-detail,.venture-detail,.cooperation-detail,.overview-detail) main>.section.wrap{padding-block:32px 48px}
:is(.expertise-detail,.venture-detail,.cooperation-detail,.overview-detail) .bcn-collection{padding-top:28px;border-top:1px solid var(--line)}
:is(.expertise-detail,.venture-detail,.cooperation-detail,.overview-detail) .bcn-collection+.bcn-collection{margin-top:44px}
:is(.expertise-detail,.venture-detail,.cooperation-detail,.overview-detail) .bcn-collection>h2{font-size:clamp(27px,2.6vw,36px);line-height:1.25;margin:0 0 24px}
:is(.expertise-detail,.venture-detail,.cooperation-detail,.overview-detail) .bcn-count{font-size:14px;color:var(--muted);margin:16px 0 0}
:is(.expertise-detail,.venture-detail,.cooperation-detail,.overview-detail) .bcn-grid{gap:22px;margin:20px 0 0}
:is(.expertise-detail,.venture-detail,.cooperation-detail,.overview-detail) .bcn-card{border-radius:4px;padding:24px}
:is(.expertise-detail,.venture-detail,.cooperation-detail,.overview-detail) .bcn-card h3{font-size:22px;line-height:1.35;margin:14px 0}
:is(.expertise-detail,.venture-detail,.cooperation-detail,.overview-detail) .bcn-card .bcn-more{border-top:1px solid var(--line);margin-top:auto;padding-top:16px}
:is(.expertise-detail,.venture-detail,.cooperation-detail,.overview-detail) .bcn-card>p:last-of-type{margin-bottom:24px}
:is(.expertise-detail,.venture-detail,.cooperation-detail,.overview-detail) .bcn-filters{border:1px solid var(--line);border-radius:4px;gap:16px;padding:20px}
:is(.expertise-detail,.venture-detail,.cooperation-detail,.overview-detail) .institutional-section .section-heading{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:start}
:is(.expertise-detail,.venture-detail,.cooperation-detail,.overview-detail) .institutional-section h2{font-size:36px}
:is(.expertise-detail,.venture-detail,.cooperation-detail,.overview-detail) .closing h2{font-size:clamp(30px,3vw,40px)}
@media(max-width:1000px){
 :is(.expertise-detail,.venture-detail,.cooperation-detail,.overview-detail) .reading-layout{grid-template-columns:200px minmax(0,1fr);gap:32px}
 :is(.expertise-detail,.venture-detail,.cooperation-detail,.overview-detail) .inner-hero-grid{grid-template-columns:minmax(0,1fr) 120px;gap:24px}
 :is(.expertise-detail,.venture-detail,.cooperation-detail,.overview-detail) .page-prose ul{grid-template-columns:1fr}
}
@media(max-width:767px){
 :is(.expertise-detail,.venture-detail,.cooperation-detail,.overview-detail) .inner-hero{padding-bottom:32px}
 :is(.expertise-detail,.venture-detail,.cooperation-detail,.overview-detail) .inner-hero-grid{display:block}
 :is(.expertise-detail,.venture-detail,.cooperation-detail,.overview-detail) .inner-motif{display:none}
 :is(.expertise-detail,.venture-detail,.cooperation-detail,.overview-detail) .inner-hero .lead{font-size:18px}
 :is(.expertise-detail,.venture-detail,.cooperation-detail,.overview-detail) .reading-layout{display:block;padding-block:32px}
 :is(.expertise-detail,.venture-detail,.cooperation-detail,.overview-detail) .page-toc{position:static;margin:0 0 28px;padding:18px 20px;background:#edf3ea}
 :is(.expertise-detail,.venture-detail,.cooperation-detail,.overview-detail) .page-toc>a{display:block;font-size:15px;padding:10px 0}
 :is(.expertise-detail,.venture-detail,.cooperation-detail,.overview-detail) .page-toc:after{display:none}
 :is(.expertise-detail,.venture-detail,.cooperation-detail,.overview-detail) .page-prose{font-size:17px}
 :is(.expertise-detail,.venture-detail,.cooperation-detail,.overview-detail) .page-prose>p:first-child{font-size:18px;padding:18px 20px}
 :is(.expertise-detail,.venture-detail,.cooperation-detail,.overview-detail) .page-prose h2{margin-top:28px;padding-top:24px;scroll-margin-top:115px}
 :is(.expertise-detail,.venture-detail,.cooperation-detail,.overview-detail) main>.section.wrap{padding-block:24px 32px}
 :is(.expertise-detail,.venture-detail,.cooperation-detail,.overview-detail) .bcn-collection+.bcn-collection{margin-top:32px}
 :is(.expertise-detail,.venture-detail,.cooperation-detail,.overview-detail) .bcn-card{padding:22px}
 :is(.expertise-detail,.venture-detail,.cooperation-detail,.overview-detail) .institutional-section .section-heading{grid-template-columns:1fr;gap:20px}
 :is(.expertise-detail,.venture-detail,.cooperation-detail,.overview-detail) .institutional-section .section-copy{margin:0}
}