/* Used only by the activity landing page. Palette matches assets/css/home-redesign.css. */
:root {
  --green: #244c40;
  --accent: #00b894;
  --paper: #f7f6f0;
  --white: #fffefb;
  --ink: #263d33;
  --muted: #607269;
  --line: #dbe4dc;
  --gold: #97733e;
  --wash: #eaf0e5;
}
body {font-size:17px;line-height:1.8}
.wrap {width:min(1180px,calc(100% - 48px))}
.skip {z-index:120}
.original-header {background:#fff;border-bottom:1px solid #ddd;color:#333;position:relative;z-index:20}
.original-header ul {list-style:none;margin:0;padding:0}
.original-header button {background:none;color:inherit}
#shared-pc-search h2 {font-family:inherit;font-weight:600}
.activity-nav-bar {background:var(--white);border-bottom:1px solid var(--line)}
.activity-nav {display:flex;align-items:center;justify-content:flex-end;gap:30px;min-height:55px}
.activity-nav a {font-size:14px;text-decoration:none;padding:14px 0;color:var(--muted)}
.activity-nav a[aria-current="page"] {color:#075e4a;box-shadow:inset 0 -3px #00be96}
.activity-nav a:hover {color:#167553}
.preview-bar {background:#eaf0e9;color:var(--muted)}
main h1,main h2,main h3 {font-family:"Microsoft JhengHei","PingFang TC",sans-serif;font-weight:600;color:var(--green)}
main h1 {font-size:clamp(34px,4.5vw,58px);letter-spacing:.06em}
.eyebrow {font-size:13px;letter-spacing:.14em;font-weight:600}
.hero-art {background:var(--wash);border:1px solid #dae4d5;border-radius:90px 90px 12px 12px}
.hero-art:before {border-color:#c5d3be}
.art-caption {color:var(--muted)}
.button {border-radius:5px;min-height:46px;padding:10px 22px}
.button:hover {background:#193b30;color:#fff}
.button.secondary {border-color:#9caf9e}
.button.secondary:hover {background:var(--wash);color:var(--green)}
.text-link {color:#28634b}
.text-link:hover {color:#167553}
.card,.week {border-radius:8px}
.week {border-top-color:var(--gold)}
.wash {background:#eaf0e9}
details {border-bottom-color:var(--line)}
.gift-photo {border-radius:8px}
.closing {background:var(--wash);color:var(--ink);border-top:1px solid var(--line)}
.closing .eyebrow {color:var(--gold)!important}
.closing p {color:var(--muted)}
.closing .button {background:var(--green);color:#fff;border-color:var(--green)}
.closing .button:hover {background:#193b30}
.footer {background:#e8ece4;border-top:1px solid var(--line)}
@media(max-width:680px) {
  .wrap {width:calc(100% - 36px)}
  .activity-nav {justify-content:space-between;gap:10px;min-height:48px}
  .activity-nav a {font-size:13px;padding:12px 0}
  .hero h1 {font-size:34px}
  .hero-art {border-radius:8px}
}
@media print {
  .original-header,.activity-nav-bar {display:none!important}
  .wrap {width:100%}
}