/* WebmPros approach pages. Uses the same grid, type, and navy/red palette. */
.approach-page .approach-hero { padding-top:139px; padding-bottom:60px; }
.approach-hero-grid { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); gap:66px; align-items:center; }
.approach-page .approach-hero h1 { font-size:clamp(40px,4.45vw,64px); line-height:1.055; letter-spacing:-.055em; }
.approach-page .approach-hero .page-lede { color:#c4d2dd; max-width:690px; font-size:18px; line-height:1.75; margin-top:23px; }
.approach-page .approach-hero .eyebrow { font-size:12px; letter-spacing:.07em; margin-bottom:17px; line-height:1.6; }
.approach-page .page-actions { margin-top:28px; gap:13px; }
.approach-page .page-actions .button { font-size:14px; min-height:51px; padding:14px 20px; }
.method-byline { display:flex; flex-wrap:wrap; gap:8px 15px; color:#a6bac8; font-size:11px; margin-top:25px; line-height:1.6; }
.method-byline a { color:#d5e1e9; }
.method-byline a:hover { text-decoration:underline; text-underline-offset:4px; }
.method-byline > span { border-left:1px solid #476071; padding-left:15px; }
.method-board { padding:28px 31px; border:1px solid #2b4353; border-radius:12px; background:#0d2230; box-shadow:0 18px 45px #0002; min-width:0; }
.board-top { display:flex; align-items:center; gap:8px; font-size:10px; color:#b9cad6; padding-bottom:19px; border-bottom:1px solid #29414f; line-height:1.5; }
.board-dot { display:block; width:6px; height:6px; border-radius:50%; background:#ff595f; flex-shrink:0; }
.board-tag { margin-left:auto; color:#e1eaf1; font-size:8px; letter-spacing:.1em; }
.board-question { color:#fff; font-size:33px; letter-spacing:-.04em; line-height:1.15; font-weight:700; margin:22px 0; }
.board-question em,.content-rule em { color:#ff7277; font-style:normal; }
.board-path { padding:0; margin:0; list-style:none; }
.board-path li { display:flex; gap:17px; padding:17px 0; border-top:1px solid #263e4e; }
.board-path li > span { color:#ff7c82; font-size:12px; font-weight:650; padding-top:2px; }
.board-path strong { display:block; font-size:15px; line-height:1.4; font-weight:650; color:#f4f6f8; }
.board-path p { font-size:12px; color:#b8cbd8; line-height:1.65; margin-top:6px; }
.board-foot { font-size:10px; color:#a9bdcd; line-height:1.7; border-top:1px solid #29414f; padding-top:15px; margin-top:4px; }
.approach-section-nav .container { gap:0 33px; }
.approach-section-nav a { font-size:12px; }
.approach-page .section-intro { max-width:950px; margin-bottom:34px; }
.approach-page .section-intro > p:not(.eyebrow) { font-size:16px; max-width:835px; line-height:1.8; }
.approach-page .content-section h2 { font-size:clamp(30px,3.05vw,43px); line-height:1.1; letter-spacing:-.045em; }
.approach-page .content-section .eyebrow { font-size:11px; letter-spacing:.075em; }
.approach-page .content-prose { font-size:16px; line-height:1.85; }
.method-pillar-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:23px; }
.method-pillar { display:flex; flex-direction:column; padding:30px; border:1px solid #e0e7ec; border-radius:10px; background:#fff; box-shadow:var(--shadow); }
.pillar-icon { height:42px; width:42px; display:grid; place-items:center; border-radius:9px; background:#fff0f1; color:#e02430; margin-bottom:29px; }
.pillar-icon .icon { height:25px; width:25px; }
.method-kicker { font-size:10px; line-height:1.6; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:#be2330; margin-bottom:13px; }
.method-pillar h3 { font-size:26px; line-height:1.13; letter-spacing:-.04em; }
.method-pillar > p:not(.method-kicker) { color:#526b7c; font-size:15px; line-height:1.8; margin:16px 0 24px; }
.method-pillar .text-link { margin-top:auto; font-size:12px; }
.method-pillar .text-link .icon { height:16px; width:16px; }
.method-workflow { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px 27px; }
.method-workflow li { display:flex; align-items:flex-start; gap:21px; border:1px solid #e3e7e8; border-radius:9px; background:#fff; padding:29px; }
.workflow-number { display:grid; place-items:center; height:38px; width:38px; flex-shrink:0; font-size:12px; font-weight:700; background:#fff0f1; color:#c61e2a; border-radius:50%; }
.method-workflow h3 { font-size:23px; line-height:1.2; letter-spacing:-.035em; margin-top:3px; }
.method-workflow p { font-size:15px; line-height:1.8; color:#556b7a; margin-top:13px; }
.method-case-grid { display:grid; grid-template-columns:1fr 1.15fr; gap:30px; }
.case-scenario { padding:32px; background:#0d2331; border-radius:11px; color:#fff; }
.case-scenario .method-kicker { color:#ff8d91; }
.search-scenario { font-size:27px; line-height:1.3; letter-spacing:-.03em; font-weight:650; padding:22px 0 29px; border-bottom:1px solid #294553; margin-bottom:27px; color:#f3f7fa; }
.case-scenario h3 { font-size:22px; letter-spacing:-.03em; line-height:1.25; }
.case-scenario > p:not(.method-kicker):not(.search-scenario) { color:#c0d0dc; font-size:15px; line-height:1.85; margin-top:18px; }
.case-decisions { display:grid; gap:21px; }
.case-decisions > div { padding:23px 26px; border:1px solid #e3e9ed; border-radius:9px; }
.case-decisions span { color:#b32632; font-size:10px; line-height:1.5; letter-spacing:.06em; font-weight:700; display:block; margin-bottom:9px; }
.case-decisions h3 { font-size:22px; line-height:1.2; letter-spacing:-.03em; }
.case-decisions p { color:#546c7c; font-size:14px; line-height:1.8; margin-top:11px; }
.method-note { display:flex; gap:13px; align-items:flex-start; padding:20px 23px; border:1px solid #dce5eb; border-radius:9px; background:#f5f8fa; margin-top:27px; }
.method-note .icon { width:19px; height:19px; color:#496d83; margin-top:2px; flex-shrink:0; }
.method-note p { color:#496475; font-size:13px; line-height:1.8; }
.navy-section .section-intro > p:not(.eyebrow) { color:#bfd0dc; }
.evidence-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:29px; }
.evidence-grid article { padding:26px 0 5px; border-top:1px solid #35505f; }
.evidence-label { color:#ff9398; font-size:10px; font-weight:600; letter-spacing:.065em; }
.evidence-grid h3 { color:#f2f5f8; font-size:27px; line-height:1.2; margin:16px 0; letter-spacing:-.035em; }
.evidence-grid p { color:#beccd7; font-size:15px; line-height:1.85; }
.method-inline-links { display:flex; flex-wrap:wrap; gap:21px 35px; margin-top:35px; }
.method-inline-links .text-link { font-size:13px; color:#fff; }
.method-related-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:23px; }
.method-related-card { border:1px solid #e2e7eb; padding:29px; border-radius:10px; background:#fff; display:flex; flex-direction:column; }
.method-related-card h3 { font-size:23px; letter-spacing:-.035em; line-height:1.2; }
.method-related-card p { font-size:14px; line-height:1.8; color:#526b7c; margin:15px 0 23px; }
.method-related-card .text-link { font-size:12px; margin-top:auto; }
.method-related-card .text-link .icon { width:16px; height:16px; }
.approach-page .source-link { color:#9f2532; text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:3px; }
.approach-page .source-link:hover { color:#ce1725; }
.method-source-note { font-size:12px; color:#536e80; line-height:1.85; margin-top:24px; max-width:1000px; }
.content-prose p.method-source-note { font-size:12px; }
.method-after { margin-top:26px; max-width:1080px; }
.method-table { min-width:830px; }
.method-table thead th { width:25%; }
.method-table tbody th { color:#233f53; font-size:14px; font-weight:600; }
.search-layers { display:grid; gap:12px; margin:25px 0 22px; }
.search-layers > div { position:relative; border:1px solid #355161; background:#122c3d; border-radius:7px; padding:16px 18px 16px 45px; }
.search-layers > div > span { position:absolute; top:18px; left:15px; font-size:10px; color:#ff8c94; }
.search-layers strong { font-size:15px; color:#fff; display:block; }
.search-layers small { font-size:11px; line-height:1.7; color:#bdcfdc; margin-top:5px; display:block; }
.research-questions { border:1px solid #dfe7ed; border-radius:10px; padding:28px 31px; background:#f8fafb; }
.research-questions h3 { font-size:24px; letter-spacing:-.035em; line-height:1.2; }
.research-questions dl { padding:0; margin:22px 0 0; }
.research-questions dl > div { padding:14px 0; border-top:1px solid #dce6ed; display:grid; grid-template-columns:100px 1fr; gap:15px; }
.research-questions dt { font-size:13px; font-weight:700; color:#243f51; }
.research-questions dd { font-size:13px; line-height:1.75; color:#506a7a; margin:0; }
.technical-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.technical-grid article { padding:29px; border:1px solid #e1e8ed; border-radius:9px; }
.technical-number { display:block; color:#c21d29; font-size:12px; font-weight:700; margin-bottom:23px; }
.technical-grid h3 { font-size:24px; line-height:1.18; letter-spacing:-.035em; }
.technical-grid p { font-size:14px; line-height:1.85; color:#536c7d; margin-top:15px; }
.technical-grid article:last-child { grid-column:span 2; background:#f8fafb; }
.measurement-path { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.measurement-path article { padding:27px; border-top:3px solid #df2832; background:#f6f8fa; border-radius:0 0 9px 9px; }
.measurement-path h3 { font-size:24px; line-height:1.2; letter-spacing:-.035em; }
.measurement-path p:not(.method-kicker) { font-size:14px; line-height:1.85; color:#536c7d; margin-top:14px; }
.method-detail { margin-top:26px; border:1px solid #d8e3e9; background:#fff; border-radius:9px; }
.method-detail > summary { display:flex; gap:15px; justify-content:space-between; align-items:center; padding:22px 26px; cursor:pointer; font-size:16px; line-height:1.5; font-weight:650; list-style:none; }
.method-detail > summary::-webkit-details-marker { display:none; }
.method-detail > summary .icon { height:19px; width:19px; color:#cf2634; flex-shrink:0; }
.method-detail[open] > summary .icon { transform:rotate(180deg); }
.method-detail > summary:focus-visible { outline:3px solid #549cfa; outline-offset:3px; }
.method-detail > div { padding:0 26px 25px; color:#506c7e; font-size:15px; line-height:1.85; }
.method-detail > div p + p { margin-top:17px; }
.question-sequence p { display:flex; align-items:center; gap:13px; padding:18px 0; border-top:1px solid #2e4757; color:#dce7ef; font-size:13px; line-height:1.6; }
.question-sequence p > span { font-size:10px; color:#ff8a90; font-weight:600; flex-shrink:0; }
.arrival-example { background:#fff; border:1px solid #dce5eb; border-radius:11px; overflow:hidden; box-shadow:var(--shadow); }
.arrival-controls { display:flex; align-items:stretch; padding:0 24px; background:#f5f8fa; border-bottom:1px solid #dfe7ed; gap:26px; }
.arrival-controls button { border:0; border-bottom:3px solid transparent; background:none; min-height:60px; padding:17px 5px; color:#4c687a; font-size:13px; font-weight:650; }
.arrival-controls button[aria-selected=true] { color:#b41f2d; border-bottom-color:#e92733; }
.arrival-controls button:focus-visible { outline-offset:-5px; }
.arrival-panel { display:grid; grid-template-columns:1fr 1.4fr; gap:45px; padding:35px; }
.arrival-panel:focus-visible { outline:2px solid #598ab0; outline-offset:-5px; }
.arrival-panel h3 { font-size:30px; letter-spacing:-.035em; line-height:1.15; margin:18px 0; }
.arrival-panel p:not(.method-kicker) { font-size:15px; color:#526c7e; line-height:1.85; }
.arrival-panel dl { margin:0; }
.arrival-panel dl > div { border-top:1px solid #dfe7ec; padding:17px 0; }
.arrival-panel dl > div:first-child { padding-top:0; border-top:0; }
.arrival-panel dt { font-size:13px; font-weight:700; color:#263e51; margin-bottom:7px; }
.arrival-panel dd { margin:0; color:#536b7b; font-size:14px; line-height:1.8; }
.example-caption { color:#536e80; font-size:11px; line-height:1.85; padding:18px 35px; background:#f7f9fb; border-top:1px solid #e0e7ed; }
.heuristic-layout { display:grid; grid-template-columns:1fr 1.1fr; gap:65px; align-items:start; }
.heuristic-card { background:#fff; padding:31px; border:1px solid #dfe6eb; border-radius:10px; }
.heuristic-equation { font-size:25px; color:#112d40; font-weight:650; letter-spacing:-.035em; line-height:1.5; white-space:nowrap; padding-bottom:21px; margin-bottom:8px; border-bottom:1px solid #dde6ec; }
.heuristic-card dl { margin:0; }
.heuristic-card dl > div { display:grid; grid-template-columns:1fr 1.15fr; gap:18px; padding:13px 0; border-bottom:1px solid #e3e9ef; }
.heuristic-card dt { color:#b12330; font-size:12px; font-weight:650; line-height:1.8; }
.heuristic-card dd { color:#536b7c; font-size:12px; line-height:1.8; margin:0; }
.heuristic-card > p:last-child { color:#526d80; font-size:11px; line-height:1.8; margin-top:17px; }
.method-practice-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:23px; }
.method-practice-grid article { padding:29px 31px; border:1px solid #e0e6ec; border-radius:10px; background:#fff; }
.method-practice-grid h3 { font-size:25px; letter-spacing:-.035em; line-height:1.2; }
.method-practice-grid p:not(.method-kicker) { font-size:15px; line-height:1.85; color:#526a7c; margin-top:14px; }
.annotated-layout { display:grid; grid-template-columns:1.2fr 1fr; gap:55px; align-items:center; }
.example-page { margin:0; border:1px solid #395364; border-radius:12px; overflow:hidden; background:#fff; color:#172e40; }
.example-page-bar { display:flex; align-items:center; gap:6px; background:#eaf0f4; padding:14px 19px; color:#455e70; border-bottom:1px solid #d4dfe7; }
.example-page-bar > span { width:5px; height:5px; background:#94acbd; border-radius:50%; }
.example-page-bar > p { margin-left:9px; font-size:10px; font-weight:500; }
.example-page-content { padding:28px; }
.example-page-content h3 { font-size:30px; line-height:1.12; letter-spacing:-.035em; margin:14px 0 23px; color:#112b3e; }
.annotated-line { display:flex; gap:13px; font-size:14px; color:#476274; line-height:1.85; margin-top:20px; align-items:flex-start; }
.annotation-pin { border-radius:50%; height:23px; width:23px; display:inline-grid; place-items:center; font-size:10px; font-weight:700; background:#ffe5e7; color:#b3202e; flex-shrink:0; margin-top:1px; }
.example-fact { padding:15px 12px; background:#f4f7f9; border-left:3px solid #df2834; color:#284658; font-weight:600; border-radius:0 5px 5px 0; }
.example-action { display:flex; align-items:center; gap:13px; margin-top:23px; }
.mock-cta { display:inline-flex; align-items:center; gap:12px; background:#ed2531; color:#fff; padding:13px 17px; border-radius:6px; font-size:12px; font-weight:650; }
.mock-cta .icon { height:17px; width:17px; }
.example-page figcaption { border-top:1px solid #dbe5ed; background:#f4f7fa; color:#536f81; font-size:10px; line-height:1.8; padding:16px 28px; }
.annotation-notes { list-style:none; margin:0; padding:0; counter-reset:annotation; display:grid; gap:25px; }
.annotation-notes li { position:relative; padding-left:45px; counter-increment:annotation; }
.annotation-notes li::before { content:counter(annotation); position:absolute; top:2px; left:0; height:26px; width:26px; display:grid; place-items:center; background:#2d2631; border:1px solid #7f414e; color:#ffa2aa; border-radius:50%; font-size:11px; font-weight:650; }
.annotation-notes strong { color:#f1f6fa; display:block; font-size:19px; line-height:1.4; font-weight:650; letter-spacing:-.015em; }
.annotation-notes p { color:#bbd0dd; font-size:14px; line-height:1.8; margin-top:9px; }
.testing-note { border:1px solid #e1e7ed; border-radius:10px; background:#f7f9fb; padding:30px; }
.testing-note h3 { font-size:27px; line-height:1.15; letter-spacing:-.035em; margin-bottom:20px; }
.testing-note p:not(.method-kicker) { font-size:14px; line-height:1.85; color:#526b7c; margin-top:16px; }
.testing-note p strong { color:#243f53; }
.content-rule { position:relative; padding:23px 0 24px 40px; }
.content-rule + .content-rule { border-top:1px solid #294251; padding-bottom:6px; }
.content-rule > span { position:absolute; top:27px; left:0; font-size:11px; color:#ff8b92; font-weight:650; }
.content-rule h2 { color:#fff; font-size:33px; line-height:1.12; letter-spacing:-.035em; }
.content-rule p { color:#bed1de; font-size:12px; line-height:1.85; margin-top:15px; }
.answer-order { background:#0f2737; color:#fff; border-radius:10px; padding:29px 31px; }
.answer-order .method-kicker { color:#ff9098; }
.answer-order ol { padding:0; margin:15px 0 0; list-style:none; }
.answer-order li { padding:15px 0; border-top:1px solid #304b5b; }
.answer-order strong { display:block; font-size:17px; line-height:1.5; font-weight:650; }
.answer-order li > span { display:block; color:#bfd2df; font-size:12px; line-height:1.7; margin-top:6px; }
.copy-comparisons { display:grid; gap:18px; }
.copy-comparison { display:grid; grid-template-columns:.7fr 1.3fr; border:1px solid #dee6ec; border-radius:10px; overflow:hidden; }
.copy-comparison > div { padding:25px 29px; }
.copy-vague { background:#f0f3f5; }
.copy-specific { background:#fff; border-left:1px solid #dfe6eb; }
.copy-comparison > div > span { font-size:9px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:#536d80; }
.copy-specific > span { color:#b0212f !important; }
.copy-comparison p { font-size:20px; line-height:1.55; letter-spacing:-.025em; color:#1c394d; margin-top:12px; font-weight:550; }
.copy-vague p { color:#536e80; font-weight:450; }
.copy-specific small { color:#526d7e; font-size:12px; line-height:1.8; display:block; margin-top:15px; }
.opening-example { display:grid; grid-template-columns:1fr 1fr; gap:0; border:1px solid #dee7ee; border-radius:11px; overflow:hidden; }
.opening-example > div { padding:31px; background:#f5f8fa; }
.opening-example > div + div { background:#0d2331; color:#fff; }
.opening-example h3 { font-size:26px; line-height:1.2; letter-spacing:-.035em; margin:16px 0 23px; }
.opening-example p:not(.method-kicker) { font-size:15px; line-height:1.85; color:#526b7d; margin-top:20px; }
.opening-example p.struck-copy { color:#425d70; font-size:20px; line-height:1.6; font-style:italic; border-left:2px solid #bccbd7; padding-left:18px; }
.opening-example > div + div .method-kicker { color:#ff9399; }
.opening-example > div + div p:not(.method-kicker) { color:#c1d1df; }
.opening-example p.specific-answer { color:#fff !important; font-size:20px; line-height:1.65; font-weight:500; }
.publishing-check { display:grid; grid-template-columns:1.1fr .9fr; border:1px solid #dce5eb; border-radius:10px; overflow:hidden; }
.publishing-check > div { padding:32px; background:#fff; }
.publishing-check h3 { font-size:26px; line-height:1.15; letter-spacing:-.035em; }
.publishing-check ul { list-style:none; margin:21px 0 0; padding:0; }
.publishing-check li { position:relative; padding:13px 0 13px 26px; border-top:1px solid #e2e9ee; font-size:14px; color:#4d6b80; line-height:1.8; }
.publishing-check li::before { content:'✓'; position:absolute; top:13px; left:0; color:#ca2532; font-size:13px; font-weight:700; }
.publishing-check .publishing-side { background:#0e2636; color:#fff; }
.publishing-side .method-kicker { color:#ff9ca3; }
.publishing-side p:not(.method-kicker) { color:#bfd2df; font-size:15px; line-height:1.85; margin:21px 0 25px; }
.publishing-side .text-link { color:#fff; font-size:13px; }
@media(max-width:1200px){
 .approach-hero-grid { gap:40px; grid-template-columns:1.3fr 1fr; }
 .method-board { padding:26px; }
 .board-question { font-size:30px; }
 .board-tag { display:none; }
 .method-pillar,.method-related-card { padding:25px; }
 .method-pillar h3 { font-size:24px; }
 .method-workflow li { padding:24px; gap:17px; }
 .heuristic-layout { gap:35px; }
 .heuristic-card { padding:27px; }
 .heuristic-equation { font-size:22px; }
 .annotated-layout { gap:35px; }
}
@media(max-width:1000px){
 .approach-hero-grid { gap:30px; grid-template-columns:1.2fr 1fr; }
 .approach-page .approach-hero h1 { font-size:43px; }
 .approach-page .approach-hero .page-lede { font-size:16px; }
 .method-board { padding:23px; }
 .board-question,.content-rule h2 { font-size:28px; }
 .method-pillar-grid,.method-related-grid { gap:16px; }
 .method-pillar,.method-related-card { padding:23px; }
 .method-pillar h3,.method-related-card h3 { font-size:22px; }
 .method-pillar .text-link,.method-related-card .text-link { font-size:11px; }
 .technical-grid { gap:17px; }
 .technical-grid article { padding:24px; }
 .technical-grid h3 { font-size:22px; }
 .heuristic-layout { grid-template-columns:1fr 1.05fr; gap:30px; }
 .heuristic-equation { font-size:20px; }
 .heuristic-card dl > div { gap:10px; }
 .annotated-layout { gap:30px; }
 .example-page-content { padding:23px; }
 .example-page-content h3 { font-size:27px; }
 .annotation-notes li { padding-left:39px; }
 .annotation-notes strong { font-size:17px; }
}
@media(max-width:900px){
 .approach-page .approach-hero { padding-top:112px; padding-bottom:44px; }
 .approach-hero-grid { grid-template-columns:1fr; gap:35px; }
 .approach-page .approach-hero h1 { font-size:52px; }
 .approach-page .approach-hero .page-lede { font-size:17px; max-width:710px; }
 .method-board { padding:28px; max-width:640px; }
 .board-tag { display:inline; }
 .method-board .board-question { font-size:33px; }
 .method-case-grid { gap:22px; }
 .case-scenario { padding:26px; }
 .case-decisions > div { padding:22px; }
 .search-scenario { font-size:25px; }
 .method-workflow h3 { font-size:21px; }
 .method-workflow li { flex-direction:column; gap:14px; }
 .research-questions dl > div { grid-template-columns:110px 1fr; }
 .heuristic-layout { grid-template-columns:1fr; gap:28px; }
 .heuristic-equation { font-size:28px; }
 .heuristic-card dl > div { grid-template-columns:1fr 1.3fr; }
 .arrival-panel { gap:26px; grid-template-columns:1fr 1.15fr; padding:28px; }
 .arrival-panel h3 { font-size:27px; }
 .annotated-layout { grid-template-columns:1fr; gap:35px; }
 .example-page { max-width:680px; }
 .annotation-notes { grid-template-columns:1fr 1fr; }
 .copy-comparison { grid-template-columns:.75fr 1.25fr; }
 .copy-comparison p { font-size:18px; }
 .opening-example > div { padding:27px; }
 .opening-example h3 { font-size:24px; }
 .publishing-check { grid-template-columns:1fr; }
 .method-practice-grid article { padding:27px; }
 .method-practice-grid h3 { font-size:23px; }
 .method-related-grid { grid-template-columns:1fr; }
 .method-related-card { padding:28px; }
 .method-related-card h3 { font-size:25px; }
 .method-related-card .text-link { font-size:13px; }
 .method-related-card p { margin-bottom:18px; }
}
@media(max-width:650px){
 .approach-page .approach-hero { padding-top:104px; padding-bottom:35px; }
 .approach-page .approach-hero h1 { font-size:40px; line-height:1.08; }
 .approach-page .approach-hero .eyebrow { font-size:10px; line-height:1.7; margin-bottom:15px; }
 .approach-page .approach-hero .page-lede { font-size:15px; line-height:1.85; margin-top:21px; }
 .approach-page .page-actions { gap:11px; }
 .approach-page .page-actions .button { font-size:12px; min-height:48px; padding:13px 15px; gap:9px; }
 .approach-page .page-actions .icon { width:18px; height:18px; }
 .method-byline { font-size:10px; gap:8px 12px; }
 .method-byline > span { padding-left:12px; }
 .method-board { width:100%; padding:24px; }
 .board-top { font-size:9px; }
 .method-board .board-question { font-size:30px; }
 .board-tag { display:none; }
 .board-path strong { font-size:14px; }
 .board-path p { font-size:12px; }
 .approach-section-nav .container { gap:0 19px; }
 .approach-section-nav a { font-size:10px; padding:13px 0; }
 .approach-page .content-section h2 { font-size:30px; line-height:1.13; }
 .approach-page .section-intro > p:not(.eyebrow) { font-size:15px; }
 .approach-page .section-intro { margin-bottom:28px; }
 .approach-page .content-prose { font-size:15px; }
 .method-pillar-grid,.method-workflow,.method-case-grid,.evidence-grid,.technical-grid,.measurement-path,.method-practice-grid,.opening-example { grid-template-columns:1fr; }
 .method-pillar,.method-related-card { padding:27px; }
 .method-pillar h3 { font-size:26px; }
 .method-pillar .text-link { font-size:13px; }
 .pillar-icon { margin-bottom:24px; }
 .method-workflow li { padding:26px; }
 .method-workflow h3 { font-size:24px; }
 .method-workflow p { font-size:14px; }
 .search-scenario { font-size:27px; }
 .case-scenario { padding:27px; }
 .case-decisions > div { padding:25px; }
 .case-decisions h3 { font-size:23px; }
 .method-note { padding:18px; gap:11px; }
 .method-note p { font-size:12px; }
 .evidence-grid { gap:27px; }
 .evidence-grid article { padding-top:24px; }
 .evidence-grid h3 { font-size:28px; }
 .evidence-grid p { font-size:14px; }
 .method-inline-links { gap:21px; }
 .method-inline-links .text-link { font-size:12px; }
 .method-source-note,.content-prose p.method-source-note { font-size:11px; }
 .method-table { min-width:785px; }
 .method-table td,.method-table th { padding:17px; font-size:13px; }
 .research-questions { padding:25px; }
 .research-questions dl > div { grid-template-columns:1fr; gap:6px; }
 .technical-grid article { padding:27px; }
 .technical-grid article:last-child { grid-column:auto; }
 .technical-grid h3 { font-size:24px; }
 .measurement-path h3 { font-size:25px; }
 .method-detail > summary { padding:19px 22px; font-size:15px; }
 .method-detail > div { padding:0 22px 24px; font-size:14px; }
 .arrival-controls { gap:10px; padding:0 15px; }
 .arrival-controls button { font-size:11px; min-height:54px; padding:12px 3px; flex:1; }
 .arrival-panel { grid-template-columns:1fr; gap:22px; padding:24px; }
 .arrival-panel h3 { font-size:28px; }
 .arrival-panel p:not(.method-kicker) { font-size:14px; }
 .arrival-panel dd { font-size:13px; }
 .example-caption { padding:17px 24px; font-size:10px; }
 .heuristic-card { padding:23px; }
 .heuristic-equation { font-size:20px; }
 .heuristic-card dl > div { gap:13px; grid-template-columns:.9fr 1.1fr; }
 .heuristic-card dt,.heuristic-card dd { font-size:11px; }
 .method-practice-grid article { padding:27px; }
 .method-practice-grid h3 { font-size:25px; }
 .method-practice-grid p:not(.method-kicker) { font-size:14px; }
 .example-page-content { padding:23px; }
 .example-page-content h3 { font-size:28px; }
 .example-page-bar { padding:13px 16px; }
 .example-page-bar > p { font-size:9px; }
 .annotated-line { font-size:13px; gap:10px; }
 .example-action { gap:10px; }
 .mock-cta { font-size:11px; padding:12px 14px; gap:8px; }
 .example-page figcaption { padding:15px 23px; }
 .annotation-notes { grid-template-columns:1fr; }
 .annotation-notes strong { font-size:19px; }
 .annotation-notes p { font-size:14px; }
 .testing-note { padding:27px; }
 .testing-note h3 { font-size:27px; }
 .content-rule h2 { font-size:31px; }
 .content-rule { padding-left:35px; }
 .answer-order { padding:27px; }
 .copy-comparison { grid-template-columns:1fr; }
 .copy-comparison > div { padding:22px 25px; }
 .copy-specific { border-left:0; border-top:1px solid #dfe6eb; }
 .copy-comparison p { font-size:19px; }
 .copy-specific small { font-size:11px; }
 .opening-example h3 { font-size:26px; }
 .opening-example p:not(.method-kicker) { font-size:14px; }
 .opening-example p.struck-copy,.opening-example p.specific-answer { font-size:19px; }
 .publishing-check > div { padding:27px; }
 .publishing-check h3 { font-size:26px; }
 .publishing-check li { font-size:13px; }
 .publishing-side p:not(.method-kicker) { font-size:14px; }
}
@media(max-width:380px){
 .approach-page .approach-hero h1 { font-size:35px; }
 .approach-page .page-actions { flex-direction:column; align-items:stretch; }
 .approach-page .page-actions .button { font-size:13px; }
 .method-byline > span { border:0; padding:0; width:100%; }
 .heuristic-equation { font-size:17px; }
 .heuristic-card { padding:21px; }
 .board-top { font-size:8px; }
 .method-board { padding:23px; }
 .mock-cta { font-size:10px; padding-inline:10px; }
}
@media(prefers-reduced-motion:reduce){
 .approach-page * { scroll-behavior:auto; }
}
@media print{
 .approach-hero-grid,.method-pillar-grid,.method-workflow,.method-case-grid,.evidence-grid,.technical-grid,.measurement-path,.method-practice-grid,.heuristic-layout,.annotated-layout,.opening-example,.publishing-check,.copy-comparison { display:block; }
 .method-board,.method-byline,.approach-section-nav,.method-related-grid,.arrival-controls,.method-inline-links { display:none !important; }
 .approach-page .approach-hero { padding:20px 0; }
 .approach-page .approach-hero h1 { font-size:30pt; }
 .approach-page .content-section h2 { font-size:22pt; }
 .approach-page .content-section { padding:20px 0; }
 .approach-page * { color:#111 !important; background:#fff !important; box-shadow:none !important; }
 .method-workflow li,.method-pillar,.method-practice-grid article,.copy-comparison { break-inside:avoid; }
 .arrival-panel[hidden] { display:grid !important; }
 .arrival-panel { padding:15px; }
 .table-scroll { overflow:visible; }
 .method-table { min-width:0; font-size:9pt; }
 .method-table td,.method-table th { font-size:9pt; padding:10px; }
}