/* Yang's Pension Consulting — approved visual direction 01 + structure 03.
   Screen-only: existing financial behavior and print styles remain unchanged. */
@media screen {
  :root {--navy:#142a3b;--ink:#233745;--blue:#805e24;--pale:#eee9dc;--cream:#f7f5ee;--line:#d8d6cc;--muted:#58666b;--mint:#eae5d6;--sans:Arial,Helvetica,sans-serif;--mono:Arial,Helvetica,sans-serif;--max:1280px;--gold:#d4bc85;--card:#fffdf7;--accent:#805e24}
  body {background:var(--cream);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.7}
  h1,h2,h3 {font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.035em;text-wrap:pretty}
  h2 {font-size:clamp(28px,3.2vw,42px);line-height:1.2}
  h3 {font-size:25px;line-height:1.28}
  a {text-underline-offset:4px}
  :is(a,button,input,select,textarea,summary):focus-visible {outline:3px solid #a47b30;outline-offset:4px}
  .wrap {padding-inline:64px}
  .notice {height:auto;min-height:31px;padding:7px 24px;justify-content:center;background:#0c1d2b;color:#d5dcde;font:10px/1.5 var(--sans);letter-spacing:.08em;text-align:center}
  header {background:var(--cream);border-bottom:1px solid var(--line);min-height:130px}
  header .wrap {width:100%;padding-block:18px;gap:40px;min-height:130px}
  header .brand {display:block;flex:0 0 auto;line-height:0;white-space:normal}
  header .brand img {display:block;width:270px;height:auto;max-width:100%;aspect-ratio:1445/510}
  nav[aria-label="Primary site navigation"] {gap:27px;flex-wrap:nowrap;font-size:12px;margin-left:auto}
  nav[aria-label="Primary site navigation"] a {font:12px/1.4 var(--sans);color:var(--navy);min-height:44px;letter-spacing:.015em;white-space:nowrap}
  nav[aria-label="Primary site navigation"] a:not(.nav-cta) {display:inline-flex;padding-block:12px}
  nav[aria-label="Primary site navigation"] a[aria-current] {font-weight:700;text-decoration:underline;text-decoration-color:#a18145;text-underline-offset:7px}
  nav[aria-label="Primary site navigation"] .nav-cta {background:var(--navy);color:#fffdf7;padding:14px 20px;border:1px solid var(--navy);border-radius:0;min-height:46px}
  nav[aria-label="Primary site navigation"] .nav-cta:hover {background:#28475b;text-decoration:none}
  .kicker,.section-title,.num,.cat {font:700 10px/1.6 var(--sans);letter-spacing:.17em;text-transform:uppercase;color:var(--blue)}
  .kicker {margin-bottom:20px}
  main.wrap {padding-top:48px;padding-bottom:48px;min-height:45vh}
  main.wrap>h1,.head h1 {font-family:Georgia,'Times New Roman',serif;font-size:clamp(39px,4.8vw,64px);font-weight:400;line-height:1.08;letter-spacing:-.04em;max-width:980px}
  .head {grid-template-columns:minmax(0,1fr) minmax(270px,340px);gap:64px;padding-top:12px;padding-bottom:48px}
  .head:has(>div:only-child) {grid-template-columns:minmax(0,1fr)}
  .head p,.lede {font-size:17px;line-height:1.75;color:var(--muted);max-width:760px}
  .head .help {border-radius:0;background:var(--navy);border:1px solid #526474}
  .head .help p {font-size:14px;color:#d3dce1}
  .head .help a {color:var(--gold)}
  .breadcrumbs {font:11px/1.7 var(--sans);letter-spacing:.02em;margin-bottom:28px;display:flex;justify-content:flex-start;gap:4px;flex-wrap:wrap;color:var(--muted)}
  .breadcrumbs span {min-width:0;white-space:normal;overflow-wrap:anywhere}
  main.article {max-width:1160px}
  .article p,.article li {line-height:1.8}
  .article>h2 {margin-top:42px;margin-bottom:18px}
  .article>h3 {margin-top:28px}
  .article :is(th,td) {font-size:14px}
  .article th {background:#eee9dc;color:var(--navy)}
  .article .lede {font-size:18px;line-height:1.7}
  .grid,.tool-grid,.path-grid {gap:22px}
  .card,.tool-card,.team-card,.contact-intake,.resource-library .library-sidebar {border-radius:0;background:#fffdf7;box-shadow:none;border-color:var(--line)}
  .card,.tool-card {padding:27px}
  .card:hover,.tool-card:hover {border-color:#9a824f;box-shadow:none}
  .card h2 {font-size:29px}
  .card h3,.tool-card h3 {font-size:24px;font-weight:400}
  .card p,.tool-card p {font-size:14px;line-height:1.75}
  .card a,.tool-card a {font-size:13px}
  .button,.btn {background:var(--navy);color:#fffdf7;border:1px solid var(--navy);border-radius:0;min-height:48px;padding:13px 21px;font:600 12px/1.5 var(--sans);text-decoration:none;letter-spacing:.02em;white-space:normal;text-align:center}
  .button:hover,.btn:hover {background:#28475b;color:#fffdf7;text-decoration:none}
  .btn-secondary {background:transparent;color:var(--navy);border-color:var(--line)}
  .btn-secondary:hover {background:var(--pale);color:var(--navy)}
  button {font-family:var(--sans);min-height:44px}
  .search,input,select,textarea,.contact-intake input:not([type=checkbox]),.contact-intake select,.contact-intake textarea {border-radius:0;font-family:var(--sans);font-size:16px;border-color:#b6bbb5}
  .resource-library .search {border-radius:0}
  .search {height:49px}
  .filters button,.filter-reset,.resource-library .filters button {border-radius:0;font-family:var(--sans)}
  .resource-library .filters button.active {background:var(--pale);box-shadow:none;border-color:#8d7039;color:var(--navy)}
  .resource-library .resource-card h3 {font-size:26px}
  .resource-library .resource-card h3 a {color:var(--navy);text-decoration-thickness:1px;text-decoration-color:#ac9361}
  .resource-library .library-sidebar {padding:26px;border-top:3px solid #9a7b41}
  .resource-library .topic-grid a {font-size:13px}
  .resource-library .resource-card {padding-block:27px}
  .resource-library .resource-card .meta,.meta,.review-meta {font:11px/1.6 var(--sans);letter-spacing:.04em}
  .resource-library .topic-discovery h2 {font-size:25px}
  .team-card {text-align:left;padding:30px}
  .team-card img {width:128px;height:128px;border-radius:0;border:1px solid var(--line);margin-bottom:20px}
  .team-card h3 {font-size:26px}
  .team-card .kicker {font:10px/1.5 var(--sans);letter-spacing:.08em;color:#6d5b35}
  .team-card p {font-size:14px;line-height:1.8}
  .team-section {padding-top:20px}
  .contact-intake {padding:35px;border-top:3px solid #9a7b41}
  .contact-intake h2 {font-size:35px}
  .contact-intake h3 {font-size:25px}
  .contact-intake p {font-size:14px}
  .contact-intake fieldset {min-width:0}
  .contact-intake .consent input {min-width:18px;height:20px;min-height:20px;accent-color:var(--navy)}
  .preparation fieldset {padding:26px;margin-block:25px;background:#fffdf7;border:1px solid var(--line)}
  .preparation legend {font:24px Georgia,serif;color:var(--navy);padding-inline:9px}
  .preparation textarea {border-radius:0}
  .preparation input[type=checkbox] {accent-color:var(--navy)}
  .tool-grid {grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  form.tool {border-radius:0!important;border:1px solid var(--line)!important;background:#fffdf7!important;padding:28px;min-width:0}
  form.tool label {display:block;margin:17px 0;font-size:13px;color:var(--ink)}
  form.tool :is(input,select,textarea) {display:block;width:100%;max-width:100%;margin-top:7px;padding:11px 12px;background:#fffdf7;color:var(--ink);border:1px solid #b6bbb5;box-sizing:border-box}
  form.tool :is(input[type=checkbox],input[type=radio]) {display:inline-block;width:auto;max-width:none;margin:0 8px 0 0;padding:0;min-height:18px;accent-color:var(--navy)}
  form.tool button {margin-top:12px;max-width:100%}
  .result {border-radius:0!important;background:#ece8dc!important;border-color:var(--line)!important}
  .result h3 {font-family:Georgia,serif;font-size:28px}
  .result table {font-size:13px}
  .result a {color:#684b1d}
  .print-prep,.topic-cta {border-left:0;border-top:1px solid #baa677;background:#eee9dc;padding:24px}
  .print-prep h2 {font:25px Georgia,serif}
  .download-next-steps {padding-top:28px}
  .next-steps-links .next-steps-link {border-radius:0;font-size:12px;background:#fffdf7;min-height:44px}
  footer {border-top:1px solid var(--line);background:#eeeae0;margin-top:0;padding:32px 24px;font:11px/1.8 var(--sans);color:#52616a;text-align:center}
  footer p {max-width:900px;margin-inline:auto}
  .list {background:transparent;border:0}
  .item {border-top:1px solid var(--line);border-bottom:0;padding:24px 0}
  .item h3 {font-size:24px;font-weight:400;line-height:1.3}
  .item .cat {font-size:10px;letter-spacing:.1em}
  .item p {font-size:13px}
  .step {background:transparent;border-radius:0;min-width:0}
  .step:first-child {background:var(--pale)}
  .step h3 {font-size:25px;line-height:1.2}
  .step a {color:var(--blue);font-size:12px}
  .strip {background:transparent;border:0;border-block:1px solid var(--line);margin-block:15px 55px}
  .strip>div {padding:32px 0}
  .strip>div:first-child {padding-right:40px}
  .tool-list {background:transparent;border-left:0;padding-left:35px!important}
  .tool-list a {display:flex;border-bottom:1px solid var(--line);padding:7px 0;margin:0;justify-content:space-between;min-height:44px;font-size:13px}
  .library {padding-bottom:60px}
  /* Homepage: Modern Precision composition in Heritage typography and palette. */
  main.wrap.visual-home {max-width:none;padding:0;margin:0}
  .home-container {max-width:1280px;margin-inline:auto;padding-inline:64px}
  .home-hero {background:var(--navy);color:#f7f5ee;padding:67px 0 70px}
  .hero-layout {display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:85px;align-items:center}
  .home-hero h1 {color:#f7f5ee;font:400 clamp(46px,5.2vw,73px)/1.04 Georgia,'Times New Roman',serif;letter-spacing:-.045em;max-width:640px;margin:19px 0 26px;text-wrap:balance}
  .home-hero h1 em {font-weight:400;color:var(--gold)}
  .home-hero .kicker {color:var(--gold);margin:0;font-size:10px}
  .home-hero .hero-copy {max-width:490px;font-size:15px;line-height:1.8;color:#d1d9de;margin:0}
  .home-actions {display:flex;flex-wrap:wrap;gap:23px;align-items:center;margin-top:31px}
  .home-hero .button {background:var(--gold);border-color:var(--gold);color:var(--navy)}
  .home-hero .button:hover {background:#e4d3a5}
  .home-actions .quiet-link {color:#e8eceb;text-decoration:none;display:inline-flex;gap:15px;font-size:12px;align-items:center;min-height:44px}
  .home-actions .quiet-link:hover {text-decoration:underline}
  .agenda {background:#f7f5ee;color:var(--navy);border-top:3px solid var(--gold);padding:28px 30px 24px}
  .agenda .kicker {color:#765c2b;font-size:9px;letter-spacing:.18em}
  .agenda h2 {font-size:31px;letter-spacing:-.025em;margin:10px 0 22px}
  .agenda fieldset {border:0;padding:0;margin:0;min-width:0}
  .agenda legend {font:10px var(--sans);color:var(--muted);padding:0 0 10px}
  .agenda label {display:flex;align-items:center;gap:12px;padding:14px 0;border-top:1px solid var(--line);font-size:12px;cursor:pointer;min-height:49px;line-height:1.5}
  .agenda input {accent-color:var(--navy);width:16px;height:16px;min-height:16px;flex-shrink:0;margin:0}
  .agenda-note {color:var(--muted);font-size:12px;line-height:1.7;margin:17px 0 11px;min-height:60px}
  .agenda a {display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:12px;font-weight:600;color:#765c2b;min-height:44px;border-top:1px solid var(--line);text-decoration:none!important}
  .agenda a:hover {text-decoration:underline!important}
  .agenda .local-note {font-size:9px;line-height:1.6;color:#637078;margin:9px 0 0}
  .service-band {padding:0;border-bottom:1px solid var(--line)}
  .service-band .home-container {display:flex;justify-content:space-between;align-items:center;gap:25px;padding-block:24px;font-size:10px;line-height:1.7;color:#59676d}
  .service-band strong {color:var(--navy);font-size:9px;letter-spacing:.12em;max-width:180px;font-weight:600}
  .home-section {padding-block:68px}
  .home-heading {display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:34px}
  .home-heading h2 {font-size:44px;line-height:1.1;margin:12px 0 0;max-width:650px}
  .home-heading>p {font-size:13px;color:var(--muted);max-width:350px;margin:0;line-height:1.8}
  .expertise-directory {border-top:1px solid var(--line)}
  .expertise-directory details {border-bottom:1px solid var(--line)}
  .expertise-directory summary {list-style:none;cursor:pointer;display:flex;align-items:center;gap:30px;padding:22px 0;min-height:78px;font:29px/1.2 Georgia,serif;color:var(--navy)}
  .expertise-directory summary::-webkit-details-marker {display:none}
  .expertise-directory summary .service-index {font:10px var(--sans);letter-spacing:.12em;color:#7a653d;width:80px;flex-shrink:0}
  .expertise-directory summary:after {content:'+';margin-left:auto;font:26px Georgia,serif}
  .expertise-directory details[open] summary:after {content:'−'}
  .expertise-directory .service-detail {padding:0 45px 24px 110px;font-size:14px;line-height:1.75;color:var(--muted);max-width:850px}
  .service-detail p {margin:0 0 12px}
  .service-detail a {font-size:12px;font-weight:600}
  .home-service-context {margin-top:25px;display:grid;grid-template-columns:1.15fr .85fr;gap:60px;font-size:12px;line-height:1.8;color:var(--muted)}
  .home-service-context p {margin:0 0 12px}
  .home-service-context .button {margin-top:5px}
  .home-approach {background:var(--navy);color:#f7f5ee;padding-block:58px}
  .home-approach h2 {font-size:46px;color:#f7f5ee;max-width:700px;line-height:1.1;margin:14px 0 0}
  .home-approach .kicker {color:var(--gold)}
  .approach-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px;margin-top:39px}
  .approach-grid>div {border-top:1px solid #64727b;padding-top:23px}
  .approach-grid .number {color:var(--gold);font-size:10px;letter-spacing:.12em}
  .approach-grid h3 {font-size:28px;color:#f7f5ee;margin:14px 0 12px}
  .approach-grid p {color:#c8d2d8;font-size:13px;margin:0}
  .home-approach a {color:#dfcd9d;font-size:12px;display:inline-flex;min-height:44px;align-items:center;margin-top:25px}
  .visual-home .home-content {max-width:1280px;margin:auto;padding:0 64px}
  .visual-home .route {padding-top:62px;padding-bottom:58px}
  .visual-home .route-top h2 {font-size:39px}
  .visual-home .steps {border-left:0}
  .visual-home .step {border-right:1px solid var(--line);padding:21px 24px 55px;min-height:240px}
  .visual-home .step:first-child {background:transparent;padding-left:0}
  .visual-home .step:last-child {border-right:0}
  .visual-home .step .num {display:block;margin-bottom:15px}
  .visual-home .step h3 {font-size:26px;line-height:1.2;margin-bottom:13px}
  .visual-home .step p {font-size:13px;line-height:1.7}
  .visual-home .step a {bottom:13px;min-height:44px}
  .visual-home .strip h2 {font-size:39px;max-width:550px;line-height:1.13}
  .visual-home .strip p {font-size:13px;line-height:1.8}
  .visual-home .library-head h2 {font-size:39px;max-width:600px;line-height:1.13}
  .visual-home .library-head {gap:25px;margin-bottom:30px}
  .visual-home .library .item {grid-template-columns:140px 1fr 44px;gap:25px;padding-block:25px}
  .visual-home .library .item h3 {font-size:24px}
  .visual-home .download-links {margin-top:0;padding:30px 0 55px;border-top:1px solid var(--line)}
  .visual-home .download-links h2 {font-size:32px;margin-bottom:18px}
  .visual-home .download-links p {font-size:13px;color:var(--muted)}
  .visual-home .download-links ul {padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-block:24px}
  .visual-home .download-links li {border:1px solid var(--line);background:#fffdf7;padding:20px 24px;font-size:13px}
  .home-closing {border-top:1px solid var(--line);padding-block:44px;display:flex;justify-content:space-between;align-items:center;gap:30px}
  .home-closing h2 {font-size:38px;line-height:1.15;margin:10px 0 0}
  .home-closing .kicker {margin:0}
  [hidden] {display:none!important}
  @media(max-width:1100px) {
    .wrap,.home-container {padding-inline:36px}
    .visual-home .home-content {padding-inline:36px}
    header .wrap {gap:28px}
    header .brand img {width:230px}
    nav[aria-label="Primary site navigation"] {gap:19px}
    nav[aria-label="Primary site navigation"] a {font-size:11px}
    .hero-layout {gap:46px}
    .home-hero h1 {font-size:62px}
    .agenda {padding:25px}
    .home-service-context {gap:35px}
  }
  @media(max-width:860px) {
    header .wrap {flex-direction:column;align-items:flex-start;padding-block:20px;gap:17px}
    nav[aria-label="Primary site navigation"] {margin:0;justify-content:flex-start;width:100%;gap:24px}
    header .brand img {width:230px}
    .head {gap:30px}
    .hero-layout {gap:28px}
    .home-hero h1 {font-size:53px}
    .home-hero {padding-block:48px}
    .agenda {padding:22px}
    .agenda h2 {font-size:27px}
    .home-heading h2 {font-size:39px}
    .home-service-context {grid-template-columns:1fr}
    .service-band .home-container {flex-wrap:wrap;gap:12px 30px}
    .service-band strong {max-width:none;width:100%}
    .approach-grid {gap:27px}
    .visual-home .step {padding-inline:18px}
    .visual-home .step h3 {font-size:23px}
    .visual-home .strip {grid-template-columns:1fr}
    .tool-list {padding-left:0!important}
    .strip>div:first-child {padding-right:0}
    .visual-home .library .item {grid-template-columns:110px 1fr 44px}
  }
  @media(max-width:700px) {
    .wrap,.home-container,.visual-home .home-content {padding-inline:24px}
    header .wrap {padding-block:18px;gap:13px}
    header .brand img {width:225px}
    nav[aria-label="Primary site navigation"] {gap:5px 19px;flex-wrap:wrap;justify-content:flex-start}
    nav[aria-label="Primary site navigation"] a {font-size:11px;min-height:44px}
    nav[aria-label="Primary site navigation"] .nav-cta {min-height:44px;padding:10px 16px}
    .notice {font-size:9px;padding-inline:18px;letter-spacing:.02em}
    main.wrap {padding-top:30px}
    main.wrap>h1,.head h1 {font-size:40px;line-height:1.09;overflow-wrap:normal}
    .head {grid-template-columns:1fr;padding-top:0;gap:26px}
    .head p,.lede,.article .lede {font-size:16px}
    .hero-layout {grid-template-columns:1fr;gap:32px}
    .home-hero {padding-block:39px}
    .home-hero h1 {font-size:51px;line-height:1.04;margin-block:19px 24px}
    .home-hero .hero-copy {font-size:14px}
    .home-actions {gap:13px 24px;margin-top:24px}
    .agenda {padding:24px}
    .agenda h2 {font-size:30px;margin-bottom:19px}
    .agenda-note {min-height:0}
    .service-band .home-container {display:grid;grid-template-columns:1fr;gap:10px;padding-block:22px;font-size:11px}
    .service-band strong {font-size:9px}
    .home-section {padding-block:43px}
    .home-heading {display:block;margin-bottom:27px}
    .home-heading h2 {font-size:37px}
    .home-heading>p {margin-top:20px}
    .expertise-directory summary {font-size:24px;gap:16px;padding-block:21px;min-height:82px;align-items:center}
    .expertise-directory summary .service-index {width:23px;font-size:9px}
    .expertise-directory .service-detail {padding-left:39px;padding-right:15px;font-size:13px}
    .home-service-context {display:block;font-size:12px;margin-top:23px}
    .home-service-context>div+div {margin-top:18px}
    .home-approach {padding-block:43px}
    .home-approach h2 {font-size:37px}
    .approach-grid {grid-template-columns:1fr;gap:25px;margin-top:30px}
    .approach-grid h3 {font-size:26px;margin-block:10px}
    .approach-grid>div {padding-top:18px}
    .visual-home .route {padding-block:42px}
    .visual-home .route-top {display:block;margin-bottom:10px}
    .visual-home .route-top h2 {font-size:34px;margin-bottom:14px}
    .visual-home .steps {grid-template-columns:1fr;margin-top:0}
    .visual-home .step {min-height:0;padding:25px 0 66px;border-right:0;border-bottom:1px solid var(--line)}
    .visual-home .step h3 {font-size:27px;max-width:300px}
    .visual-home .step p {display:block;max-width:360px}
    .visual-home .strip {margin-block:0 40px}
    .visual-home .strip h2,.visual-home .library-head h2 {font-size:34px}
    .visual-home .library .item {grid-template-columns:1fr 44px;gap:12px}
    .visual-home .library .item .cat {grid-column:1/3;font-size:9px}
    .visual-home .library .item p {display:block}
    .visual-home .library .item h3 {font-size:24px}
    .visual-home .download-links ul {grid-template-columns:1fr;gap:12px}
    .visual-home .download-links h2 {font-size:31px}
    .home-closing {display:block;padding-block:35px}
    .home-closing h2 {font-size:33px;margin-bottom:24px}
    .tool-grid,.path-grid,.about-grid,.grid,.team-grid {grid-template-columns:minmax(0,1fr)}
    .card,.tool-card,.contact-intake,.team-card {padding:24px}
    .team-card img {width:115px;height:115px}
    .resource-library .library-sidebar {padding:21px}
    .resource-library .resource-card h3 {font-size:24px}
    .resource-library .search {font-size:16px}
    .breadcrumbs {font-size:10px;margin-bottom:25px}
    .preparation fieldset {padding:19px}
    .preparation legend {font-size:22px}
    .preparation fieldset label {font-size:14px}
    .item h3 {font-size:22px}
    .article ul,.article ol {padding-left:22px}
    .topic-cta {padding:20px}
  }
  @media(max-width:360px) {
    .wrap,.home-container,.visual-home .home-content {padding-inline:19px}
    nav[aria-label="Primary site navigation"] {gap:4px 15px}
    .home-hero h1 {font-size:44px}
    .agenda {padding:21px}
    .agenda label {font-size:11px}
    .home-actions .button {padding-inline:16px}
    main.wrap>h1,.head h1 {font-size:35px}
  }
}