/* The method stays readable before its learning-cycle controls are enhanced. */
#method-page{--method-ink:#254b45;--method-paper:#f5f1e8;--method-line:#c5cdbf;--method-header:88px;color:var(--method-ink);background:var(--method-paper)}
#method-page [hidden]{display:none!important}
#method-page :is(p,h1,h2,h3){margin-top:0}
#method-page :is(h1,h2,h3){font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.035em;line-height:1.1}
#method-page h1{font-size:clamp(46px,5.5vw,70px);margin-bottom:28px}
#method-page h2{font-size:clamp(34px,3.7vw,46px);margin-bottom:20px}
#method-page h3{font-size:26px}
#method-page em{font-style:italic;color:#936044}
#method-page p{line-height:1.75}
#method-page .methodEyebrow{font-family:inherit;font-size:9px;line-height:1.6;font-weight:700;letter-spacing:.15em;margin-bottom:22px}
#method-page .methodHero{padding:68px 0 60px;border-bottom:1px solid var(--method-line)}
#method-page .methodHeroGrid{display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:64px}
#method-page .methodHeroIntro{border-left:1px solid var(--method-line);padding-left:34px}
#method-page .methodHeroIntro>p:last-child{font-size:15px;color:#5b6c60;margin:0}
#method-page .methodTextLink{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;min-height:44px;color:inherit;font-size:13px;font-weight:650;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px;text-decoration-color:#849782}
#method-page .methodTextLink>span{font-size:20px;transition:transform 180ms}
#method-page .methodTextLink:is(:hover,:focus-visible)>span{transform:translate(3px,-3px)}
#method-page .methodCycle{padding:56px 0 64px;background:#e6eade;scroll-margin-top:calc(var(--method-header) + 12px)}
#method-page .methodSectionHead{display:flex;justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:34px}
#method-page .methodSectionHead>div{position:relative;padding-right:36px}
#method-page .methodSectionHead h2{font-size:36px;max-width:690px;margin-bottom:0}
#method-page .methodSectionHead .methodEyebrow{margin-bottom:14px}
#method-page .methodSectionHead>p{font-size:12px;color:#5a6b5e;margin-bottom:3px;flex-shrink:0}
#method-page .methodExplorer{display:grid;grid-template-columns:minmax(0,.66fr) minmax(0,1.34fr);gap:22px;align-items:start}
#method-page .methodTabs{display:grid;position:relative;isolation:isolate;border-block:1px solid #b7c2ae}
#method-page .methodTab{scroll-margin-top:calc(var(--method-header) + 16px);scroll-margin-bottom:16px;display:grid;grid-template-columns:24px 1fr 20px;gap:18px;align-items:center;min-height:103px;padding:24px 20px;text-decoration:none;position:relative;color:inherit;border-bottom:1px solid #c4cdba}
#method-page .methodTab:last-of-type{border-bottom:0}
#method-page .methodTab>span:first-child{font-size:10px;color:#71816a}
#method-page .methodTab strong{display:block;font-family:Georgia,serif;font-size:27px;letter-spacing:-.03em;font-weight:400;line-height:1.2}
#method-page .methodTab small{display:block;font-size:11px;line-height:1.5;color:#596e5c;margin-top:6px}
#method-page .methodTab>span:last-child{font-size:20px;transition:transform 200ms}
#method-page .methodTab:is(:hover,:focus-visible){background:#f8f6eb}
#method-page .methodTab[aria-selected=true] strong{color:#8a5338}
#method-page .methodTab[aria-selected=true]>span:last-child{transform:rotate(45deg)}
#method-page.methodReady .methodTab:is(:hover,:focus-visible){background:transparent}
#method-page .methodMarker{position:absolute;top:0;left:0;background:#fffdf4;border:1px solid #c0cbb6;border-radius:3px;z-index:-1;pointer-events:none;opacity:0;transition:transform 260ms cubic-bezier(.2,.7,.3,1),width 260ms,height 260ms}
#method-page .methodPanels{display:grid;gap:20px}
#method-page .methodPanel{background:#254b45;color:#f8f2df;border:1px solid #254b45;border-radius:4px 42px 4px 4px;padding:32px 36px;scroll-margin-top:calc(var(--method-header) + 16px);min-height:414px}
#method-page .methodPanelTop{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:12px}
#method-page .methodPanelTop>.methodEyebrow{font-size:8px;color:#cad8bf;max-width:26ch;margin:0;padding-top:6px}
#method-page .methodPanelTop>span{font:italic 46px/1 Georgia,serif;color:#d6b97d;letter-spacing:-.06em}
#method-page .methodPanel h3{font-size:44px;margin-bottom:18px;color:inherit}
#method-page .methodDefinition{max-width:58ch;font-size:15px;color:#e0e9d9;margin-bottom:26px;min-height:53px}
#method-page .methodQuestion{padding:18px 0 0;border-top:1px solid #638270;margin-bottom:22px}
#method-page .methodQuestion>span{font-size:8px;letter-spacing:.13em;font-weight:700;color:#c4d1b6}
#method-page .methodQuestion p{font:italic 23px/1.4 Georgia,serif;margin:8px 0 0;color:#edd9af}
#method-page .methodPanelActions{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
#method-page .methodPanel .methodTextLink{font-size:11px;text-decoration-color:#819e86;gap:12px}
#method-page .methodNext{min-height:44px;padding:10px 0;border:0;background:transparent;color:#ecdfbe;font-family:inherit;font-size:11px;font-weight:650;cursor:pointer;display:inline-flex;align-items:center;gap:14px}
#method-page .methodNext>span{font-size:18px}
#method-page .methodDecisions{padding:72px 0}
#method-page .methodDecisionIntro{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;align-items:start}
#method-page .methodDecisionIntro>div:first-child{position:relative;padding-right:36px}
#method-page .methodDecisionIntro>div:last-child{font-size:14px;color:#586c62}
#method-page .methodDecisionIntro>div:last-child>p:first-child{font-size:17px;color:var(--method-ink)}
#method-page .methodDecisionLoop{display:flex;flex-wrap:wrap;padding:22px 0;margin:26px 0 32px;list-style:none;border-block:1px solid var(--method-line);gap:12px 18px}
#method-page .methodDecisionLoop li{font:23px/1.5 Georgia,serif;display:flex;align-items:center;gap:18px}
#method-page .methodDecisionLoop li:not(:last-child):after{content:'→';color:#927653}
#method-page .methodCalculations{border-bottom:1px solid var(--method-line);margin-bottom:22px}
#method-page .methodCalculations summary{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:60px;padding:12px 0 22px;list-style:none;font-size:15px;font-weight:650;cursor:pointer}
#method-page .methodCalculations summary::-webkit-details-marker{display:none}
#method-page .methodCalculations summary>span{font-size:26px;font-weight:400;transition:transform 180ms}
#method-page .methodCalculations[open] summary>span{transform:rotate(45deg)}
#method-page .methodCalculationGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;padding:12px 0 24px}
#method-page .methodCalculationGrid h3{font-size:24px;line-height:1.2}
#method-page .methodCalculationGrid p{font-size:13px;color:#5c6c60}
#method-page .methodPrinciples{padding:64px 0;background:#eee7d9}
#method-page .methodPrinciplesGrid{display:grid;grid-template-columns:1fr 1.3fr;gap:90px}
#method-page .methodPrincipleList{border-top:1px solid #bebfae}
#method-page .methodPrincipleList>div{display:grid;grid-template-columns:24px 1fr;gap:20px;padding:27px 0;border-bottom:1px solid #bebfae}
#method-page .methodPrincipleList>div>span{font:italic 20px/1.5 Georgia,serif;color:#947654}
#method-page .methodPrincipleList h3{font-size:25px;line-height:1.2;margin-bottom:12px}
#method-page .methodPrincipleList p{font-size:14px;color:#5a695c;margin-bottom:0}
#method-page .methodDeeper{padding:64px 0}
#method-page .methodResourceList{border-top:1px solid var(--method-line)}
#method-page .methodResourceList>a{display:grid;grid-template-columns:30px 1fr 1.1fr 24px;gap:26px;align-items:center;padding:26px 14px;border-bottom:1px solid var(--method-line);color:inherit;text-decoration:none;transition:background-color 200ms}
#method-page .methodResourceList h3{font-size:25px;line-height:1.2;margin:0}
#method-page .methodResourceList p{font-size:13px;color:#5d6f61;margin:0}
#method-page .methodResourceList>a>span:first-child{font-size:10px;color:#7c846e}
#method-page .methodResourceList>a>span:last-child{font-size:25px;transition:transform 200ms}
#method-page .methodResourceList>a:is(:hover,:focus-visible){background:#e6ecdf}
#method-page .methodResourceList>a:is(:hover,:focus-visible)>span:last-child{transform:translate(3px,-3px)}
#method-page .methodNextSteps{padding:42px 0 54px;background:#dce5d8}
#method-page .methodNextSteps>.w>div{display:grid;grid-template-columns:1fr 1fr;gap:48px}
#method-page .methodNextSteps a{padding:20px 0 0;border-top:1px solid #9dac92;display:block;color:inherit;text-decoration:none}
#method-page .methodNextSteps h2{font-size:36px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}
#method-page .methodNextSteps h2>span{font-size:26px;transition:transform 200ms}
#method-page .methodNextSteps a:is(:hover,:focus-visible) h2>span{transform:translate(3px,-3px)}
#method-page .methodNextSteps p:not(.methodEyebrow){font-size:14px;color:#53684f;margin:0;max-width:50ch}
#method-page :is(a,button,summary,[role=tabpanel]):focus-visible{outline:3px solid #ad783e;outline-offset:4px}
#method-page .methodPanel :is(a,button):focus-visible{outline-color:#e3c78c}
#method-page :is(.methodSectionHead,.methodDecisionIntro) .artDock{position:absolute;right:0;top:0;min-height:0;margin:0}
@media(max-width:1000px){#method-page .methodHeroGrid{gap:38px;grid-template-columns:1.4fr 1fr}#method-page .methodHeroIntro{padding-left:24px}#method-page .methodExplorer{grid-template-columns:1fr 1.7fr;gap:18px}#method-page .methodTab{padding:20px 12px;gap:12px}#method-page .methodTab strong{font-size:25px}#method-page .methodPanel{padding:28px}#method-page .methodDecisionIntro,#method-page .methodPrinciplesGrid{gap:45px}#method-page .methodResourceList>a{grid-template-columns:22px 1fr 1fr 20px;gap:18px}}
@media(max-width:700px){#method-page .methodHero{padding:38px 0}#method-page .methodHeroGrid,#method-page .methodDecisionIntro,#method-page .methodPrinciplesGrid{grid-template-columns:1fr;gap:26px}#method-page h1{font-size:clamp(42px,9.8vw,62px);margin-bottom:16px}#method-page .methodHeroIntro{padding:22px 0 0;border:0;border-top:1px solid var(--method-line)}#method-page .methodHeroIntro>p:last-child{font-size:14px}#method-page .methodHeroIntro .methodEyebrow{margin-bottom:14px}#method-page .methodSectionHead{display:block;margin-bottom:26px}#method-page .methodSectionHead h2{font-size:33px;margin-bottom:16px}#method-page .methodSectionHead>p br{display:none}#method-page .methodExplorer{grid-template-columns:1fr}#method-page .methodTabs{grid-template-columns:repeat(2,minmax(0,1fr));border:0;gap:4px}#method-page .methodTab{display:block;min-height:84px;padding:15px 12px;border:1px solid #c1ccb5;border-radius:3px}#method-page .methodTab:last-of-type{border:1px solid #c1ccb5}#method-page .methodTab>span:first-child,#method-page .methodTab>span:last-child{display:none}#method-page .methodTab strong{font-size:23px}#method-page .methodTab small{font-size:10px}#method-page .methodPanel{padding:24px;min-height:420px;border-radius:4px 32px 4px 4px}#method-page .methodPanel h3{font-size:40px}#method-page .methodPanelTop>span{font-size:40px}#method-page .methodDefinition{font-size:14px;min-height:0}#method-page .methodQuestion p{font-size:23px}#method-page .methodPanelActions{gap:4px}#method-page .methodCycle,#method-page .methodDecisions,#method-page .methodPrinciples,#method-page .methodDeeper{padding:40px 0}#method-page .methodDecisionLoop{gap:8px 13px;margin-top:12px}#method-page .methodDecisionLoop li{font-size:22px;gap:13px}#method-page .methodCalculationGrid{grid-template-columns:1fr;gap:10px}#method-page .methodResourceList>a{grid-template-columns:22px 1fr 20px;gap:12px;padding:24px 8px}#method-page .methodResourceList h3{font-size:24px}#method-page .methodResourceList p{grid-column:2;grid-row:2}#method-page .methodResourceList>a>span:last-child{grid-column:3;grid-row:1}#method-page .methodNextSteps>.w>div{grid-template-columns:1fr;gap:30px}#method-page .methodNextSteps{padding:34px 0 42px}#method-page .methodNextSteps h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){#method-page *,#method-page *:before,#method-page *:after{transition:none!important;animation:none!important}#method-page .methodTextLink:is(:hover,:focus-visible)>span,#method-page .methodResourceList>a:is(:hover,:focus-visible)>span:last-child,#method-page .methodNextSteps a:is(:hover,:focus-visible) h2>span{transform:none}}
