/* Homepage-only navigation: solid surfaces, native disclosures, no runtime library. */
.yn-header{position:sticky;top:0;z-index:12000;background:var(--ys-bg);border-bottom:1px solid transparent;color:var(--ys-ink);transition:border-color .18s,box-shadow .18s}
.yn-header.yn-scrolled,.yn-header:has(details[open]){border-bottom-color:var(--ys-line)}
.yn-header.yn-scrolled{box-shadow:0 4px 16px rgba(0,0,0,.06)}
.yn-bar{position:relative;max-width:1584px;width:calc(100% - 96px);min-height:88px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:22px}
.yn-brand{display:flex;align-items:center;gap:9px;font:700 25px/1 var(--ys-serif);letter-spacing:-1.3px;white-space:nowrap;flex:none}
.yn-wing{display:inline-block;width:29px;height:26px;background:currentColor;mask:url('/static/logo/youmatter-wing-mask.png') center/contain no-repeat;-webkit-mask:url('/static/logo/youmatter-wing-mask.png') center/contain no-repeat}
.yn-dot{color:var(--ys-accent)}.yn-header ul,.yn-dialog ul{margin:0;padding:0;list-style:none}
.yn-primary{display:flex;align-items:center;gap:5px}.yn-top-link,.yn-disclosure>summary{display:flex;align-items:center;gap:7px;padding:13px 12px;min-height:44px;font-size:13px;font-weight:500;line-height:1.3;white-space:nowrap;border-radius:7px;cursor:pointer;list-style:none}
.yn-disclosure>summary::-webkit-details-marker{display:none}.yn-disclosure>summary::marker{content:''}
.yn-top-link:hover,.yn-disclosure>summary:hover,.yn-disclosure[open]>summary{background:var(--ys-soft)}
.yn-top-link svg{width:18px;height:18px}.yn-disclosure>summary>svg{width:13px;height:13px;transition:transform .18s}
.yn-disclosure[open]>summary>svg{transform:rotate(180deg)}.yn-chat-link{font-weight:650}
.yn-header a:focus-visible,.yn-header summary:focus-visible,.yn-header button:focus-visible,.yn-dialog a:focus-visible,.yn-dialog summary:focus-visible,.yn-dialog button:focus-visible{outline:2px solid var(--ys-accent);outline-offset:3px}
.yn-actions{display:flex;gap:10px;align-items:center;flex:none}.yn-icon{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0;min-width:44px;height:44px;border:1px solid var(--ys-line);border-radius:50%;background:transparent;color:inherit}
.yn-icon svg{width:19px;height:19px}.yn-icon:hover{background:var(--ys-soft)}.yn-icon kbd{display:none}
.yn-login{font-size:13px;min-height:44px;display:flex;align-items:center;padding:0 9px;white-space:nowrap}
.yn-cta{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:12px 17px;border-radius:8px;background:var(--ys-accent);color:var(--ys-button-ink)!important;font-size:12px;font-weight:650;white-space:nowrap;transition:box-shadow .18s}
.yn-cta svg{width:17px;height:17px;transition:transform .18s}.yn-cta:hover{box-shadow:0 3px 0 rgba(0,0,0,.15)}.yn-cta:hover svg{transform:translate(2px,-2px)}
.yn-cta-short,.yn-js-only,.yn-mobile-toggle{display:none}.yn-enhanced .yn-js-only{display:inline-flex}.yn-enhanced .yn-mobile-toggle{display:none}
.yn-panel{position:absolute;top:100%;left:0;width:100%;border:1px solid var(--ys-line);border-top:0;border-radius:0 0 18px 18px;background:var(--ys-bg);box-shadow:0 24px 42px rgba(0,0,0,.18);color:var(--ys-ink);max-height:calc(100dvh - 112px);overflow:auto;overscroll-behavior:contain}
.yn-disclosure:not([open])>.yn-panel{display:none}.yn-enhanced .yn-disclosure[open]>.yn-panel{animation:yn-open .16s ease-out both;transform-origin:top}
@keyframes yn-open{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
.yn-panel-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:48px;padding:36px 40px 30px}.yn-space-grid{grid-template-columns:.85fr 1.05fr 1.1fr}.yn-column h2{font:500 13px/1.4 'Inter',Arial,sans-serif;letter-spacing:0;margin:0 0 15px;color:var(--ys-muted)}
.yn-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 10px;min-height:52px;margin:0 -10px;border-radius:7px;transition:background .16s}
.yn-item:hover{background:var(--ys-soft)}.yn-item-title{font-size:14px;font-weight:550;line-height:1.45;display:flex;gap:7px;align-items:center}.yn-item-description{font-size:11px;line-height:1.6;color:var(--ys-muted);display:block;margin-top:3px;max-width:300px}
.yn-item-arrow{opacity:0;flex:none;transform:translateX(-4px);transition:transform .16s,opacity .16s}.yn-item-arrow svg{width:15px;height:15px}.yn-item:hover .yn-item-arrow,.yn-item:focus-visible .yn-item-arrow{opacity:1;transform:none}
.yn-lock{display:inline-flex;color:var(--ys-muted);flex:none}.yn-lock svg{width:12px;height:12px}
.yn-panel-title{font:600 39px/1.03 var(--ys-serif);letter-spacing:-.055em;margin:0 0 20px!important}
.yn-panel-intro>p:not(.yn-panel-title),.yn-krow-feature>p:not(.yn-panel-title),.yn-help-note>p:not(.yn-panel-title){font-size:12px;line-height:1.8;color:var(--ys-muted);max-width:250px}
.yn-panel-intro{padding-right:20px}.yn-account-note{display:flex;gap:8px;align-items:center;margin-top:22px!important;font-size:10px!important}.yn-account-note svg{width:13px;height:13px}
.yn-feature-link{display:inline-flex;gap:20px;align-items:center;margin-top:28px;border-bottom:1px solid var(--ys-line);padding:0 0 10px;font-size:12px;font-weight:600}.yn-feature-link svg{width:17px;height:17px}
.yn-panel-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 40px;border-top:1px solid var(--ys-line);font-size:11px}.yn-panel-footer>a{display:flex;align-items:center;gap:10px;font-weight:600}.yn-panel-footer svg{width:15px;height:15px}.yn-panel-footer>span{display:flex;gap:26px;color:var(--ys-muted)}.yn-panel-footer a:hover{text-decoration:underline;text-underline-offset:4px}
.yn-krow-grid{grid-template-columns:1.1fr 1fr .8fr;gap:40px;align-items:center}.yn-krow-feature{padding:28px;background:#edbcaa;color:#382f28;border-radius:12px}.yn-krow-feature .yn-panel-title{font-size:34px}.yn-krow-feature>p:not(.yn-panel-title){color:#624d42}.yn-feature-label{display:block;margin-bottom:18px;font-size:11px}.yn-krow-feature .yn-feature-link{margin-top:22px;border-color:#c19886}.yn-krow-feature small{display:block;font-size:9px;line-height:1.7;margin-top:15px;color:#715246}
.yn-krow-art{display:flex;align-items:center;flex-direction:column;text-align:center}.yn-krow-art img{width:100%;height:auto;max-width:225px}.yn-krow-art span{font:400 23px/1.2 'Caveat',cursive;color:var(--ys-muted)}
.yn-help-panel{width:min(660px,100%);left:auto;right:0}.yn-help-panel .yn-panel-grid{grid-template-columns:1.1fr 1fr;gap:35px}.yn-help-note{padding:26px;background:var(--ys-soft);border-radius:12px}.yn-help-note .yn-panel-title{font-size:35px}.yn-help-note .yn-small{margin-top:25px!important;font-size:10px!important}
.yn-account>summary{padding:5px 9px 5px 3px;gap:7px}.yn-avatar{width:31px;height:31px;display:grid;place-items:center;border:1px solid var(--ys-line);border-radius:50%}.yn-avatar svg{width:16px;height:16px}.yn-account-word{font-size:12px}.yn-account-panel{left:auto;right:100px;width:256px;padding:24px 26px 17px}.yn-account-heading{font-size:11px;color:var(--ys-muted);margin-bottom:12px!important}.yn-account-panel .yn-item{min-height:43px;padding-block:10px}.yn-account-panel .yn-item-title{font-size:13px}
.yn-signout{border-top:1px solid var(--ys-line);margin-top:13px;padding-top:9px}.yn-signout button{display:flex;justify-content:space-between;align-items:center;width:100%;border:0;background:none;padding:13px 0;font-size:12px;color:var(--ys-muted)}.yn-signout button svg{width:16px;height:16px}.yn-signout button:hover{color:var(--ys-ink)}
.yn-scrim{position:fixed;inset:0;z-index:11999;background:rgba(0,0,0,.28)}
.yn-dialog{padding:0;border:1px solid var(--ys-line);color:var(--ys-ink);background:var(--ys-bg);font-family:'Inter',Arial,sans-serif;box-shadow:0 22px 70px rgba(0,0,0,.3);max-height:calc(100dvh - 64px);overscroll-behavior:contain}
.yn-dialog:not([open]){display:none}.yn-dialog::backdrop{background:rgba(0,0,0,.42)}.yn-dialog[open]{animation:yn-open .16s ease-out both}.yn-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 26px 20px}.yn-dialog-heading h2{font:550 25px/1.2 var(--ys-serif);letter-spacing:-.04em}.yn-dialog-heading .yn-icon{flex:none}
.yn-search-dialog{width:min(640px,calc(100% - 40px));border-radius:17px;margin:9vh auto auto}.yn-search-field{display:flex;align-items:center;gap:12px;margin:0 26px;border:1px solid var(--ys-line);border-radius:9px;padding:11px 14px;min-height:52px;background:var(--ys-soft)}
.yn-search-field>svg{width:20px;height:20px;color:var(--ys-muted)}.yn-search-field:focus-within{outline:2px solid var(--ys-accent);outline-offset:2px}.yn-search-field input{font:400 14px/1.5 'Inter',Arial,sans-serif;width:100%;color:var(--ys-ink);background:none;border:0;outline:0;min-width:0;padding:3px 0}.yn-search-field input::placeholder{color:var(--ys-muted)}
.yn-search-count{margin:18px 28px 8px!important;font-size:10px;color:var(--ys-muted)}.yn-search-results{max-height:45dvh;overflow:auto;padding:0 26px 12px!important;overscroll-behavior:contain}.yn-search-results .yn-item{padding:11px 12px;margin:0;min-height:58px}.yn-search-results .yn-item-arrow{opacity:.5;transform:none}.yn-search-results .yn-item-title{font-size:14px}.yn-search-results .yn-item-description{max-width:460px}
.yn-search-bottom{display:flex;justify-content:space-between;gap:20px;padding:16px 26px;border-top:1px solid var(--ys-line);font-size:10px;color:var(--ys-muted)}.yn-search-bottom p{max-width:370px;line-height:1.7}.yn-search-bottom>span{flex:none}.yn-search-bottom kbd{font:inherit;border:1px solid var(--ys-line);border-radius:4px;padding:3px 5px;margin-right:3px}.yn-search-empty{padding:28px;font-size:13px}.yn-search-empty a{text-decoration:underline}
.yn-modal-open{overflow:hidden;scrollbar-gutter:stable}.yn-flyout-open #ys-motion-tools{visibility:hidden}.yn-mobile-dialog{width:min(580px,100%);max-width:100%;max-height:100dvh;height:100dvh;margin:0 0 0 auto;border-radius:0;border:0;overflow:auto}.yn-mobile-dialog .yn-dialog-heading{position:sticky;top:0;z-index:3;background:var(--ys-bg);border-bottom:1px solid var(--ys-line);padding:17px 22px}
.yn-mobile-search{display:flex;align-items:center;gap:12px;width:calc(100% - 44px);margin:20px 22px 16px;border:1px solid var(--ys-line);border-radius:8px;background:var(--ys-soft);padding:12px 14px;min-height:50px;font-size:12px!important;text-align:left}.yn-mobile-search svg{width:18px;height:18px}.yn-mobile-search>span{margin-left:auto;color:var(--ys-muted);font-size:10px}
.yn-mobile-account{padding:26px 28px 12px;border-top:1px solid var(--ys-line)}.yn-mobile-account h3{font:500 12px/1.5 'Inter',Arial,sans-serif;color:var(--ys-muted);margin:0 0 14px}.yn-mobile-account .yn-item-title{font-size:14px}.yn-mobile-account .yn-item{min-height:45px}.yn-mobile-theme{display:flex;align-items:center;gap:11px;padding:14px 0;min-height:48px;background:transparent;border:0;font-size:12px!important}.yn-mobile-theme svg{width:18px;height:18px}.yn-mobile-note{font-size:10px;color:var(--ys-muted);line-height:1.8;padding:5px 28px max(25px,env(safe-area-inset-bottom))}
.yn-mobile-dialog #yn-navigation{display:block}.yn-mobile-dialog .yn-primary{display:block;padding:0 22px 22px}.yn-mobile-dialog .yn-primary>li{border-bottom:1px solid var(--ys-line)}.yn-mobile-dialog .yn-top-link,.yn-mobile-dialog .yn-disclosure>summary{padding:18px 5px;min-height:58px;font:550 24px/1.2 var(--ys-serif);letter-spacing:-.04em}.yn-mobile-dialog .yn-disclosure>summary{justify-content:space-between}.yn-mobile-dialog .yn-disclosure>summary>svg{width:19px;height:19px}.yn-mobile-dialog .yn-top-link svg{width:21px;height:21px}
.yn-mobile-dialog .yn-panel{position:static;width:100%;max-height:none;box-shadow:none;border:0;border-radius:0;overflow:visible}.yn-mobile-dialog .yn-panel-grid{grid-template-columns:1fr;gap:24px;padding:14px 7px 24px}.yn-mobile-dialog .yn-panel-intro,.yn-mobile-dialog .yn-krow-art,.yn-mobile-dialog .yn-help-note{display:none}.yn-mobile-dialog .yn-column h2{font-size:11px;margin-bottom:8px}.yn-mobile-dialog .yn-item{min-height:56px;margin:0 -7px;padding:11px 7px}.yn-mobile-dialog .yn-item-description{font-size:11px;max-width:100%}.yn-mobile-dialog .yn-panel-footer{padding:16px 7px 23px;font-size:11px;flex-wrap:wrap;gap:14px}.yn-mobile-dialog .yn-item-arrow{opacity:.5;transform:none}.yn-mobile-dialog .yn-panel-footer>span{gap:20px}.yn-mobile-dialog .yn-krow-feature{padding:24px}.yn-mobile-dialog .yn-krow-feature .yn-panel-title{font-size:35px}.yn-mobile-dialog .yn-feature-link{margin-top:20px}
html:has(.yn-header){scroll-padding-top:110px}.yn-header~main [id]{scroll-margin-top:18px}
@media(min-width:1650px){.yn-primary{gap:10px}.yn-top-link,.yn-disclosure>summary{padding-inline:16px}.yn-bar{gap:35px}.yn-actions{gap:14px}}
@media(max-width:1250px) and (min-width:1121px){.yn-bar{width:calc(100% - 48px);gap:14px}.yn-brand{font-size:22px}.yn-wing{width:25px}.yn-actions{gap:6px}.yn-top-link,.yn-disclosure>summary{padding-inline:9px;font-size:12px}.yn-cta{padding-inline:13px;gap:10px}.yn-account-word{display:none}}
@media(max-width:1120px){.yn-bar{width:calc(100% - 48px);min-height:80px;gap:16px;flex-wrap:wrap}.yn-brand{font-size:24px}.yn-actions{margin-left:auto;gap:10px}.yn-actions>.yn-login,.yn-actions>.yn-account{display:none}.yn-enhanced .yn-mobile-toggle{display:inline-flex}.yn-enhanced #yn-nav-slot{display:none}.yn-bar>#yn-nav-slot{order:3;width:100%;flex-basis:100%}.yn-header:not(.yn-enhanced) .yn-primary{flex-wrap:wrap;padding-bottom:20px;gap:10px}.yn-header:not(.yn-enhanced) .yn-panel{position:static;width:100%;max-height:none;box-shadow:none}.yn-header:not(.yn-enhanced) .yn-primary>li:has(details[open]){width:100%}.yn-header:not(.yn-enhanced) .yn-panel-grid{gap:28px;padding:24px}.yn-cta{padding:12px 18px}.yn-dialog .yn-cta-short{display:none}}
@media(max-width:600px){html:has(.yn-header){scroll-padding-top:90px}.yn-bar{width:calc(100% - 32px);min-height:74px;gap:12px}.yn-brand{font-size:23px;letter-spacing:-1.2px;gap:7px}.yn-wing{width:26px;height:24px}.yn-actions{gap:7px}.yn-actions .yn-theme{display:none}.yn-icon{width:40px;min-width:40px;height:42px}.yn-cta-wide{display:none}.yn-cta-short{display:inline}.yn-cta{padding:10px 12px;min-height:42px;gap:6px;font-size:11px}.yn-cta>svg{display:none}.yn-search-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 28px);margin:14px auto auto}.yn-dialog-heading{padding:19px 20px 17px;gap:10px}.yn-dialog-heading h2{font-size:22px}.yn-search-field{margin-inline:20px}.yn-search-field input{font-size:16px}.yn-search-count{margin-inline:22px!important}.yn-search-results{padding-inline:14px!important;max-height:55dvh}.yn-search-bottom{padding:15px 20px}.yn-search-bottom>span{display:none}.yn-header:not(.yn-enhanced) .yn-panel-grid{grid-template-columns:1fr}.yn-header:not(.yn-enhanced) .yn-panel-intro,.yn-header:not(.yn-enhanced) .yn-krow-art{display:none}.yn-header:not(.yn-enhanced) .yn-primary{gap:0}.yn-header:not(.yn-enhanced) .yn-top-link,.yn-header:not(.yn-enhanced) .yn-disclosure>summary{font-size:12px;padding:13px 9px}.yn-mobile-dialog .yn-panel-grid{gap:22px}}
@media(max-width:350px){.yn-bar{width:calc(100% - 24px);gap:8px}.yn-brand{font-size:21px;gap:6px}.yn-wing{width:22px;height:22px}.yn-actions{gap:5px}.yn-icon{width:38px;min-width:38px;height:42px}.yn-cta{padding-inline:10px}}
@media(max-height:650px) and (min-width:1121px){.yn-panel-grid{padding-block:24px;gap:32px}.yn-panel{max-height:calc(100dvh - 100px)}.yn-item{padding-block:7px;min-height:46px}.yn-search-dialog{margin-top:18px;max-height:calc(100dvh - 36px)}}
@media(prefers-reduced-motion:reduce){.yn-header,.yn-header *,.yn-dialog,.yn-dialog *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(forced-colors:active){.yn-panel,.yn-dialog,.yn-cta,.yn-icon,.yn-search-field{border:1px solid ButtonText}.yn-lock,.yn-item-arrow{color:CanvasText}.yn-scrim{background:transparent}.yn-top-link:hover,.yn-disclosure>summary:hover{outline:1px solid Highlight}.yn-wing{background:CanvasText}}
.yn-create-account{display:block;width:fit-content;margin-top:16px;font-size:11px;color:var(--ys-muted)!important;text-decoration:underline!important;text-underline-offset:4px}
.yn-mobile-dialog{position:fixed;inset:0 0 auto auto;width:min(580px,100vw);max-width:100vw}
/* Keyboard entry stays above the sticky header. */
.ys-page .skip-to-main:focus{z-index:13000!important}