/* Approved recommendation A: home notebook. Existing dimensions and links retained. */
.site-header {background:#fffdf7;border-bottom-color:#dbe1ce;}
.brand {color:#315e50;gap:7px;}
.brand .brand-mark {width:38px;height:38px;background:transparent;border-radius:0;flex:none;}
.brand-wordmark {font-weight:900;letter-spacing:-.055em;font-size:18px;white-space:nowrap;}
.menu-toggle {color:#315e50;background:#eef1df;border:1px solid #d5ddc6;border-radius:13px;flex:none;}
.menu-toggle::before,.menu-toggle::after,.menu-toggle > span[aria-hidden] {width:20px;left:11px;background:#315e50;}
.menu-toggle::before {top:10px;}
.menu-toggle > span[aria-hidden] {top:16px;}
.menu-toggle::after {top:22px;}
.menu-toggle[aria-expanded=true]::before,.menu-toggle[aria-expanded=true]::after {top:16px;}
.menu-caption {position:absolute;bottom:2px;left:0;width:100%;font-size:9px;line-height:1.3;font-weight:700;letter-spacing:.04em;}
.primary-nav {top:calc(100% + 8px);right:12px;width:min(370px,calc(100% - 24px));padding:19px;background:#fbf6e9;border:1px solid #d1dac4;border-radius:23px;box-shadow:0 18px 45px #29483126;max-height:calc(100dvh - 76px);overflow-y:auto;overscroll-behavior:contain;}
.nav-heading {display:flex;align-items:center;justify-content:space-between;margin:0 0 10px;color:#315e50;font-size:12px;font-weight:800;letter-spacing:.06em;}
.nav-heading span {color:#a27629;font-size:23px;line-height:1;}
.primary-nav a {gap:12px;padding:9px 2px;border-radius:0;border-bottom:1px dashed #ccd4bd;min-height:55px;color:#2d3b32;font-size:14px;}
.primary-nav a:hover {background:#eaf0df;}
.nav-symbol {display:grid;place-items:center;width:35px;height:35px;flex:none;border-radius:11px;background:#e5ecd7;color:#315e50;}
.nav-symbol svg {width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
.nav-arrow {margin-left:auto;color:#53734e;font-size:19px;font-weight:400;}
.nav-footer {margin:15px 0 0;color:#526147;font-size:11px;text-align:center;}
@media(max-width:389px){.header-inner{padding-inline:8px;}.brand{gap:4px;}.brand .brand-mark{width:30px;height:34px;}.brand-wordmark{font-size:15px;}.header-actions{gap:5px;}.apply-cta--header{padding-inline:9px;font-size:12px;}.primary-nav{padding:16px;}}
@media(forced-colors:active){.site-header,.primary-nav,.menu-toggle,.nav-symbol{background:Canvas;color:CanvasText;border-color:CanvasText;}.brand,.primary-nav a,.nav-heading,.nav-footer,.nav-arrow{color:CanvasText;}.menu-toggle::before,.menu-toggle::after,.menu-toggle>span[aria-hidden]{background:ButtonText;}}