/* Complete + Content compositions; shared LAWER primitives remain in lawer.css. */
.complete-site { overflow-x: hidden; }
.complete-site .site-header { background: rgba(244,241,234,.96); }
.complete-site .nav { min-height: 72px; gap: 25px; }
.complete-site .nav-links { gap: 21px; font-size: .79rem; }
.complete-site .nav-links a[aria-current="page"] { color: var(--mineral); }
.complete-site .mobile-menu-cta { display: none; }
.complete-site .text-link { display: inline-flex; gap: .55rem; align-items: center; color: var(--mineral); font-size: .78rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.complete-site .text-link:hover span { transform: translateX(4px); }
.complete-site .text-link span { transition: transform .2s ease; }
.editorial-section { padding: 105px 0; }
.label { margin: 0 0 14px; color: var(--mineral); font-size: .7rem; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
.display-title { margin: 0; font: 500 clamp(2.6rem,5vw,4.8rem)/1 var(--serif); letter-spacing: -.04em; }
.lead { color: #555d58; }
.section-row { display: grid; grid-template-columns: 1.25fr .75fr; gap: 8vw; align-items: end; margin-bottom: 48px; }

.knowledge-hero { position: relative; overflow: hidden; color: var(--paper); background: var(--ink); }
.knowledge-hero::before { position: absolute; inset: 0; content: ""; background-image: linear-gradient(#ffffff0d 1px,transparent 1px),linear-gradient(90deg,#ffffff0d 1px,transparent 1px); background-size: 70px 70px; }
.knowledge-hero-grid { position: relative; display: grid; min-height: 700px; grid-template-columns: 1.08fr .92fr; gap: 7vw; align-items: center; padding-block: 80px; }
.knowledge-hero h1 { margin: 0; font: 450 clamp(3.6rem,7vw,7rem)/.88 var(--serif); letter-spacing: -.055em; }
.knowledge-hero-copy > p:not(.label) { max-width: 620px; margin: 28px 0; color: #b8c1bc; }
.hero-actions { display: flex; gap: 12px; flex-wrap: wrap; }
.knowledge-hero .btn { color: var(--paper); border-color: #899790; }
.knowledge-hero .btn-primary { color: var(--ink); background: var(--paper); }
.index-art { position: relative; min-height: 510px; border-left: 1px solid #ffffff2b; }
.index-sheet { position: absolute; display: flex; padding: 25px; flex-direction: column; justify-content: space-between; border: 1px solid #8ba094; background: #202825; }
.index-sheet:nth-child(1) { inset: 3% 28% 31% 4%; opacity: .45; }
.index-sheet:nth-child(2) { inset: 16% 15% 18% 17%; opacity: .72; }
.index-sheet:nth-child(3) { inset: 29% 2% 5% 30%; background: var(--mineral); }
.index-sheet small { letter-spacing: .15em; }
.index-sheet strong { font: 450 3rem var(--serif); }

.entry-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.entry-card { min-height: 340px; padding: 45px; border: 1px solid var(--line); background: var(--soft); }
.entry-card:nth-child(2) { color: var(--paper); background: var(--mineral); }
.entry-card .number { font-size: .7rem; letter-spacing: .16em; }
.entry-card h2 { max-width: 480px; margin: 90px 0 18px; font: 500 2.3rem/1.05 var(--serif); }

.area-depth { background: #e9e5dd; }
.area-depth-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 18px; }
.area-depth-card { display: grid; min-height: 380px; padding: 35px; grid-template-rows: auto 1fr auto; border: 1px solid var(--line); background: var(--paper); transition: transform .2s, box-shadow .2s; }
.area-depth-card:hover { transform: translateY(-4px); box-shadow: 0 20px 50px #171b1a12; }
.area-depth-card .number, .content-meta { color: var(--mineral); font-size: .69rem; font-weight: 750; letter-spacing: .13em; text-transform: uppercase; }
.area-depth-card h3 { margin: 45px 0 14px; font: 500 2rem/1.05 var(--serif); }
.area-depth-card p { color: #59605c; }
.card-related { padding-top: 18px; border-top: 1px solid var(--line); font-size: .73rem; }

.content-section { color: var(--paper); background: var(--ink); }
.content-section .lead { color: #abb4af; }
.content-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 18px; }
.content-card { display: flex; min-height: 330px; padding: 34px; flex-direction: column; border: 1px solid #414a46; background: #1c211f; }
.content-card h3 { margin: 55px 0 14px; font: 500 1.8rem/1.1 var(--serif); }
.content-card p { color: #aeb7b2; }
.content-card .text-link { margin-top: auto; color: var(--pale); }

.method-strip { padding: 36px 0; border-block: 1px solid var(--line); }
.method-strip-list { display: grid; grid-template-columns: repeat(4,1fr); margin: 0; padding: 0; list-style: none; }
.method-strip li { padding: 20px 25px; border-left: 1px solid var(--line); }
.method-strip span { display: block; color: var(--mineral); font-size: .68rem; }
.method-strip strong { font: 500 1.3rem var(--serif); }
.team-compact { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.profile { padding: 28px; border: 1px solid var(--line); }
.profile-mark { display: grid; aspect-ratio: 1.4; margin-bottom: 24px; color: var(--paper); background: var(--ink); font: 450 3.5rem var(--serif); place-items: center; }
.profile h2, .profile h3 { margin: 0; font: 500 1.5rem var(--serif); }
.profile p { color: #59605c; font-size: .88rem; }

.faq-list { border-top: 1px solid var(--line); }
.faq-list details { border-bottom: 1px solid var(--line); }
.faq-list summary { position: relative; padding: 24px 45px 24px 0; cursor: pointer; font: 500 1.22rem var(--serif); list-style: none; }
.faq-list summary::after { position: absolute; right: 5px; content: "+"; color: var(--mineral); }
.faq-list details[open] summary::after { content: "−"; }
.faq-answer { max-width: 800px; padding: 0 0 24px; color: #59605c; }
.faq-answer a { color: var(--mineral); text-decoration: underline; }

.complete-cta { padding: 90px 0; }
.complete-cta-card { display: grid; grid-template-columns: 1.4fr .6fr; gap: 45px; align-items: end; padding: 65px; color: var(--paper); background: var(--mineral); }
.complete-cta h2 { margin: 0; font: 500 clamp(2.5rem,5vw,4.5rem)/1 var(--serif); }
.complete-cta p { margin-bottom: 0; color: #e1e9e4; }
.complete-cta .btn { color: var(--paper); border-color: var(--paper); }

.complete-page-hero { position: relative; overflow: hidden; padding: 70px 0 86px; border-bottom: 1px solid var(--line); }
.complete-page-hero::after { position: absolute; top: 0; right: 0; width: 34%; height: 100%; content: ""; background: repeating-linear-gradient(90deg,transparent 0 55px,var(--line) 55px 56px),var(--soft); }
.complete-page-hero .container { position: relative; z-index: 1; }
.breadcrumb { display: flex; gap: 9px; margin-bottom: 38px; color: #747b77; font-size: .74rem; flex-wrap: wrap; }
.breadcrumb a { color: var(--mineral); }
.complete-page-hero h1 { max-width: 930px; margin: 0; font: 450 clamp(3.3rem,6.4vw,6.3rem)/.92 var(--serif); letter-spacing: -.05em; }
.complete-page-hero .intro { max-width: 690px; color: #555d58; font-size: 1.04rem; }

.connection-grid, .hub-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.connection-card, .hub-card { padding: 30px; border: 1px solid var(--line); }
.connection-card h3, .hub-card h2 { margin: 38px 0 12px; font: 500 1.65rem var(--serif); }
.connection-card p, .hub-card p { color: #59605c; }
.hub-grid { grid-template-columns: repeat(2,1fr); }
.hub-card { min-height: 390px; background: var(--soft); }
.hub-card ul { padding-left: 18px; color: #59605c; font-size: .84rem; }

.area-layout { display: grid; grid-template-columns: .65fr 1.35fr; gap: 7vw; align-items: start; }
.area-aside { position: sticky; top: 105px; padding: 28px; border: 1px solid var(--line); }
.area-aside strong { display: block; margin-bottom: 15px; font: 500 1.35rem var(--serif); }
.area-aside a { display: block; margin: 10px 0; color: var(--mineral); font-size: .82rem; }
.area-main h2 { margin: 48px 0 15px; font: 500 clamp(2rem,4vw,3.2rem)/1.05 var(--serif); }
.area-main h2:first-child { margin-top: 0; }
.area-main p { color: #505854; }
.topic-grid { display: grid; grid-template-columns: repeat(2,1fr); margin: 25px 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.topic-grid li { padding: 14px 10px 14px 0; border-bottom: 1px solid var(--line); }
.related-feature { margin: 42px 0; padding: 32px; color: var(--paper); background: var(--ink); }
.related-feature h3 { margin: 10px 0; font: 500 1.8rem var(--serif); }
.related-feature p { color: #adb6b1; }
.area-nav { margin-top: 50px; padding-top: 25px; border-top: 1px solid var(--line); }
.area-nav-list { display: flex; gap: 10px; flex-wrap: wrap; }
.area-nav a, .area-nav span { padding: 9px 13px; border: 1px solid var(--line); font-size: .74rem; }
.area-nav span { color: var(--paper); background: var(--mineral); }

.topic-nav { display: flex; gap: 10px; margin: 28px 0 45px; flex-wrap: wrap; }
.topic-nav a { padding: 9px 14px; border: 1px solid var(--line); font-size: .74rem; }
.featured-content { display: grid; grid-template-columns: 1.1fr .9fr; min-height: 440px; margin-bottom: 20px; border: 1px solid var(--line); }
.featured-cover { display: grid; padding: 35px; color: var(--paper); background: var(--mineral); font: 450 5rem var(--serif); place-items: end start; }
.featured-copy { display: flex; padding: 42px; flex-direction: column; justify-content: center; }
.featured-copy h2 { margin: 20px 0; font: 500 2.3rem/1.05 var(--serif); }

.article-hero { padding: 62px 0 70px; border-bottom: 1px solid var(--line); }
.article-hero-inner { width: min(920px,calc(100% - 40px)); margin: auto; }
.article-hero h1 { margin: 18px 0; font: 450 clamp(3rem,6vw,5.7rem)/.94 var(--serif); letter-spacing: -.05em; }
.article-hero .dek { color: #555d58; font-size: 1.08rem; }
.article-meta { display: flex; gap: 12px; color: var(--mineral); font-size: .7rem; font-weight: 750; letter-spacing: .12em; text-transform: uppercase; }
.article-layout { display: grid; grid-template-columns: 230px minmax(0,720px); gap: 70px; justify-content: center; padding: 70px 20px 100px; }
.article-toc { position: sticky; top: 105px; align-self: start; padding: 22px; border-left: 2px solid var(--mineral); }
.article-toc strong { display: block; margin-bottom: 14px; font-size: .72rem; letter-spacing: .14em; text-transform: uppercase; }
.article-toc a { display: block; margin: 9px 0; color: #59605c; font-size: .78rem; }
.article-body { min-width: 0; }
.article-body h2 { scroll-margin-top: 110px; margin: 48px 0 14px; font: 500 2.2rem/1.1 var(--serif); }
.article-body h2:first-child { margin-top: 0; }
.article-body p, .article-body li { color: #4f5753; }
.article-body blockquote { margin: 42px 0; padding: 28px; border-left: 3px solid var(--mineral); background: var(--soft); font: 500 1.55rem/1.35 var(--serif); }
.info-block, .disclaimer { margin: 30px 0; padding: 24px; border: 1px solid var(--line); background: #ebe7df; }
.disclaimer { font-size: .84rem; }
.related-content { margin-top: 60px; padding-top: 35px; border-top: 1px solid var(--line); }
.related-content-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 14px; }
.related-content a { padding: 20px; border: 1px solid var(--line); }
.related-content strong { display: block; font: 500 1.15rem var(--serif); }

.contact-complete { display: grid; grid-template-columns: .7fr 1.3fr; gap: 7vw; }
.channel-list { display: grid; gap: 1px; background: #c7c5bd; border: 1px solid #c7c5bd; }
.channel { padding: 25px; background: var(--paper); }
.channel strong { display: block; font: 500 1.3rem var(--serif); }
.channel span, .channel a { color: #59605c; font-size: .84rem; }
.contact-form { padding: 40px; background: var(--soft); border: 1px solid var(--line); }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.form-field { display: grid; gap: 6px; }
.form-field.full, .checkbox-field, .form-status { grid-column: 1/-1; }
.form-field label, .checkbox-field { font-size: .77rem; font-weight: 700; }
.form-field input, .form-field select, .form-field textarea { width: 100%; min-height: 49px; padding: 12px; border: 1px solid #aaa; border-radius: 0; background: var(--paper); font: inherit; }
.form-field textarea { min-height: 140px; }
.checkbox-field { display: flex; gap: 9px; align-items: start; }
.form-status { display: none; padding: 15px; border-left: 3px solid var(--mineral); background: #dbe4df; }
.form-status.is-visible { display: block; }

.complete-footer { padding: 72px 0 25px; color: #c5ceca; background: #101312; }
.complete-footer-grid { display: grid; grid-template-columns: 1.2fr repeat(4,1fr); gap: 35px; }
.complete-footer h2 { margin: 0 0 15px; color: #fff; font: 500 1rem var(--serif); }
.complete-footer-links a, .complete-footer-links span { display: block; margin: 8px 0; color: #9da8a2; font-size: .78rem; }
.complete-footer-bottom { display: flex; margin-top: 50px; padding-top: 22px; justify-content: space-between; gap: 25px; border-top: 1px solid #343b38; color: #84908a; font-size: .72rem; }
.complete-footer-bottom span:first-child { max-width: 700px; }

@media(max-width:1050px){.complete-site .nav-links{gap:14px;font-size:.73rem}.complete-footer-grid{grid-template-columns:repeat(3,1fr)}.knowledge-hero-grid{grid-template-columns:1fr 1fr}.team-compact{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.complete-site .mobile-menu-cta{display:inline-flex;min-height:48px;padding:12px 18px;border:1px solid var(--pale);color:var(--paper);background:transparent}.knowledge-hero-grid,.area-layout,.contact-complete{grid-template-columns:1fr}.index-art{min-height:360px}.area-aside,.article-toc{position:static}.complete-cta-card,.featured-content{grid-template-columns:1fr}.article-layout{grid-template-columns:minmax(0,720px);gap:30px}.complete-footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.editorial-section{padding:72px 0}.section-row,.entry-grid,.area-depth-grid,.content-grid,.hub-grid,.connection-grid,.team-compact{grid-template-columns:1fr}.knowledge-hero-grid{min-height:auto;padding-block:65px}.knowledge-hero h1,.complete-page-hero h1,.article-hero h1{font-size:clamp(3rem,15vw,4.5rem)}.hero-actions,.hero-actions .btn{width:100%}.index-art{min-height:280px}.entry-card,.area-depth-card{min-height:300px;padding:28px}.method-strip-list{grid-template-columns:1fr 1fr}.complete-cta{padding:60px 0}.complete-cta-card{padding:42px 24px}.complete-page-hero::after{opacity:.35;width:45%}.topic-grid,.form-grid,.related-content-grid{grid-template-columns:1fr}.contact-form{padding:25px 18px}.form-field.full,.checkbox-field,.form-status{grid-column:auto}.article-hero-inner{width:min(100% - 28px,920px)}.article-layout{padding-inline:14px}.complete-footer-grid{grid-template-columns:1fr}.complete-footer-bottom{flex-direction:column}}