:root{--font-noto-sans:var(--font-rounded);--font-noto-serif:var(--font-rounded)}
.skip-link{position:fixed;top:0;left:1rem;z-index:100000;transform:translateY(-130%);padding:10px 18px;background:#fffdf8;color:#203f35}.skip-link:focus{transform:translateY(0)}
.site-header.inner-header{margin:0;border-radius:0;top:0;background:#fff6e2;border:0;box-shadow:0 8px 18px -12px #30453066}
.admin-bar .hero-header,.admin-bar .inner-header{top:32px}
.hero-title-line,.bridge-title-line{max-width:100%}
.illustration-bridge img{width:100%;margin-left:auto;margin-right:auto}
.nav-dropdown::after{content:'';position:absolute;top:100%;left:0;right:0;height:14px}
.yian-menu{display:flex;align-items:center;gap:24px;list-style:none;padding:0;margin:0}.yian-menu>li{position:relative}.yian-menu .sub-menu{display:none;position:absolute;top:100%;left:0;min-width:230px;padding:12px;background:#fffdf8;box-shadow:0 10px 30px #203f3520}.yian-menu li:hover>.sub-menu,.yian-menu li:focus-within>.sub-menu{display:block}.sub-menu a{display:block}
.yian-contact-info{max-width:760px;margin:auto;text-align:center}.yian-contact-info p{margin-top:24px}
.mobile-menu-panel .yian-menu{display:block}.mobile-menu-panel .yian-menu a{display:block;min-height:44px;padding:10px}.mobile-menu-panel .yian-menu .sub-menu{position:static;display:block;box-shadow:none;min-width:0;padding:0 12px}.mobile-menu-panel .yian-menu .sub-menu a{font-size:14px}
.prose{max-width:1100px;margin:auto;overflow-wrap:anywhere}.prose p,.prose ul,.prose ol,.prose blockquote{margin:0 0 1.5em}.prose h2,.prose h3{margin:1.5em 0 .6em}.prose ul{list-style:disc;padding-left:1.5em}.prose ol{list-style:decimal;padding-left:1.5em}.prose img{height:auto;max-width:100%}.prose a{text-decoration:underline;text-underline-offset:4px}.prose blockquote{border-left:2px solid var(--sun);padding-left:20px}.yian-post-preview{padding:30px 0;border-bottom:1px solid #c6cbbf}
@media(max-width:782px){.admin-bar .hero-header,.admin-bar .inner-header{top:46px}}
@media(max-width:600px){.brand-logo{width:72px}.site-header .brand-main b{font-size:23px!important}.site-header .brand-main{gap:7px!important}.site-header{padding:5px 4vw;height:66px}.illustration-bridge-copy h2{font-size:clamp(17px,5.35vw,24px)}.illustrated-hero h1{font-size:clamp(20px,6.5vw,30px)}.admin-bar .hero-header.is-scrolled{top:0}.mobile-actions{height:calc(64px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#203f35}body{padding-bottom:calc(64px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.illustration-bridge img{animation:none!important}}