/* Shared typography and site furniture. Channel layouts and product data stay independent. */
:root{
  --yl-font-ui:"PingFang SC","Microsoft YaHei UI","Microsoft YaHei",sans-serif;
  --yl-site-surface:#f5f3ef;
  --yl-site-ink:#282725;
  --yl-site-muted:#66635d;
  --yl-site-line:#d4d0c8;
  --yl-site-focus:#82572e;
}
body.yl-site{font-family:var(--yl-font-ui);--font-ui:var(--yl-font-ui);--font-title:var(--yl-font-ui)}
.yl-site :is(h1,h2,h3,h4,h5,h6,button,input,select,textarea){font-family:var(--yl-font-ui)}
.yl-site.yl-home :is(h1,h2,h3),.yl-site .detail-layout h1,.yl-site .brand{font-family:var(--yl-font-ui)}
.yl-site .story-designer-belief,.yl-site .story-craft-list dt,.yl-site .story-step-number,.yl-site .story-closing{font-family:var(--yl-font-ui)}
.yl-site .yl-channel-bar{font-family:var(--yl-font-ui);--yl-paper:var(--yl-site-surface);--yl-ink:var(--yl-site-ink);--yl-muted:var(--yl-site-muted);--yl-line:var(--yl-site-line);--yl-gold:var(--yl-site-focus)}
.yl-channel-compact .yl-channel-inner{min-height:64px}
.yl-channel-compact .yl-brand{min-height:56px}
.yl-channel-compact .yl-channel-links{margin-left:auto}
.yl-channel-compact .yl-channel-toggle{max-width:calc(100vw - 110px)}
.yl-site .yl-local-actions{max-width:1440px;margin:24px auto;padding:0 32px;display:flex;justify-content:flex-end;gap:16px;font-size:14px}
.yl-site .yl-local-actions a{display:inline-flex;align-items:center;min-height:44px;color:inherit;text-underline-offset:4px}
.yl-site .yl-site-footer{display:block;width:100%;max-width:none;margin:0;border:0;border-top:1px solid var(--yl-site-line);padding:28px 24px 32px;background:var(--yl-site-surface);color:var(--yl-site-muted);font:400 14px/1.8 var(--yl-font-ui);text-align:center;box-sizing:border-box}
.yl-site .yl-site-footer nav{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:4px 24px;margin:0;padding:0}
.yl-site .yl-site-footer a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;color:inherit;text-decoration:none;text-underline-offset:5px;max-width:100%}
.yl-site .yl-site-footer a:hover{text-decoration:underline}
.yl-site .yl-site-footer p{margin:16px 0 0;padding:0;font:inherit;letter-spacing:0;overflow-wrap:break-word}
.yl-site .yl-site-footer a:focus-visible,.yl-site .yl-local-actions a:focus-visible{outline:2px solid var(--yl-site-focus);outline-offset:4px}
.yl-site .yl-site-footer ::selection{background:#e3d3ad;color:#282725}
/* Keep the relief channel logo at the left, opposite its theme controls. */
.yl-site .showcase-header{display:flex;align-items:center;justify-content:space-between;gap:20px;height:78px;padding:12px 5%}
.yl-site .showcase-footer{display:none}
.yl-site .showcase-header>a,.yl-site .geo-header>a{display:flex;align-items:center;min-height:44px}
.yl-site .showcase-header .theme-switch{width:max-content;margin:0}
.yl-site .geo-header{height:auto;min-height:64px;padding:8px 5%;justify-content:space-between}
html[data-theme="dark"]{--yl-site-surface:#201f1c;--yl-site-ink:#eeeae3;--yl-site-muted:#c2bdb4;--yl-site-line:#514c43;--yl-site-focus:#ddbc8b}
html[data-theme="dark"] .yl-site .yl-logo-frame img{filter:invert(.92);mix-blend-mode:screen}
html[data-theme="dark"] .yl-site .yl-channel-links a[aria-current],html[data-theme="dark"] .yl-site .yl-channel-links a:hover,html[data-theme="dark"] .yl-site .yl-channel-toggle:active{background:#3b352b;color:#f0d2a4}
html[data-theme="dark"] .yl-site .yl-channel-toggle img{filter:invert(.9)}
@media(max-width:800px){
  .yl-channel-compact .yl-channel-inner{grid-template-columns:48px minmax(0,1fr)}
  .yl-channel-compact .yl-channel-links{margin-left:0;width:100%}
  .yl-channel-compact .yl-channel-toggle{justify-self:end}
}
@media(max-width:640px){
  .yl-site .yl-site-footer{padding:24px 20px 28px}
  .yl-site .yl-site-footer nav{column-gap:20px;row-gap:0}
  .yl-site .yl-site-footer p{margin-top:12px}
  .yl-site .yl-local-actions{padding:0 20px;margin:16px auto}
  .yl-site .showcase-header{height:68px;padding:10px 20px}
}