/* THE SYSTEM · X tailoring hierarchy and method subpage */
#tailoring .tailor-intro>.h2{max-width:18ch}
#tailoring .tailor-intro>.topic{max-width:62ch;margin-top:clamp(20px,3vw,42px)}
#tailoring .tailor-contrast{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(12px,2vw,25px);margin-top:clamp(34px,5vw,66px)}
#tailoring .tailor-contrast>div{min-width:0;padding:clamp(22px,3vw,38px);border:1px solid var(--line);background:rgba(255,253,247,.72)}
#tailoring .tailor-contrast>div{position:relative;z-index:0;transition:transform .34s cubic-bezier(.2,.75,.25,1),box-shadow .34s ease,border-color .34s ease}
#tailoring .tailor-contrast>div:hover{z-index:1;transform:translateY(-8px);border-color:#b99b67;box-shadow:0 24px 48px -28px rgba(15,42,33,.38)}
#tailoring .tailor-contrast>div:active{transform:translateY(-4px)}
#tailoring .tailor-contrast .tailor-role{border-color:#b99b67;background:#eae5d6;box-shadow:0 18px 42px -36px rgba(17,45,30,.48)}
#tailoring .tailor-marker{display:block;color:var(--gold-access);font:600 11px/1.4 var(--sans);letter-spacing:.14em;text-transform:uppercase}
#tailoring .tailor-contrast h3{margin:14px 0 14px;color:var(--forest);font:400 clamp(28px,3vw,42px)/1.08 var(--display)}
#tailoring .tailor-role h3{font-size:clamp(34px,4vw,56px);max-width:12ch}
#tailoring .tailor-contrast p{max-width:51ch;margin:0;color:#385245;line-height:1.65}
#tailoring .tailor-process{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:var(--gap-col);padding-block:clamp(35px,5vw,64px);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
#tailoring .tailor-process .h2{max-width:12ch;margin-bottom:22px}
#tailoring .tailor-process .note{max-width:44ch}
#tailoring .tailor-steps{min-width:0}
#tailoring .tailor-demo{padding-top:clamp(14px,2vw,25px)}
#tailoring .tailor-demo>.tl{min-width:0}
#tailoring .tailor-demo .topic-line{max-width:19ch}
#tailoring .tailor-demo p:not(.eyebrow){max-width:45ch}
#tailoring .tailor-demo .note{margin-top:22px}
#deeper-analyses .method-more{display:inline-flex;align-items:center;gap:10px;margin-top:var(--sp-block)}
#lineage.section{padding-top:calc(var(--header-h) + clamp(34px,5vw,70px))}
#lineage .method-breadcrumb{display:flex;align-items:center;gap:12px;margin-bottom:clamp(42px,6vw,80px);color:var(--gold-access);font:600 11px/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase}
#lineage .method-breadcrumb a{text-decoration:underline;text-underline-offset:4px}
#lineage .method-breadcrumb a:hover{color:var(--forest)}
#lineage .method-declaration{max-width:52ch;margin-top:28px}
#lineage .media{margin-top:clamp(44px,6vw,80px)}
#lineage .method-return{padding-bottom:clamp(20px,4vw,55px)}
#lineage .method-return .textlink{display:inline-flex;gap:10px;align-items:center}
@media(max-width:760px){
  #tailoring .tailor-contrast,#tailoring .tailor-process{grid-template-columns:1fr}
  #tailoring .tailor-process{gap:24px}
  #tailoring .tailor-contrast .tailor-role h3{max-width:none}
  #lineage .method-breadcrumb{margin-bottom:36px}
}
@media(prefers-reduced-motion:reduce){#tailoring .tailor-contrast>div{transition:none}}