.atlas-document{margin:0;background:#130f19;color:#e9ddcc;font:17px/1.7 system-ui;color-scheme:dark}.atlas-document *{box-sizing:border-box}.atlas-document a{color:#e5c98f;text-underline-offset:4px}.atlas-document header,.atlas-document footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:20px max(24px,env(safe-area-inset-left));border-bottom:1px solid #b59b6b40}.atlas-document header a,.atlas-document footer a{padding:8px 0}.atlas-document main{max-width:850px;margin:auto;padding:55px 24px 70px}.atlas-document h1{font:clamp(34px,6vw,58px)/1.1 Georgia;margin:18px 0 25px}.atlas-document h2{font:26px/1.25 Georgia;color:#e5c98f;margin-bottom:12px}.atlas-document section{margin:35px 0}.atlas-document .lead{font:23px/1.5 Georgia;color:#d0bd9d}.atlas-document .eyebrow{font:11px system-ui;letter-spacing:.16em}.document-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;margin-top:50px}.document-links a{padding:12px;border-bottom:1px solid #b59b6b40}.atlas-document .action{display:inline-block;padding:14px 20px;border:1px solid #b59b6b;border-radius:24px}.reference-card{display:block;max-width:170px;max-height:320px;margin:25px auto}.atlas-document footer{font-size:13px;border-top:1px solid #b59b6b40;padding-bottom:calc(24px + env(safe-area-inset-bottom))}.skip-link{position:fixed;top:-100px;left:12px;background:#130f19;padding:12px;z-index:1000}.skip-link:focus{top:8px}:focus-visible{outline:2px solid #e5c98f;outline-offset:4px}#global-menu .atlas-menu-links,#atlas-phone-sheet .atlas-menu-links{display:grid;margin-top:18px;padding-top:12px;border-top:1px solid #b59b6b55}#global-menu .atlas-menu-links a,#atlas-phone-sheet .atlas-menu-links a{display:block;color:#e9d9b9;font:15px/1.4 system-ui;text-decoration:none;padding:13px 14px;min-height:48px}#global-menu nav button{min-height:48px}#global-menu{overflow-y:auto;max-height:85dvh}#atlas-phone-sheet .atlas-menu-links a{padding:12px 14px}#global-menu h2{font:24px Georgia}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

@media(max-width:600px){body #design-dialogue input{font-size:16px!important}}

/* Public tools and reference navigation share the Atlas typography. */
@font-face{font-family:'Atlas Cormorant';src:url('/assets/fonts/CormorantGaramond.ttf') format('truetype');font-display:swap}
.atlas-document h1,.atlas-document h2,.atlas-document .lead{font-family:'Atlas Cormorant',Georgia,serif}
.document-breadcrumb{font-size:12px;color:#bdac91}.document-links{margin-top:22px}.document-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.document-actions button{min-height:44px;border:1px solid #b59b6b80;border-radius:22px;padding:10px 18px;background:#1b1623;color:#e9ddcc;font:inherit;cursor:pointer}.document-actions button[aria-pressed=true]{border-color:#e5c98f;background:#35263f}.document-actions button:disabled{opacity:.5;cursor:default}
.rune-workshop{padding:24px;border:1px solid #b59b6b55;border-radius:24px;background:radial-gradient(ellipse at top,#47321c55,transparent 80%),#17121b}.rune-workshop form{display:grid;gap:12px}.rune-workshop select,.rune-workshop textarea{width:100%;padding:12px;border:1px solid #b59b6b77;border-radius:12px;background:#110f17;color:#e9ddcc;font:16px/1.5 system-ui}.rune-workshop textarea{resize:vertical}.rune-result{min-height:110px;overflow-wrap:anywhere;white-space:pre-wrap;padding:18px 0;font:26px/1.6 Georgia;color:#e5c98f}.rune-result.is-runes{font-size:36px;letter-spacing:.12em}.rune-alphabet{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.rune-alphabet a{display:flex;flex-direction:column;align-items:center;padding:10px;border:1px solid #b59b6b44;border-radius:16px;font-size:13px;text-align:center;text-decoration:none}.rune-alphabet img{width:100%;max-width:100px;height:125px;object-fit:contain}.rune-alphabet a:hover{background:#b59b6b15}
@media(max-width:600px){.rune-alphabet{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.rune-alphabet a{font-size:11px;padding:6px}.rune-alphabet img{height:95px}.rune-workshop{padding:16px}.atlas-document main{padding-top:30px}.atlas-document header,.atlas-document footer{padding-left:20px;padding-right:20px}}

@font-face{font-family:'Atlas Runic';src:url('/assets/fonts/NotoSansRunic-Regular.ttf') format('truetype');font-display:swap}.rune-result.is-runes{font-family:'Atlas Runic',Georgia,serif}
.image-credit{font-size:12px;line-height:1.6;text-align:center;color:#c8b793}.atlas-document figure{margin:25px 0}