.demo-bar{display:flex;justify-content:space-between;gap:24px;padding:7px 24px;background:var(--paper);color:var(--ink);font-size:10px;line-height:1.5}.demo-bar a{text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.site-header{position:sticky;top:0;z-index:30;background:var(--red);color:var(--paper)}.header-inner{height:var(--header-height);display:flex;align-items:center;gap:40px;border-bottom:1px solid #c86c62}.brand{display:block;white-space:nowrap}.brand-word{font:800 25px/1 var(--display);letter-spacing:-.06em;display:flex;align-items:center;gap:5px}.brand-join{font-size:17px;font-family:Georgia,serif;font-style:italic;font-weight:400}.site-header nav{display:flex;gap:35px;margin-left:auto}.site-header nav a{min-height:44px;display:flex;align-items:center;font-size:14px;position:relative}.site-header nav a::after{content:'';height:1px;position:absolute;left:0;right:0;bottom:5px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .2s}.site-header nav a:hover::after,.site-header nav a:focus-visible::after{transform:scaleX(1)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid currentColor;border-radius:100px;padding:12px 22px;min-height:48px;font:700 14px/1.4 var(--sans);background:var(--paper);color:var(--red);transition:background .2s,color .2s}.button:hover{background:var(--blue);color:var(--ink)}.text-link{display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid currentColor;min-height:48px;font-size:14px}.footer{background:var(--paper);color:var(--red);padding:55px 0 25px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:45px}.footer-wordmark{font:800 clamp(40px,8.5vw,124px)/1 var(--display);letter-spacing:-.07em;white-space:nowrap}.footer-wordmark span{font:italic .6em Georgia,serif}.back-top{display:grid;place-items:center;width:70px;height:70px;border:1px solid currentColor;border-radius:50%;font-size:30px;flex-shrink:0;transition:background .2s}.back-top:hover{background:var(--blue)}.footer-bottom{border-top:1px solid #ca9386;display:grid;grid-template-columns:1fr 1fr;gap:60px;padding-top:25px;color:var(--ink);font-size:12px}.footer-bottom a{text-decoration:underline;text-underline-offset:3px}.credits summary{min-height:44px;cursor:pointer}.credits p{margin-top:12px}.credits ul{padding-left:18px}.credits li{margin-top:10px}
@media(max-width:1000px){.header-inner{gap:25px}.site-header nav{gap:22px}.brand-word{font-size:23px}}
@media(max-width:760px){.demo-bar{padding:7px 20px;font-size:9px;gap:12px}.header-inner{display:grid;grid-template-columns:1fr auto;grid-template-rows:65px 43px;gap:0 10px;border:0}.brand-word{font-size:22px}.header-book{grid-row:1;grid-column:2;min-height:42px;padding:9px 17px;gap:18px;font-size:12px}.site-header nav{grid-row:2;grid-column:1/-1;margin:0;border-top:1px solid #c86c62;justify-content:space-between}.site-header nav a{font-size:13px}.footer{padding-top:36px}.footer-top{gap:14px;padding-bottom:30px}.footer-wordmark{font-size:clamp(32px,7.6vw,56px)}.back-top{width:44px;height:44px;font-size:23px}.footer-bottom{grid-template-columns:1fr;gap:20px}}

.icon{display:inline-block;width:20px;height:20px;flex-shrink:0;vertical-align:middle;transition:transform .2s}
.demo-bar a{display:inline-flex;align-items:center;gap:5px}.demo-bar .icon{width:12px;height:12px}
a:hover>.icon-down{transform:translateY(2px)}a:hover>.icon-up{transform:translateY(-2px)}a:hover>.icon-right,button:hover>.icon-right{transform:translateX(2px)}