/* Géotrouvetou 1.1 — a brighter, illustrated welcome. */
:root{--paper:#f4f8fc}
.topbar{border-bottom:0;box-shadow:0 2px 14px #07184306}
.brand img{box-shadow:0 3px 10px #07184322;outline:3px solid #e9fafa}
.icon-button{background:#dcfaf7;border:1px solid #b8f2ec}
.intro .eyebrow{color:#40617c;letter-spacing:1.5px}
.intro h1{letter-spacing:-1.6px}
.welcome{padding-top:26px;padding-bottom:18px}
.welcome h1{margin-top:12px}
.welcome .yellow{color:#071843;background:linear-gradient(transparent 54%,#ffe247 54%);padding-right:7px}
.welcome-art{position:relative;height:174px;border-radius:24px;background:#071843;overflow:hidden;margin-top:22px;box-shadow:0 9px 24px #07184318;border:1px solid #142f5a}
.welcome-art img{width:100%;height:100%;object-fit:cover;display:block;object-position:center 42%}
.welcome-art:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#071843d9);pointer-events:none}
.art-caption{position:absolute;z-index:1;bottom:13px;left:18px;color:#fff;font-size:13px;font-weight:800;text-shadow:0 1px 6px #071843}
.quick-grid{gap:14px;margin-bottom:22px}
.quick{min-height:76px;box-shadow:0 4px 0 #18c9c3;line-height:1.25;font-size:14px;align-items:center}
.quick.yellow-bg{box-shadow:0 4px 0 #e1c222}
.quick svg{height:30px;width:30px}
.feature{border:1px solid #173e6a;background:linear-gradient(135deg,#071843 35%,#103d61);box-shadow:0 10px 28px #07184314}
.feature .tag{background:#173e55;border:1px solid #296478;padding:5px 10px;border-radius:8px;font-size:10px}
.feature .button{box-shadow:0 3px 0 #c5a810}
.feature-mark{color:#5be5df15;font-size:190px;top:33px;right:-20px}
.section-head h2{letter-spacing:-.5px}
.row-card{box-shadow:0 3px 10px #07184304;border-color:#e1e8f3}
.row-card .tile{transform:rotate(-5deg);border:1px solid #baf3ee}
.row-card .tile svg{transform:rotate(5deg)}
.row-card .pale-yellow{border-color:#f7e7a2;transform:rotate(5deg)}
.row-card .pale-yellow svg{transform:rotate(-5deg)}
.activity{position:relative;overflow:hidden;box-shadow:0 5px 18px #07184307}
.activity h2{max-width:90%;clear:both}
.activity-emblem{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:#ffffffa6;margin-bottom:15px;transform:rotate(-5deg);border:1px solid #ffffffaa;box-shadow:0 4px 8px #07184308}
.activity-emblem svg{width:28px;height:28px;transform:rotate(5deg)}
.science-activity{border-top:4px solid #39e5e0}
.science-activity .activity-emblem{background:#e3faf9}
.activity.yellow-bg{border-color:#f3d528}
.news-card{border-top:4px solid #39e5e0;box-shadow:0 5px 18px #07184307}
.news-card:nth-child(even){border-top-color:#ffe247}
.news-card time{display:inline-block;background:#edf5fa;border-radius:8px;padding:4px 8px;font-size:11px;font-weight:700;color:#34516e}
.news-card>a{display:inline-flex;background:#defaf7;border-radius:9px;padding:9px 13px;text-decoration:none;min-height:40px;align-items:center}
.install-card{border:1px dashed #b4c9d8;border-radius:18px;padding:18px;background:#fafdff;margin-top:20px}
.bottomnav{box-shadow:0 -5px 24px #07184308;border-top:1px solid #e5edf5}
.bottomnav a[aria-current]{box-shadow:inset 0 0 0 1px #b1efe9}
.bottomnav a[aria-current] svg{stroke-width:2.3}
.button:hover,.quick:hover{filter:brightness(1.025)}
@media(min-width:500px){.welcome-art{height:214px}.art-caption{font-size:14px}}
@media(max-width:360px){.welcome-art{height:150px}.art-caption{font-size:12px;left:14px}.quick{font-size:13px;gap:8px}.quick svg{width:25px;height:25px}}
@media(prefers-reduced-motion:no-preference){
  [data-page]:not([hidden]){animation:page-in .24s ease-out both}
  .row-card,.news-card{transition:box-shadow .2s,transform .2s}
  .row-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0718430b}
  .welcome-art img{animation:art-in .7s ease-out both}
  @keyframes page-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
  @keyframes art-in{from{opacity:.7;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}
}