:root {
                                 /* colors */
                                 --brand-blue: #1a3acc;
                                 --dark-blue: #001c9b;
                                 --very-dark-blue: #000e4e;
                                 --cool-blue: #e0e9fe;
                                 --magenta: #ab1acc;
                                 --fuchsia: #84017e;
                                 --blood-red: #600000;
                                 --dim-red: #ee0202;
                                 --legacy: #008080;
                                 --java: #1ACCAB;
                                 --pale-blue: #a6aaf4;
                                 --golden: #ccab1a;
                                 --burlywood: #DEB887;
                                 --safety-green: #BBFF32;
                                 --bright-green: #14E158;
                                 --mint-green: #2e8c5f;
                                 --pale-olive: #648476;
                                 --bright-orange: rgba(255, 111, 63, 0.5);
                                 --orange: #ff6f3f;
                                 --dark-olive: #1a1e1c;
                                 --black: #0a0c0e;
                                 --dark: #0c0c0c;
                                 --white: #ffffff;
                                 --base-bright: #f0f4f7;
                                 --bright-grey: #f2f2f2;
                                 --light-grey: #cfcfcf;
                                 --warm-grey: #818181;
                                 --metal: #5a6771;
                                 --ever-green: #142a2d;
                                 --deep-green: #0A202E;
                                 --warm-black: #2D2828;
                                 --deep-root: #004161;
                                 --euphoria: #00050f;
                                 /* properties */
                                 --font-base-size: 14px;
                                 --font-small-size: 12px;
                                 --font-tiny-size: 10px;
                                 --font-micro-size: 8px;
                             }
                             
                             html {
                                 padding: 0;
                                 margin: 0;
                                 -webkit-text-size-adjust: none;
                             }
                             
                             .ReadMsgBody {
                                 width: 100%;
                             }
                             
                             .ExternalClass,
                             .ExternalClass * {
                                 width: 100%;
                                 line-height: 100%;
                             }
                             
                             * {
                                 -ms-text-size-adjust: 100%;
                                 -webkit-text-size-adjust: 100%;
                                 text-rendering: optimizeLegibility;
                                 -webkit-font-smoothing: antialiased;
                                 -moz-osx-font-smoothing: grayscale;
                             }
                             
                             * ::-moz-selection {
                                 background: var(--white)fff !important;
                                 color: var(--brand-blue);
                             }
                             
                             * ::selection {
                                 background: var(--white)fff !important;
                                 color: var(--brand-blue);
                             }
                             
                             html ::selection {
                                 background: var(--white) !important;
                                 color: var(--brand-blue);
                             }
                             
                             body {
                                 /* font-family: "Source Sans Pro", sans-serif; */
                                 /* font-family: "Roboto Mono", monospace; */
                                 /* font-family: "Roboto", sans-serif; */
                                 font-family: "Inter", serif !important;
                                 font-size: 15px;
                                 color: var(--white);
                                 line-height: 1.5em;
                                 letter-spacing: .02em;
                                 /* letter-spacing: .042em; */
                                 /* line-height: 1.125em; */
                                 font-weight: 300 !important;
                                 padding: 0;
                                 margin: 0;
                                 height: 100%;
                             }
                             
                             .over {
                                 position: fixed;
                                 top: 0;
                                 bottom: 0;
                                 left: 0;
                                 right: 0;
                                 display: block;
                                 background-color: rgba(255, 255, 255, 0);
                                 z-index: 99;
                             }
                             
                             .info {
                                 font-size: 10px;
                             }
                             
                             header,
                             footer {
                                 display: block;
                                 padding: 2.5em 1.5em;
                                 font-family: "Roboto", sans-serif;
                             }
                             
                             header strong {
                                 font-weight: 800;
                             }
                             /* #1a3acc */
                             
                             @keyframes backgroundColorPalette {
                                 0% {
                                     background: var(--brand-blue);
                                 }
                                 /* 25% {
    background: VAR(--LEGACY);
  } */
                                 25% {
                                     background: #142a2d;
                                 }
                                 /* 50% {
		background: #602222;
	} */
                                 50% {
                                     background: #0a202e;
                                 }
                                 /* 75% {
    background: #444;
  } */
                                 75% {
                                     background: var(--dark-olive);
                                 }
                                 /* 100% {
    background: #2d2828;
  } */
                                 100% {
                                     background: #004161;
                                 }
                             }
                             
                             @keyframes backgroundColorPaletteAgain {
                                 0% {
                                     background: var(--base-bright);
                                 }
                                 25% {
                                     background: var(--bright-grey);
                                 }
                                 50% {
                                     background: var(--light-grey);
                                 }
                                 75% {
                                     background: var(--warm-grey);
                                 }
                                 100% {
                                     background: var(--metal);
                                 }
                             }
                             
                             .gradient-background {
                                 width: 100%;
                                 height: 100vh;
                                 background: linear-gradient(270deg, rgba(20, 42, 45, 1) 0%, rgba(26, 58, 204, 1) 55%, rgba(0, 0, 0, 1) 100%);
                                 background-size: 400% 400%;
                                 animation: gradientAnimation 65s ease infinite;
                             }
                             
                             @keyframes gradientAnimation {
                                 0% {
                                     background-position: 0% 50%;
                                 }
                                 50% {
                                     background-position: 100% 50%;
                                 }
                                 100% {
                                     background-position: 0% 50%;
                                 }
                             }
                             
                             .collapse {
                                 display: none;
                             }
                             
                             header {
                                 background-color: white;
                                 color: var(--brand-blue);
                             }
                             
                             #body {
                                 /* background-color: #444; */
                                 /* animation-name: backgroundColorPaletteAgain;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-direction: alternate; */
                                 color: var(--white);
                                 font-size: 1em;
                                 padding: 0 1.5em;
                             }
                             
                             .break {
                                 max-width: 700px;
                                 word-wrap: break-word;
                             }
                             
                             .info {
                                 position: fixed;
                                 display: block;
                                 width: 100%;
                                 padding: 2px 20px 2px 20px;
                                 left: 0;
                                 right: 0;
                                 background-color: white;
                                 box-sizing: border-box;
                                 z-index: 98;
                                 color: var(--brand-blue);
                             }
                             
                             a:link,
                             a:visited {
                                 color: white;
                                 cursor: pointer;
                             }
                             
                             a.anchor {
                                 display: block;
                                 position: relative;
                                 visibility: hidden;
                                 height: 0;
                             }
                             
                             a.back-to-top {
                                 z-index: 100;
                                 cursor: pointer;
                                 position: relative;
                             }
                             
                             button.print-btn {
                                 z-index: 100;
                                 cursor: pointer;
                                 position: relative;
                             }
                             
                             .btn {
                                 z-index: 100;
                                 background: none;
                                 border: 3px solid white;
                                 padding: 2em 0;
                                 width: 40%;
                                 margin: 20px 0;
                                 display: inline-block;
                                 float: left;
                                 color: white;
                                 font-family: "Roboto Mono", monospace;
                                 box-sizing: border-box;
                                 text-align: center;
                                 text-decoration: none;
                                 cursor: pointer;
                                 position: relative;
                                 font-size: 14px;
                                 text-transform: uppercase;
                                 box-sizing: border-box;
                             }
                             
                             .btn:hover {
                                 background-color: white;
                                 color: var(--brand-blue);
                             }
                             
                             .spacer {
                                 display: inline-block;
                                 position: relative;
                                 margin: 0;
                                 padding: 0;
                                 float: left;
                                 width: 4%;
                             }
                             
                             .clear {
                                 clear: both;
                             }
                             
                             p {
                                 padding: 0;
                                 margin: 0;
                             }
                             
                             ul {
                                 margin: 0;
                                 padding-left: 0px;
                             }
                             
                             ul.dash {
                                 list-style-type: none;
                             }
                             
                             ul.dash>li {
                                 padding: 0 0 0 20px;
                                 position: relative;
                             }
                             
                             ul.dash>li:before {
                                 content: "\2014";
                                 text-indent: -35px;
                                 margin-left: 10px;
                                 position: absolute;
                                 top: 0;
                                 left: 24px;
                                 display: inline-block;
                             }
                             
                             img {
                                 max-width: 600px;
                                 height: auto;
                                 -ms-interpolation-mode: bicubic;
                                 image-rendering: -moz-crisp-edges;
                                 -webkit-perspective: 1000;
                             }
                             
                             span.blink {
                                 height: 12px;
                                 margin-bottom: -2px;
                                 width: 2px;
                                 background: white;
                                 opacity: 0;
                                 display: inline-block;
                                 animation: blink 0.45s linear infinite alternate;
                             }
                             
                             .wrapper {
                                 min-height: 100%;
                                 position: relative;
                             }
                             
                             .full {
                                 position: absolute;
                                 top: 0;
                                 left: 0;
                                 width: 100%;
                                 height: 100%;
                             }
                             
                             .upgrade {
                                 position: absolute;
                                 top: 0;
                                 bottom: 0;
                                 left: 0;
                                 right: 0;
                                 /*background-color: rgba(26, 58, 204, 0.9);*/
                                 color: var(--white);
                                 text-align: center;
                                 box-sizing: content-box;
                                 display: block;
                                 height: 300px;
                                 z-index: 999;
                             }
                             
                             .upgrade p {
                                 background-color: rgba(26, 58, 204, 0.9);
                                 padding: 170px;
                                 width: 40%;
                                 top: 50px;
                                 margin: 3em;
                                 position: fixed;
                                 display: block;
                                 border: 3px solid white;
                             }
                             
                             @keyframes blink {
                                 50% {
                                     opacity: 0;
                                 }
                                 100% {
                                     opacity: 1;
                                 }
                             }
                             
                             footer {
                                 background-color: #212121;
                                 color: white;
                             }
                             
                             .mobile,
                             .logo,
                             .print {
                                 visibility: hidden;
                                 display: none;
                             }
                             
                             @media screen and (max-width: 600px) {
                                 #body {
                                     background-color: var(--brand-blue);
                                     color: white;
                                     font-size: 12px;
                                     padding: 0 1.5em;
                                 }
                                 div[class="mobile"],
                                 br[class="mobile"],
                                 .mobile {
                                     display: block !important;
                                     visibility: visible !important;
                                 }
                                 a[class="mobile"] {
                                     display: block !important;
                                     visibility: visible;
                                     text-align: center;
                                     width: auto !important;
                                     height: auto;
                                 }
                                 div[class="desktop"],
                                 .desktop,
                                 .gmail,
                                 .inbox {
                                     display: none !important;
                                 }
                                 .info {
                                     font-size: 8px;
                                 }
                                 .btn {
                                     width: 100%;
                                     margin: 10px 0;
                                 }
                                 .spacer,
                                 .print {
                                     display: none;
                                     visibility: hidden;
                                 }
                             }
                             
                             @media yahoo {}
                             
                             .applelinks a,
                             .appleBody a,
                             .appleFooter a {
                                 color: #999999 !important;
                                 text-decoration: none;
                                 outline: none;
                             }
                             
                             a[x-apple-data-detectors] {
                                 color: #999999 !important;
                             }
                             
                             @media print {
                                 #body {
                                     background-color: white;
                                     color: black;
                                     font-size: 9px;
                                     line-height: 1em;
                                 }
                                 .break {
                                     max-width: 700px;
                                     word-wrap: break-word;
                                 }
                                 .btn {
                                     display: none;
                                     visibility: hidden;
                                 }
                                 .info {
                                     color: black;
                                     padding: 0;
                                     position: relative;
                                     font-size: 9px;
                                 }
                                 .logo {
                                     display: block;
                                     visibility: visible;
                                     border-collapse: collapse;
                                     mso-table-lspace: 0;
                                     mso-table-rspace: 0;
                                     padding: 0px !important;
                                     border: 0 !important;
                                     margin: 0px auto;
                                 }
                                 .print {
                                     display: block;
                                     visibility: visible;
                                 }
                                 .screen {
                                     display: none;
                                     visibility: hidden;
                                 }
                             }
                             
                             .toggle-link {
                                 cursor: pointer;
                             }
                             
                             .svg-icon {
                                 width: 16px;
                                 height: 16px;
                                 fill: var(--white);
                                 vertical-align: middle;
                                 margin-left: 8px;
                             }
                             
                             .show-details {
                                 background-color: transparent;
                                 border: 1px solid #fff;
                                 border-radius: 3px;
                                 color: #fff;
                                 margin: 0 0 0 1em;
                                 cursor: pointer;
                                 padding: .2em .35em;
                             }
                             /* =====================================================================
   RESUME V3 — palette-driven themes
   Add the Photoshop paper texture at --paper-texture when it is ready:
   url("../img/paper-texture.png")
   ===================================================================== */
                             
                              :root {
                                 --paper-texture: none;
                                 /* Replace with url("../img/paper-texture.png") when ready */
                                 --theme-paper: var(--white);
                                 --theme-paper-ink: var(--black);
                                 --theme-paper-muted: var(--metal);
                                 --theme-paper-rule: var(--light-grey);
                                 --theme-blue: var(--brand-blue);
                                 --theme-blue-ink: var(--white);
                                 --theme-dark: var(--black);
                                 --theme-dark-high-ink: var(--white);
                                 --theme-dark-low-ink: var(--base-bright);
                                 --theme-dark-low-muted: var(--light-grey);
                                 --theme-control-size: 48px;
                                 --theme-swatch-size: 68px;
                             }
                             
                             body.resume-v3 {
                                 min-height: 100%;
                                 color: var(--theme-ink, var(--black));
                                 background-color: var(--theme-bg, var(--white));
                                 background-image: var(--theme-texture, none);
                                 background-repeat: repeat;
                                 transition: background-color .2s ease, color .2s ease;
                             }
                             
                             body.resume-v3[data-theme="paper"] {
                                 --theme-bg: var(--theme-paper);
                                 --theme-ink: var(--theme-paper-ink);
                                 --theme-muted: var(--theme-paper-muted);
                                 --theme-rule: var(--theme-paper-rule);
                                 --theme-texture: var(--paper-texture);
                                 color: var(--theme-ink) !important;
                                 background-color: var(--theme-bg) !important;
                                 background-image: url("../img/paper-bg-wide-compressed.png");
                                 background-position: right top;
                                 background-repeat: no-repeat;
                                 /* background-repeat: repeat; */
                                 /* Enable tiling later if desired. */
                                 /* background-attachment: fixed; */
                                 /* Keep scrolling with the page instead. */
                             }
                             
                             body.resume-v3[data-theme="blue"] {
                                 --theme-bg: var(--brand-blue);
                                 --theme-ink: var(--white);
                                 --theme-muted: var(--cool-blue);
                                 --theme-rule: rgba(255, 255, 255, .35);
                                 --theme-texture: none;
                                 color: var(--theme-ink) !important;
                                 background-color: var(--theme-bg) !important;
                             }
                             
                             body.resume-v3[data-theme="dark-high"] {
                                 --theme-bg: var(--dark);
                                 --theme-ink: var(--white);
                                 --theme-muted: var(--white);
                                 --theme-rule: rgba(255, 255, 255, .75);
                                 --theme-texture: none;
                                 color: var(--theme-ink) !important;
                                 background-color: var(--theme-bg) !important;
                                 background-image: url("../img/paper-bg-wide-inverted-compressed.png");
                                 background-position: right top;
                                 background-repeat: no-repeat;
                                 /* background-repeat: repeat; */
                                 /* Enable tiling later if desired. */
                                 /* background-attachment: fixed; */
                                 /* Keep scrolling with the page instead. */
                             }
                             
                             body.resume-v3[data-theme="dark-low"] {
                                 --theme-bg: var(--euphoria);
                                 --theme-ink: var(--base-bright);
                                 --theme-muted: var(--light-grey);
                                 --theme-rule: rgba(207, 207, 207, .22);
                                 --theme-texture: none;
                                 color: var(--theme-ink) !important;
                                 background-color: var(--theme-bg) !important;
                             }
                             /* Show only the logo variant matching the active resume theme. */
                             
                             body.resume-v3 .theme-logo {
                                 display: none;
                             }
                             
                             body.resume-v3[data-theme="paper"] .theme-logo--paper,
                             body.resume-v3[data-theme="blue"] .theme-logo--blue,
                             body.resume-v3[data-theme="dark-high"] .theme-logo--dark-high,
                             body.resume-v3[data-theme="dark-low"] .theme-logo--dark-low {
                                 display: inline-block;
                             }
                             /* Override legacy hard-coded colors, including the expandable details controls. */
                             
                             body.resume-v3,
                             body.resume-v3 p,
                             body.resume-v3 li,
                             body.resume-v3 span,
                             body.resume-v3 div,
                             body.resume-v3 section,
                             body.resume-v3 article,
                             body.resume-v3 header,
                             body.resume-v3 footer,
                             body.resume-v3 h1,
                             body.resume-v3 h2,
                             body.resume-v3 h3,
                             body.resume-v3 h4,
                             body.resume-v3 h5,
                             body.resume-v3 h6,
                             body.resume-v3 label,
                             body.resume-v3 small,
                             body.resume-v3 .toggle-link,
                             body.resume-v3 .see-more,
                             body.resume-v3 .svg-icon,
                             body.resume-v3 .toggle-all-link {
                                 color: var(--theme-ink);
                             }
                             
                             body.resume-v3 a {
                                 color: var(--theme-ink);
                             }
                             
                             body.resume-v3 a:hover,
                             body.resume-v3 a:focus {
                                 color: var(--theme-muted);
                             }
                             
                             body.resume-v3 hr,
                             body.resume-v3 .divider,
                             body.resume-v3 .rule {
                                 border-color: var(--theme-rule);
                             }
                             
                             body.resume-v3 ul,
                             body.resume-v3 ol {
                                 color: var(--theme-ink);
                             }
                             
                             body.resume-v3 .toggle-link,
                             body.resume-v3 .see-more,
                             body.resume-v3 #toggle-all-link {
                                 color: var(--theme-ink) !important;
                                 border-color: var(--theme-rule);
                             }
                             
                             body.resume-v3 .toggle-link:hover,
                             body.resume-v3 .see-more:hover,
                             body.resume-v3 #toggle-all-link:hover {
                                 color: var(--theme-muted) !important;
                             }
                             
                             body.resume-v3 img {
                                 max-width: 100%;
                             }
                             
                             .v3-topbar {
                                 position: absolute;
                                 top: 20px;
                                 right: max(20px, env(safe-area-inset-left));
                                 z-index: 1000;
                             }
                             
                             .v3-home-link {
                                 display: inline-flex;
                                 align-items: center;
                                 gap: 9px;
                                 min-height: 38px;
                                 padding: 6px 12px;
                                 color: var(--theme-ink, var(--black)) !important;
                                 text-decoration: none;
                                 border: 1px solid var(--theme-rule, var(--light-grey));
                                 border-radius: 3px;
                                 background: var(--theme-bg, var(--white));
                                 font-size: 12px;
                                 line-height: 1;
                                 letter-spacing: .04em;
                             }
                             
                             .v3-home-logo {
                                 width: 20px;
                                 height: 20px;
                                 object-fit: contain;
                             }
                             
                             .v3-home-arrow {
                                 font-size: 18px;
                                 line-height: 1;
                             }
                             
                             .theme-picker {
                                 position: fixed;
                                 z-index: 2000;
                                 top: max(64px, calc(env(safe-area-inset-top) + 126px));
                                 right: max(96px, env(safe-area-inset-right));
                                 transition: opacity .45s ease, transform .45s ease;
                                 opacity: 1;
                                 transform: translateY(0);
                             }
                             
                             .theme-picker.is-idle {
                                 opacity: .12;
                             }
                             /* Hide visually without disabling hover detection or shifting the hit area.
   The fixed picker stays mounted and interactive so pointer entry can reveal it. */
                             
                             .theme-picker.is-hidden {
                                 opacity: 0;
                                 transform: translateY(0);
                                 pointer-events: auto;
                             }
                             
                             .theme-picker.is-open,
                             .theme-picker:focus-within,
                             .theme-picker.is-scrolling {
                                 opacity: 1;
                                 transform: translateY(0);
                             }
                             
                             .theme-picker.is-open .theme-swatch {
                                 opacity: 1;
                                 transform: scale(1);
                             }
                             
                             @media (prefers-reduced-motion: reduce) {
                                 .theme-picker {
                                     transition: none !important;
                                 }
                             }
                             
                             .theme-picker__trigger {
                                 display: grid;
                                 place-items: center;
                                 width: var(--theme-control-size);
                                 height: var(--theme-control-size);
                                 padding: 0;
                                 color: var(--theme-ink, var(--black));
                                 background: var(--theme-bg, var(--white));
                                 border: 1px solid var(--theme-rule, var(--light-grey));
                                 border-radius: 3px;
                                 box-shadow: 0 2px 10px rgba(0, 0, 0, .12);
                                 cursor: pointer;
                             }
                             
                             .theme-picker__glyph {
                                 font: 700 17px/1 "Inter", sans-serif;
                                 letter-spacing: -.08em;
                             }
                             
                             .theme-picker__options {
                                 position: absolute;
                                 inset: 0;
                                 pointer-events: none;
                             }
                             
                             .theme-picker__options[hidden] {
                                 display: none;
                             }
                             
                             .theme-swatch {
                                 position: absolute;
                                 display: block;
                                 width: var(--theme-swatch-size);
                                 height: var(--theme-swatch-size);
                                 padding: 0;
                                 border: 2px solid var(--theme-bg, var(--white));
                                 border-radius: 4px;
                                 box-shadow: 0 3px 12px rgba(0, 0, 0, .2);
                                 cursor: pointer;
                                 pointer-events: auto;
                                 opacity: 0;
                                 transform: scale(.72);
                                 transition: transform .18s ease, opacity .18s ease;
                             }
                             
                             .theme-picker.is-open .theme-swatch {
                                 opacity: 1;
                                 transform: scale(1);
                             }
                             
                             .theme-swatch[aria-pressed="true"] {
                                 outline: 3px solid var(--brand-blue);
                                 outline-offset: 2px;
                             }
                             
                             .theme-swatch span {
                                 width: 100%;
                                 height: 100%;
                                 display: flex;
                                 flex-direction: column;
                                 align-items: center;
                                 justify-content: center;
                                 gap: 3px;
                                 font: 700 15px/1.1 "Inter", sans-serif;
                             }
                             
                             .theme-swatch b {
                                 font-weight: 800;
                             }
                             
                             .theme-swatch i {
                                 font-style: normal;
                                 font-size: 10px;
                                 letter-spacing: .18em;
                             }
                             
                             .swatch-paper {
                                 background: var(--white);
                                 color: var(--black);
                             }
                             
                             .swatch-blue {
                                 background: var(--brand-blue);
                                 color: var(--white);
                             }
                             
                             .swatch-dark-high {
                                 background: #000;
                                 color: #fff;
                             }
                             
                             .swatch-dark-low {
                                 background: var(--euphoria);
                                 color: var(--base-bright);
                             }
                             
                             .theme-picker.is-open .theme-swatch:nth-child(1) {
                                 top: calc(-1 * (var(--theme-swatch-size) + 14px));
                                 left: calc((var(--theme-control-size) - var(--theme-swatch-size))/2);
                             }
                             
                             .theme-picker.is-open .theme-swatch:nth-child(2) {
                                 top: calc((var(--theme-control-size) - var(--theme-swatch-size))/2);
                                 left: calc(-1 * (var(--theme-swatch-size) + 14px));
                             }
                             
                             .theme-picker.is-open .theme-swatch:nth-child(3) {
                                 top: calc((var(--theme-control-size) - var(--theme-swatch-size))/2);
                                 left: calc(var(--theme-control-size) + 14px);
                             }
                             
                             .theme-picker.is-open .theme-swatch:nth-child(4) {
                                 top: calc(var(--theme-control-size) + 14px);
                                 left: calc((var(--theme-control-size) - var(--theme-swatch-size))/2);
                             }
                             
                             .theme-picker button:focus-visible,
                             .v3-home-link:focus-visible {
                                 outline: 3px solid var(--orange);
                                 outline-offset: 3px;
                             }
                             
                             @media (max-width: 600px) {
                                 .v3-topbar {
                                     top: max(12px, env(safe-area-inset-top));
                                     left: max(12px, env(safe-area-inset-left));
                                 }
                                 .v3-home-link {
                                     padding: 6px 8px;
                                     gap: 6px;
                                 }
                                 .theme-picker {
                                     top: max(64px, calc(env(safe-area-inset-top) + 126px));
                                     right: max(96px, env(safe-area-inset-right));
                                 }
                                  :root {
                                     --theme-control-size: 44px;
                                     --theme-swatch-size: 64px;
                                 }
                             }
                             
                             @media (prefers-reduced-motion: reduce) {
                                 body.resume-v3,
                                 .theme-swatch {
                                     transition: none !important;
                                 }
                             }
                             
                             @media print {
                                 /* Keep the informational strip on screen only. */
                                 .info,
                                 /* Hide decorative screen-only bars/cursors in printed output. */
                                 .blink,
                                 .over,
                                 .screen-only,
                                 .theme-picker,
                                 .v3-topbar {
                                     display: none !important;
                                     visibility: hidden !important;
                                 }
                                 body.resume-v3 {
                                     color: #0a0c0e !important;
                                     background: #fff !important;
                                     background-image: none !important;
                                     -webkit-print-color-adjust: exact;
                                     print-color-adjust: exact;
                                 }
                                 body.resume-v3 *,
                                 body.resume-v3 .toggle-link,
                                 body.resume-v3 .see-more,
                                 body.resume-v3 #toggle-all-link {
                                     color: #0a0c0e !important;
                                 }
                             }
                             /* Theme surfaces: neutralize legacy blue/white panels so every theme stays coherent. */
                             
                             body.resume-v3 header,
                             body.resume-v3 footer,
                             body.resume-v3 .info,
                             body.resume-v3 .upgrade,
                             body.resume-v3 .upgrade p {
                                 color: var(--theme-ink) !important;
                                 background-color: var(--theme-bg) !important;
                                 background-image: none;
                                 border-color: var(--theme-rule);
                             }
                             
                             body.resume-v3 #body {
                                 color: var(--theme-ink) !important;
                                 background-color: transparent !important;
                             }
                             
                             body.resume-v3 .btn {
                                 color: var(--theme-ink) !important;
                                 border-color: var(--theme-rule) !important;
                                 background-color: transparent !important;
                             }
                             
                             body.resume-v3 .btn:hover {
                                 color: var(--theme-bg) !important;
                                 background-color: var(--theme-ink) !important;
                             }
                             
                             body.resume-v3 .info {
                                 position: static;
                                 width: auto;
                             }
                             
                             body.resume-v3 .upgrade p {
                                 border-color: var(--theme-rule);
                             }
                             /* Keep each preview swatch true to its own palette, regardless of active page theme. */
                             
                             body.resume-v3 .swatch-paper,
                             body.resume-v3 .swatch-paper b,
                             body.resume-v3 .swatch-paper i {
                                 color: var(--black) !important;
                                 background-color: var(--white);
                             }
                             
                             body.resume-v3 .swatch-blue,
                             body.resume-v3 .swatch-blue b,
                             body.resume-v3 .swatch-blue i {
                                 color: var(--white) !important;
                                 background-color: var(--brand-blue);
                             }
                             
                             body.resume-v3 .swatch-dark-high,
                             body.resume-v3 .swatch-dark-high b,
                             body.resume-v3 .swatch-dark-high i {
                                 color: #fff !important;
                                 background-color: #000;
                             }
                             
                             body.resume-v3 .swatch-dark-low,
                             body.resume-v3 .swatch-dark-low b,
                             body.resume-v3 .swatch-dark-low i {
                                 color: var(--base-bright) !important;
                                 background-color: var(--euphoria);
                             }
                             
                             body.resume-v3 .toggle-link .svg-icon path,
                             body.resume-v3 .svg-icon path {
                                 fill: currentColor;
                             }
                             /* Stable idle behavior: after first hover, fade to dim; untouched controls hide. */
                             
                             .theme-picker.is-idle {
                                 opacity: .12;
                                 pointer-events: auto;
                             }
                             /* Hide visually without disabling hover detection or shifting the hit area.
   The fixed picker stays mounted and interactive so pointer entry can reveal it. */
                             
                             .theme-picker.is-hidden {
                                 opacity: 0;
                                 transform: translateY(0);
                                 pointer-events: auto;
                             }
                             
                             .theme-picker.is-open,
                             .theme-picker:focus-within,
                             .theme-picker.is-scrolling {
                                 opacity: 1;
                                 transform: translateY(0);
                             }
                             
                             .theme-picker.is-open .theme-swatch {
                                 opacity: 1;
                                 transform: scale(1);
                             }

/* ==========================================================================
   RESUME V4 — SCALE DIAGNOSTICS
   These styles are isolated to the diagnostic UI. The resume's layout is
   otherwise inherited from the root release so results remain comparable.
   ========================================================================== */
.resume-v4 .info {
    display: flow-root;
    overflow-wrap: anywhere;
}
.resume-v4 #browser-status-readout,
.resume-v4 #scale-summary {
    display: inline;
    overflow-wrap: anywhere;
}
.resume-v4 #scale-summary {
    color: var(--safety-green, #bbff32) !important;
}
.resume-v4[data-theme="paper"] #scale-summary,
body.resume-v4[data-theme="paper"] #scale-summary {
    color: #176b2c !important;
}
.scale-diagnostics {
    position: fixed;
    top: 34px;
    left: 8px;
    z-index: 99999;
    max-width: calc(100vw - 16px);
    color: #f2f2f2;
    font: 12px/1.45 "Roboto Mono", monospace;
}
.scale-diagnostics__trigger,
.scale-diagnostics__button {
    appearance: none;
    border: 1px solid #bbff32;
    border-radius: 2px;
    padding: 5px 8px;
    color: #bbff32;
    background: #0a0c0e;
    font: inherit;
    cursor: pointer;
}
.scale-diagnostics__trigger {
    box-shadow: 0 2px 8px rgba(0,0,0,.25);
}
.scale-diagnostics__panel {
    box-sizing: border-box;
    width: min(600px, calc(100vw - 16px));
    max-height: none;
    margin-top: 6px;
    padding: 12px;
    overflow: visible;
    border: 1px solid #bbff32;
    background: rgba(10,12,14,.97);
    box-shadow: 0 6px 24px rgba(0,0,0,.35);
}
.scale-diagnostics__panel[hidden] {
    display: none;
}
.scale-diagnostics__title {
    margin: 0 0 8px;
    color: #bbff32;
    font-size: 12px;
    font-weight: 700;
}
.scale-diagnostics__output {
    margin: 0 0 12px;
    color: #fff !important;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}
.scale-diagnostics__controls {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
.scale-diagnostics__note {
    margin: 10px 0 0;
    color: #fff !important;
}
@media (max-width: 700px) {
    .scale-diagnostics {
        top: 44px;
    }
    .scale-diagnostics__panel {
        max-height: 65vh;
        overflow: auto;
    }
}
@media print {
    .scale-diagnostics {
        display: none !important;
    }
}