/* YIBAGUA — stylesheet for the static guide pages.
   Generated by /root/site-gen/build-seo.mjs. Do not edit by hand.
   Conventions taken from index.html: paper #F6F1E6, ink #2A241C,
   bronze #8A6E15, cinnabar for warnings only, self-hosted fonts. */
/* @font-face rules copied verbatim from /root/site/index.html (paths made absolute).
   Regenerate with: node build-seo.mjs after refreshing this file if index.html's fonts change. */
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/cormorant-normal-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/cormorant-normal-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/cormorant-normal-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/cormorant-normal-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/cormorant-normal-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/cormorant-normal-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-normal-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-normal-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter-normal-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter-normal-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/jetbrainsmono-normal-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/jetbrainsmono-normal-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Newsreader';font-style:italic;font-weight:300;font-display:swap;src:url(/fonts/newsreader-italic-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Newsreader';font-style:italic;font-weight:300;font-display:swap;src:url(/fonts/newsreader-italic-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Newsreader';font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/newsreader-normal-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Newsreader';font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/newsreader-normal-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Newsreader';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/newsreader-normal-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Newsreader';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/newsreader-normal-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'LXGW WenKai TC';font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/lxgw-300.woff2) format('woff2')}
@font-face{font-family:'LXGW WenKai TC';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/lxgw-400.woff2) format('woff2')}

:root{
  --serif:"Cormorant Garamond",Georgia,serif;
  --read:Newsreader,Georgia,serif;
  --han:"LXGW WenKai TC","Noto Serif TC","Songti SC",serif;
  --ui:Inter,system-ui,-apple-system,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,monospace;
  --bg:#F6F1E6; --fg:#2A241C; --accent:#8A6E15; --accent-b:#6E5610;
  --cinnabar:#A8342A;
  --dim:rgba(42,36,28,.6); --hair:rgba(42,36,28,.16);
  --card:#FBF7EE; --field:#FFFDF7;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--ui)}
body{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.04'/%3E%3C/svg%3E");line-height:1.62}
.wrap{max-width:760px;margin:0 auto;padding:0 22px 90px}
.han{font-family:var(--han)}
img,svg{max-width:100%}

header{padding:30px 0 14px;text-align:center}
.logoLink{display:inline-block;text-decoration:none;color:inherit}
.logo{color:var(--accent);display:block;margin:0 auto 10px}
.brand{font-family:var(--han);font-size:14px;letter-spacing:.42em;color:var(--accent);display:block}
.brandEn{font-family:var(--serif);font-size:11.5px;letter-spacing:.34em;color:var(--dim);text-transform:uppercase;margin-top:4px;display:block}

.crumb{font-size:11.5px;color:var(--dim);margin:14px 0 4px;line-height:1.9;overflow-wrap:anywhere}
.crumb a{color:var(--dim);text-decoration:none;border-bottom:1px solid transparent}
.crumb a:hover{color:var(--accent);border-bottom-color:var(--hair)}
.crumb i{font-style:normal;opacity:.45;padding:0 7px}

h1{font-family:var(--serif);font-weight:300;font-size:clamp(29px,6.4vw,44px);line-height:1.16;margin:16px 0 14px;overflow-wrap:break-word}
h1 .han{font-weight:300}
.lede{font-family:var(--read);color:var(--dim);font-size:16.5px;margin:0 0 26px;line-height:1.72;max-width:52ch;overflow-wrap:break-word}
.lede em{color:var(--fg);font-style:normal}

.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:1px;margin:0 0 34px}
.facts>div{background:var(--bg);padding:11px 13px;min-width:0;outline:1px solid var(--hair)}
.facts dt{font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:var(--dim);margin:0 0 4px}
.facts dd{margin:0;font-size:14.5px;line-height:1.4;overflow-wrap:anywhere}
.facts dd .han{font-size:17px}

.grpHead{font-family:var(--serif);font-weight:400;font-size:20px;color:var(--accent);
  margin:44px 0 0;padding-bottom:6px;letter-spacing:.01em}
.blk{margin:0 0 40px;padding-top:26px;border-top:1px solid var(--hair)}
.blk h2{font-family:var(--serif);font-weight:400;font-size:26px;margin:0 0 4px;line-height:1.24;overflow-wrap:break-word}
.blk .src{font-family:var(--han);font-size:12px;color:var(--accent);margin-bottom:14px;letter-spacing:.05em;overflow-wrap:anywhere}
.blk p{font-family:var(--read);margin:0 0 15px;font-size:17px;line-height:1.78;color:var(--fg);opacity:.92;overflow-wrap:break-word}
.blk strong{font-weight:400;opacity:1;color:var(--fg)}

.sibs{margin:0 0 36px;padding-top:24px;border-top:1px solid var(--hair)}
.sibs h2{font-family:var(--serif);font-weight:400;font-size:19px;margin:0 0 8px}
.sibsNote{font-family:var(--read);font-size:14.5px;color:var(--dim);margin:0 0 14px;line-height:1.68;max-width:56ch}
.sibs ul{list-style:none;margin:0;padding:0;display:grid;gap:1px;
  grid-template-columns:repeat(auto-fill,minmax(158px,1fr))}
.sibs li{background:var(--bg);min-width:0;outline:1px solid var(--hair)}
.sibs a{display:block;padding:11px 13px;text-decoration:none;color:inherit;height:100%}
.sibs a:hover{background:var(--card)}
.sibs a:hover b{color:var(--accent)}
.sibs b{display:block;font-weight:400;font-size:14.5px;line-height:1.35;overflow-wrap:anywhere}
.sibs b .han{font-size:17px;color:var(--accent)}
.sibs i{display:block;font-style:normal;font-size:11.5px;color:var(--dim);margin-top:3px;line-height:1.45;overflow-wrap:anywhere}

.cta{border:1px solid color-mix(in srgb,var(--accent) 34%,transparent);background:var(--card);
  padding:26px 22px;margin:44px 0 0}
.cta h2{font-family:var(--serif);font-weight:400;font-size:22px;margin:0 0 10px;padding:0;border:0}
.cta p{font-family:var(--read);font-size:15.5px;color:var(--dim);margin:0 0 16px;line-height:1.7}
.ctaRow{display:flex;flex-wrap:wrap;gap:10px;margin:0 !important}
.go,.ghost{display:inline-block;text-decoration:none;font:500 15px var(--ui);border-radius:2px;
  padding:12px 22px;letter-spacing:.05em;text-align:center}
.go{background:var(--accent);color:var(--bg);border:1px solid var(--accent)}
.go:hover{background:var(--accent-b);border-color:var(--accent-b)}
.ghost{background:transparent;border:1px solid var(--hair);color:var(--fg)}
.ghost:hover{border-color:var(--accent);color:var(--accent)}

.sitenav{margin:52px 0 26px;padding-top:20px;border-top:1px solid var(--hair);
  display:flex;flex-wrap:wrap;gap:8px 20px;font-size:12.5px}
.sitenav a{color:var(--dim);text-decoration:none}
.sitenav a:hover{color:var(--accent)}

footer{text-align:center;color:var(--dim);font-size:12px;padding:0 0 40px;line-height:1.9}
footer b{color:var(--accent);font-family:var(--han);font-weight:400}
.flinks{margin-top:9px;font-size:11.5px;letter-spacing:.05em}
.flinks a{color:var(--dim);text-decoration:none}
.flinks a:hover{color:var(--accent)}
.flinks span{opacity:.45;padding:0 7px}

@media(max-width:420px){
  .wrap{padding:0 16px 70px}
  .blk p{font-size:16px}
  .sibs ul{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}
  .ctaRow{display:block}
  .go,.ghost{display:block;width:100%;margin-bottom:9px}
}