/* The pages moved from eagleowleril.com, inside the site's template
   (tools/build.py, wrap_legacy): what they still need of their old shared
   CSS, in the site's fonts. It comes after their own CSS (text-page.css,
   traditions.css, …, eternal-theme.css), so the site's fonts win. */
:root{--heading:'Source Serif 4',Georgia,serif;--text:'Source Serif 4',Georgia,serif;--ground:#0a0910}
body{font-family:'Source Serif 4',Georgia,serif}
/* Their headings in the site's Cinzel, as on every other page */
main h1,main h2{font-family:'Cinzel',Georgia,serif!important;letter-spacing:.03em}
img{max-width:100%;height:auto;display:block}
.header img,.brand img,.fi{display:inline-block}
a,button{-webkit-tap-highlight-color:transparent}
/* The default button of those pages: at least 56px tall, the full width of its column */
.button{position:relative;display:block;margin:0 0 14px;padding:14px 24px;min-height:56px;border-radius:8px;color:#fff;text-decoration:none;border:1px solid transparent;transition:transform .15s,filter .15s}
.button:hover{transform:translateY(-1px);filter:brightness(1.08)}
.button:active,.store:active{filter:brightness(1.4)}
/* The page's title, centred (the site's header and menu are above it) */
main header.page-head{position:static;display:block;background:none;border:0;backdrop-filter:none;-webkit-backdrop-filter:none;margin:0 0 26px;padding-top:40px;z-index:auto}
.page-head h1{margin:0;text-align:center;font:600 34px/1.25 'Cinzel',Georgia,serif;letter-spacing:.04em;color:var(--ink)}
.page-head span:empty{display:none}
@media(max-width:860px){main header.page-head{padding-top:24px}.page-head h1{font-size:26px}}
/* The site header's brand, kept as on every other page (the Runic Order
   page's links CSS styles .brand for the links page) */
header .bar .brand{gap:12px}
header .bar .brand img{width:50px;height:50px}
header .bar .brand .name{font:600 27px/1 'Cinzel',serif;letter-spacing:.04em}
header .bar .brand .url{font:500 12.5px/1.2 'Cinzel',serif;letter-spacing:.26em;color:var(--muted,#a59c8a);margin-top:-1px}
@media(max-width:860px){header .bar .brand{gap:8px}header .bar .brand img{width:34px;height:34px}header .bar .brand .name{font-size:18px}header .bar .brand .url{font-size:8.5px;letter-spacing:.2em}}