:root{--ink:#080807;--ivory:#f2f0eb;--gold:#c4a153;--muted:#aaa69d;--line:rgba(242,240,235,.16)}*{box-sizing:border-box}html{background:var(--ink);color:var(--ivory)}body{margin:0;font-family:Arial,sans-serif}.page-header{height:84px;border-bottom:1px solid var(--line);padding:0 5vw;display:flex;align-items:center;justify-content:space-between}.page-header img{width:170px}.page-header nav{display:flex;gap:1rem;align-items:center}.page-header a,.page-header button{color:inherit;background:none;border:0;text-decoration:none;text-transform:uppercase;font-size:.58rem;letter-spacing:.13em;cursor:pointer}.page-header button[aria-pressed=true]{color:var(--gold)}main{max-width:1000px;margin:auto;padding:9rem 6vw}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.2em;font-size:.6rem}h1{font:400 clamp(3.2rem,8vw,7rem)/.95 Georgia,serif;letter-spacing:-.05em;margin:2rem 0 4rem}.lede{font:400 1.5rem/1.5 Georgia,serif;max-width:750px;color:#d7d2c9}.content{margin-top:5rem;display:grid;grid-template-columns:1fr 1fr;gap:5rem;border-top:1px solid var(--line);padding-top:3rem}.content h2{font:400 1.7rem Georgia,serif}.content p,.content li{color:var(--muted);font-size:.85rem;line-height:1.8}.notice{border:1px solid rgba(196,161,83,.45);padding:2rem;margin-top:4rem}.notice strong{color:var(--gold)}[data-lang-content]{display:none}[data-lang-content].active{display:block}footer{margin-top:5rem;padding-top:2rem;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#777;font-size:.6rem}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:4px}html[dir=rtl] body{font-family:Tahoma,Arial,sans-serif}html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] .lede{font-family:Tahoma,Arial,sans-serif;letter-spacing:-.02em}@media(max-width:680px){.page-header{height:72px}.page-header img{width:120px}.page-header nav>a{display:none}main{padding:6rem 7vw}.content{grid-template-columns:1fr;gap:1rem}footer{gap:1rem;flex-wrap:wrap}}

/* Approved global light cloud background — 2026-09-12 */
html{background:#f7f4ee;color:#24344a}
body{background-color:#f7f4ee;background-image:linear-gradient(rgba(255,253,248,.10),rgba(247,244,238,.16)),url("images/grace-reference-sky-20260912.webp");background-position:center top;background-size:cover;background-attachment:fixed;color:#24344a}
.page-header{background:rgba(255,253,248,.80);border-bottom-color:#e7e0d4}
.page-header img{filter:invert(1);mix-blend-mode:darken}
.page-header a,.page-header button{color:#24344a}
.lede,.content p,.content li{color:#5b6675}
.content,footer{border-color:#e7e0d4}
.notice{background:rgba(255,255,255,.76);color:#24344a}
footer{color:#5b6675}
/* Mobile viewport sky background: avoids unreliable fixed body backgrounds on mobile browsers. */
@media (max-width:800px){
  html body{
    position:relative;
    isolation:isolate;
    background-image:none!important;
  }
  html body::before{
    content:"";
    position:fixed;
    inset:0;
    z-index:0;
    pointer-events:none;
    background-color:#f7f4ee;
    background-image:linear-gradient(rgba(255,253,248,.02),rgba(247,244,238,.04)),url("images/grace-reference-sky-20260912.webp");
    background-position:72% center;
    background-size:cover;
    background-repeat:no-repeat;
    filter:brightness(.96) contrast(1.18) saturate(1.12);
  }
  html body>*{
    position:relative;
    z-index:1;
  }
  .page-header{background:rgba(255,253,248,.78)}
  .notice{background:rgba(255,255,255,.68)}
}
/* Final pre-launch mobile language control — TEST only. */
@media (max-width:680px){
  .page-header{padding-inline:12px;gap:8px}
  .page-header img{width:104px}
  .page-header nav{gap:6px}
  .page-language__button{min-height:48px;padding:10px 12px!important;border:1px solid rgba(36,52,74,.28)!important;background:rgba(255,253,248,.88)!important;font-size:.76rem!important;font-weight:700;line-height:1;letter-spacing:.075em!important;white-space:nowrap}
  .page-language{position:relative}
  .page-language__menu{position:absolute;inset-inline-end:0;top:calc(100% + 6px);width:min(190px,calc(100vw - 24px));padding:6px;background:#fffdf8;border:1px solid #e1d7c6;box-shadow:0 14px 34px rgba(36,52,74,.18);z-index:20}
  .page-language__menu[hidden]{display:none}
  .page-language__menu button{display:block;width:100%;min-height:48px;padding:12px!important;text-align:start;font-size:.86rem!important;font-weight:700;line-height:1.2}
}