/* The site's own inner pages (pages/*.php: the 404 page for now), in both builds' frames (app/layout.php). */
.page-inner { background: var(--night, #071739); color: #EAF0EC; }
.v-m .page-inner { background: var(--m-stone); color: var(--m-ink); }
.pg { min-height: 70vh; }
.pg-wrap { max-width: 760px; margin: 0 auto; padding: calc(var(--header-h, 76px) + 64px) var(--gutter, 16px) 80px; }
.v-m .pg-wrap { padding-top: calc(var(--m-bar) + 40px); padding-bottom: 40px; }
.pg-404__n { font-family: var(--font-display); font-weight: 700; font-size: clamp(88px, 20vw, 160px); line-height: 1; color: var(--green, #83CD20); }
.v-m .pg-404__n { color: var(--m-moss); }
.pg-404 h1 { margin: 12px 0 0; font-family: var(--font-display); font-weight: 700; font-size: clamp(26px, 4vw, 40px); line-height: 1.35; }
.pg-lead { margin: 12px 0 0; max-width: 34em; opacity: .75; font-size: 16px; line-height: 1.9; }
.pg-ways { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 10px; margin: 32px 0 0; padding: 0; list-style: none; }
.pg-ways a { display: flex; align-items: center; gap: 12px; min-height: 60px; padding: 8px 14px; border-radius: 18px; background: rgb(255 255 255 / .06); box-shadow: inset 0 0 0 1px rgb(255 255 255 / .12); color: inherit; font-weight: 700; text-decoration: none; transition: background-color .25s; }
.pg-ways a:hover { background: rgb(255 255 255 / .12); }
.v-m .pg-ways a { background: var(--m-paper); box-shadow: var(--m-shadow); }
.pg-ways__ico { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 14px; background: rgb(131 205 32 / .16); color: var(--green, #83CD20); flex: none; }
.v-m .pg-ways__ico { background: var(--m-night); color: var(--m-lime); }
.pg-ways .ico { width: 22px; height: 22px; }
/* the trail to a page (app/seo.php mr_crumbs_html): small, in the page's own ink */
.crumbs ol { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 0; margin: 0; padding: 0; list-style: none; font-size: 12.5px; }
.crumbs li { display: inline-flex; align-items: center; }
.crumbs li + li::before { content: ""; width: 5px; height: 5px; margin: 0 9px; border: solid currentColor; border-width: 1.5px 1.5px 0 0; opacity: .45; transform: rotate(45deg); }
html[dir="rtl"] .crumbs li + li::before { transform: rotate(-135deg); }
.crumbs a { color: inherit; opacity: .7; text-decoration: none; }
.crumbs a:hover { opacity: 1; text-decoration: underline; text-underline-offset: 3px; }
.crumbs [aria-current] { font-weight: 700; }
.pg-wa { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; margin-top: 28px; padding: 0 26px; border-radius: 999px; background: var(--green, #83CD20); color: #0E1A07; font-weight: 700; text-decoration: none; }
.v-m .pg-wa { background: var(--m-lime); width: 100%; }
/* the footer's drawn edge (old Tbilisi, the licences' ledge) rises above it: room for it under the last section */
.v-d .page-inner .pg { padding-bottom: calc(min(54vw, 860px) * .23 + 24px); }