/* Pawgwarts Patronus Timetable — dark, atmospheric, accessible and framework-free. */
@font-face { font-family: 'Pawgwarts Cinzel'; src: url('../fonts/Cinzel-latin-v5.3.0.woff2') format('woff2'); font-style: normal; font-weight: 400 900; font-display: swap; }
@font-face { font-family: 'Pawgwarts Inter'; src: url('../fonts/Inter-latin-v5.3.0.woff2') format('woff2'); font-style: normal; font-weight: 100 900; font-display: swap; }
:root {
  color-scheme: dark;
  --bg: #070c18;
  --bg-2: #0a1325;
  --panel: #101c31;
  --panel-2: #14243b;
  --line: rgba(180, 205, 237, .16);
  --line-gold: rgba(225, 190, 122, .42);
  --text: #f3f1ed;
  --muted: #a8b6cc;
  --gold: #d4b777;
  --gold-hi: #f9e7ad;
  --aqua: #7bcfff;
  --r1: #b95667;
  --r2: #5697d0;
  --org: #65b99d;
  --pause: #d5ae6d;
  --title-font: 'Pawgwarts Cinzel', 'Palatino Linotype', Georgia, serif;
  --body-font: 'Pawgwarts Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 24px; }
body { margin: 0; min-width: 320px; background: var(--bg); color: var(--text); font-family: var(--body-font); font-size: 14px; line-height: 1.6; }
a { color: inherit; }
button { font: inherit; }
::selection { color: #060f20; background: var(--aqua); }
:focus-visible { outline: 3px solid var(--aqua); outline-offset: 4px; }
.hero { isolation: isolate; overflow: hidden; text-align: center; position: relative; padding: 33px 24px 100px; min-height: 630px; background: radial-gradient(ellipse 53% 52% at 50% 31%, rgba(64, 123, 169, .27), transparent 83%), radial-gradient(ellipse 58% 44% at 50% 80%, rgba(47, 142, 190, .16), transparent 85%), linear-gradient(180deg, #0a152a 0%, #0a1425 64%, #080d19 100%); }
/* CSS-only stars: lightweight, with no image or additional network request. */
.hero::before, body::before { pointer-events: none; content: ''; position: absolute; inset: 0; z-index: -1; background-image: radial-gradient(1px 1px at 4% 14%, #d8ebffdd 90%, transparent), radial-gradient(1px 1px at 11% 66%, #a5d9ffbd 90%, transparent), radial-gradient(2px 2px at 19% 34%, #d7e8ff8c 90%, transparent), radial-gradient(1px 1px at 27% 12%, #e0eeffbd 90%, transparent), radial-gradient(2px 2px at 38% 73%, #b6d9ff77 90%, transparent), radial-gradient(1px 1px at 49% 6%, #f1e1b8ae 90%, transparent), radial-gradient(1px 1px at 55% 56%, #e4efffa0 90%, transparent), radial-gradient(2px 2px at 65% 22%, #d7e9ffad 90%, transparent), radial-gradient(1px 1px at 74% 82%, #acc8ff91 90%, transparent), radial-gradient(1px 1px at 86% 31%, #c8e6ffb5 90%, transparent), radial-gradient(2px 2px at 93% 67%, #accdffd0 90%, transparent); background-size: 480px 350px; opacity: .7; }
body::before { position: fixed; z-index: 0; opacity: .18; background-size: 610px 520px; }
.hero::after { content: ''; position: absolute; pointer-events: none; inset: 15px 17px 16px; border: 1px solid rgba(212, 183, 119, .27); border-radius: 170px 170px 15px 15px / 75px 75px 15px 15px; box-shadow: inset 0 0 0 5px rgba(4, 10, 21, .37), inset 0 0 65px rgba(78, 170, 255, .06); }
.hero-mist { position: absolute; inset: 0; pointer-events: none; z-index: -1; opacity: .65; background: radial-gradient(ellipse 450px 150px at 25% 91%, #4994c12b, transparent 85%), radial-gradient(ellipse 560px 120px at 80% 79%, #4b92c525, transparent 85%), radial-gradient(ellipse 480px 100px at 51% 85%, #8fc5ed14, transparent 82%); animation: breathe 11s ease-in-out infinite alternate; }
.hero-sigil { position: absolute; left: 50%; top: 18px; transform: translateX(-50%); font-size: 15px; color: #dbbf89; }
.hero-runes { position: absolute; bottom: 45px; left: 0; right: 0; letter-spacing: 1.5em; text-indent: 1.5em; color: #c7dff28a; font-size: 13px; }
.hero-inner { position: relative; z-index: 1; max-width: 800px; margin: auto; }
.hero-castle { position: absolute; bottom: -35px; left: -30px; width: 38vw; max-width: 610px; min-width: 250px; opacity: .14; filter: saturate(.4) sepia(.2) drop-shadow(0 0 40px #95d3fa44); pointer-events: none; }
.hero-castle.mirror { left: auto; right: -30px; transform: scaleX(-1); opacity: .11; }
.topline { font-family: var(--title-font); font-size: 11px; font-weight: 600; letter-spacing: .26em; text-transform: uppercase; color: #d0c4a8; display: flex; justify-content: center; align-items: center; gap: 15px; margin-top: 0; }
.topline::before, .topline::after { content: ''; width: 50px; height: 1px; background: linear-gradient(90deg, transparent, #ceb47c); }
.topline::after { transform: rotate(180deg); }
.topline span { color: var(--aqua); }
.real-logo { width: 158px; height: auto; display: block; object-fit: contain; margin: 17px auto 4px; filter: drop-shadow(0 0 18px #a6dfff36) drop-shadow(0 11px 25px #0009); }
.hero-ornament { font-size: 17px; letter-spacing: .43em; text-indent: .43em; color: var(--gold); }
.kicker, .eyebrow { font-family: var(--title-font); letter-spacing: .2em; font-size: 11px; text-transform: uppercase; color: var(--gold); font-weight: 600; }
.kicker { margin: 15px 0 10px; }
.hero h1 { font: 600 clamp(40px, 5.3vw, 76px) / 1.13 var(--title-font); letter-spacing: .008em; margin: 0; color: var(--gold-hi); text-shadow: 0 3px 20px #000b, 0 0 32px #c9b17c2a; }
.hero h1 span { color: #c5ecff; text-shadow: 0 0 27px #52aadd4a; }
.hero-description { max-width: 570px; margin: 19px auto 22px; font-size: 14px; color: #c6d4e5; line-height: 1.8; }
.hero-meta { margin: 19px auto 20px; max-width: 540px; display: flex; border: 1px solid #c7aa7654; border-radius: 6px; background: #0d1d32b8; box-shadow: inset 0 1px #ffffff0a, 0 5px 35px #0004; backdrop-filter: blur(6px); }
.hero-meta div { flex: 1; padding: 10px 16px; }
.hero-meta div + div { border-left: 1px solid #c7aa7640; }
.hero-meta strong { display: block; font-family: var(--title-font); font-size: 18px; color: #f5e4bb; font-variant-numeric: tabular-nums; }
.hero-meta small { display: block; font-size: 10px; color: #a7bacf; letter-spacing: .045em; }
.hero-cta { display: inline-flex; align-items: center; gap: 15px; text-decoration: none; border: 1px solid #b7cce485; color: #f5e7c5; border-radius: 50px; padding: 10px 21px; font-family: var(--title-font); font-size: 12px; letter-spacing: .05em; transition: background .2s, box-shadow .2s, transform .2s; }
.hero-cta:hover { background: #579ec01c; box-shadow: 0 0 19px #72ccff36; transform: translateY(-2px); }
.hero-cta span { font: 17px var(--body-font); color: #83d9ff; }
.quad-border { height: 4px; background: linear-gradient(90deg, #9b1c20 0 25%, #275529 25% 50%, #0b3855 50% 75%, #f7eb83 75% 100%); box-shadow: 0 0 16px #6dbbfa47; }
.house-band { isolation: isolate; position: relative; z-index: 2; width: min(960px, calc(100% - 36px)); margin: -65px auto 0; padding: 12px 20px 15px; display: flex; justify-content: space-evenly; align-items: stretch; gap: 8px; border: 1px solid rgba(124, 188, 234, .48); border-radius: 14px; background: linear-gradient(110deg, #112039f5, #182b46f7 50%, #112039f5); box-shadow: 0 17px 60px #0008, 0 0 44px #5caef529, inset 0 1px #c4eaff22; }
.house-band::before { content: ''; pointer-events: none; position: absolute; inset: 5px; border: 1px solid rgba(212, 183, 119, .24); border-radius: 9px; }
.patronus-house { position: relative; flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; min-width: 0; padding: 4px 4px 2px; }
.patronus-house::before { pointer-events: none; content: ''; position: absolute; width: 110px; height: 100px; top: 12px; left: 50%; transform: translateX(-50%); border-radius: 50%; background: radial-gradient(ellipse, #75d1ff4d, transparent 70%); filter: blur(9px); animation: dogglow 7s ease-in-out infinite alternate; }
.patronus-house:nth-child(2)::before { animation-delay: -3s; }.patronus-house:nth-child(3)::before { animation-delay: -5.5s; }.patronus-house:nth-child(4)::before { animation-delay: -1.5s; }
.patronus-house img { display: block; width: clamp(63px, 8vw, 99px); height: clamp(63px, 8vw, 99px); object-fit: contain; filter: drop-shadow(0 0 15px #79cbff68); transition: transform .3s, filter .3s; }
.patronus-house:hover img { transform: translateY(-4px) scale(1.06); filter: drop-shadow(0 0 20px #a2e4ffb8); }
.patronus-house span { font-family: var(--title-font); font-size: 10px; color: #e9d8ab; letter-spacing: .065em; font-weight: 600; text-align: center; }
.wrap { position: relative; z-index: 1; width: min(1280px, calc(100% - 52px)); margin: 0 auto; }
.intro { text-align: center; padding: 76px 15px 28px; }
.eyebrow { display: block; font-size: 10px; color: var(--gold); }
.section-title { color: #f5e4b6; font: 600 clamp(26px, 3.1vw, 39px) / 1.2 var(--title-font); letter-spacing: .006em; margin: 9px 0 10px; }
.intro p { max-width: 690px; margin: 0 auto; color: #aec0d4; line-height: 1.85; }
.intro-rule { display: flex; justify-content: center; align-items: center; gap: 14px; color: #bce9ff; margin: 23px auto 0; }
.intro-rule i { width: 100px; height: 1px; background: linear-gradient(90deg, transparent, #b4a179); }.intro-rule i:last-child { transform: rotate(180deg); }
.jump-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 17px; margin: 0 0 66px; }
.jump { position: relative; display: flex; gap: 15px; align-items: center; min-width: 0; text-decoration: none; padding: 21px 18px; border: 1px solid #8cacc13d; border-top-color: #bca66d90; border-radius: 8px; background: linear-gradient(153deg, #1b2d49, #101c31); box-shadow: 0 9px 35px #0005, inset 0 1px #f4e0a314; transition: transform .2s, border-color .2s, box-shadow .2s; }
.jump:hover { transform: translateY(-4px); border-color: #90d9ff91; box-shadow: 0 9px 36px #45a5e321; }
.jump-number { color: #d4b777; opacity: .74; font: 600 29px/1 var(--title-font); }
.jump-text { flex: 1; min-width: 0; }
.jump-text strong { display: block; font: 600 20px/1.35 var(--title-font); color: #f4e7c5; }
.jump-text small { display: block; margin-top: 5px; color: #a3b2c7; font-size: 11px; }
.jump-arrow { font-size: 18px; color: #85cfff; }
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 23px; }
.section-heading .section-title { margin: 5px 0 0; }.section-heading p { max-width: 350px; margin: 0; font-size: 12px; line-height: 1.7; color: #a2b1c5; text-align: right; }
.timeline-block { margin-bottom: 66px; }
.timeline-frame { background: #101c30; border-radius: 10px; padding: 11px; border: 1px solid #9cbaeb53; box-shadow: 0 15px 45px #0006, inset 0 0 0 3px #d4bc7614, 0 0 35px #7acbff10; overflow: hidden; }
.timeline-scroll { overflow-x: auto; scrollbar-width: thin; scrollbar-color: #6888aa #0e192a; overscroll-behavior-x: contain; }
.timeline-layout { display: grid; grid-template-columns: 118px var(--timeline-width); align-items: stretch; padding: 16px; min-width: max-content; }
.ruler-spacer { height: 46px; position: sticky; left: 0; z-index: 3; background: #142238; border-bottom: 1px solid #d3b77b72; }
.ruler { position: relative; height: 46px; border-bottom: 1px solid #d3b77b72; background: repeating-linear-gradient(90deg, transparent 0 65px, #7d9bbc30 65px 66px); }
.tick { position: absolute; top: 12px; transform: translateX(-50%); color: #9fb3cb; white-space: nowrap; font-size: 10px; line-height: 1.3; font-variant-numeric: tabular-nums; }
.tick.strong { color: #f5e5bf; font-weight: 800; }.tick:first-child { transform: none; }.tick:last-child { transform: translateX(-100%); }
.timeline-label { position: sticky; left: 0; z-index: 3; display: flex; align-items: center; padding: 0 12px; background: #142238; border-bottom: 1px solid #48658353; color: #dce7f7; font-weight: 700; font-size: 12px; }
.timeline-lane { position: relative; height: 77px; border-bottom: 1px solid #48658353; background: repeating-linear-gradient(90deg, transparent 0 65px, #7d9bbc20 65px 66px); }
.timeline-lane::before { pointer-events: none; content: ''; position: absolute; inset: 0; background: repeating-linear-gradient(90deg, transparent 0 263px, #cfb98326 263px 264px); }
.bar { position: absolute; top: 19px; height: 39px; min-width: 2px; z-index: 1; display: flex; align-items: center; justify-content: center; overflow: hidden; padding: 5px 6px; text-align: center; text-decoration: none; border: 1px solid #ffffff31; border-radius: 4px; font-size: 11px; font-weight: 700; line-height: 1.19; color: white; box-shadow: 0 0 11px #6cd9ff18, inset 0 1px #ffffff26; }
.bar:hover, .bar:focus-visible { filter: brightness(1.27); z-index: 2; }
.bar.type-ring1 { background: #8e4255; }.bar.type-ring2 { background: #245980; }.bar.type-orga { background: #316b64; }.bar.type-pause { background: #ba9966; color: #071322; }.bar.type-personal { background: #73549a; }
.timeline-bottom { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; justify-content: space-between; padding: 14px 13px 4px; font-size: 11px; color: #a0afc3; }
.legend { display: flex; gap: 15px; flex-wrap: wrap; }.legend span { display: inline-flex; align-items: center; gap: 6px; }.legend i { display: inline-block; width: 9px; height: 9px; border-radius: 2px; }.scroll-cue { color: #a6c7df; font-style: italic; }
.parchment-section { margin-bottom: 72px; }.area-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; align-items: start; }
.area-card { --card-color: #d4b777; --card-glow: #c8a56a1a; scroll-margin-top: 24px; position: relative; background: linear-gradient(150deg, #18253b, #101b2e 67%); border: 1px solid #adbbce37; border-top: 2px solid var(--card-color); border-radius: 8px; overflow: hidden; box-shadow: 0 14px 42px #0005, 0 0 35px var(--card-glow), inset 0 1px #fff1c514; }
.area-card:nth-child(2) { --card-color: #b95667; --card-glow: #b9566726; }.area-card:nth-child(3) { --card-color: #5697d0; --card-glow: #5697d026; }
.area-card::before { pointer-events: none; content: ''; position: absolute; inset: 7px; border: 1px solid #c7d4e718; border-radius: 4px; }
.card-head { position: relative; overflow: hidden; padding: 31px 15px 22px; text-align: center; border-bottom: 1px solid #b5c7e02b; background: radial-gradient(ellipse at 50% -70%, #76d1ff2c, transparent 75%), linear-gradient(150deg, #1d304b, #142137); }
.card-head::before { pointer-events: none; content: '✦'; position: absolute; font-size: 130px; line-height: 1; left: -22px; top: -43px; color: var(--card-color); opacity: .08; }
.head-overline { display: block; font: 700 10px/1.4 var(--title-font); color: var(--gold); letter-spacing: .21em; text-transform: uppercase; }
.card-head h3 { font: 600 clamp(21px, 2.4vw, 29px)/1.3 var(--title-font); color: #f5e7c5; margin: 8px 0; }
.card-head p { font-size: 11px; line-height: 1.5; color: #abbfd3; margin: 0 0 14px; }
.card-count { display: inline-block; padding: 4px 12px; border-radius: 20px; border: 1px solid #d4b77768; color: #d8c7a0; font-size: 10px; }
.events { list-style: none; margin: 0; padding: 10px 19px 17px; }
.event { position: relative; scroll-margin-top: 30px; display: grid; grid-template-columns: 65px minmax(0, 1fr) 13px; align-items: start; gap: 12px; padding: 17px 0; border-bottom: 1px solid #8ea2ba24; }
.event:last-child { border-bottom: none; }.event.is-selected { background: #56c6ff0c; outline: 1px solid #83d9ff5c; border-radius: 3px; }
.event:target { background: #55a9e915; outline: 1px solid #8ed7ff9c; border-radius: 4px; }
.event-time strong { display: block; font-size: 15px; font-variant-numeric: tabular-nums; line-height: 1.2; color: #f0e4c7; letter-spacing: -.025em; }
.event-time span { display: block; font-size: 10px; color: #91a9c5; margin-top: 4px; font-variant-numeric: tabular-nums; }
.event-copy { border-left: 3px solid var(--org); padding-left: 11px; min-width: 0; }.event.type-ring1 .event-copy { border-color: var(--r1); }.event.type-ring2 .event-copy { border-color: var(--r2); }.event.type-pause .event-copy { border-color: var(--pause); }
.event-category { display: block; font-size: 9px; line-height: 1.5; letter-spacing: .12em; font-weight: 800; text-transform: uppercase; color: #c9b687; margin-bottom: 3px; }.event-copy>strong { display: block; font-size: 12px; line-height: 1.55; overflow-wrap: anywhere; color: #e1e9f2; font-weight: 650; }.event-symbol { color: #d1b57e; font-size: 10px; line-height: 2; text-align: right; }
.footer { position: relative; z-index: 1; background: radial-gradient(ellipse at 50% 0%, #23436870, transparent 70%), #09101e; border-top: 1px solid #cfb3775b; text-align: center; }.footer::before { content: ''; display: block; height: 3px; background: linear-gradient(90deg, #9b1c20 0 25%, #275529 25% 50%, #0b3855 50% 75%, #f7eb83 75% 100%); }
.footer-inner { max-width: 750px; margin: auto; padding: 48px 20px 27px; }.footer-inner .star { font-size: 21px; letter-spacing: .65em; text-indent: .65em; color: #b3def3; }.footer-inner h2 { font: 600 24px/1.3 var(--title-font); color: #f4e5be; margin: 15px 0 9px; }.footer-inner p { font-size: 12px; color: #aabbd0; line-height: 1.9; margin: 12px auto 21px; }.footer-logo { width: 74px; height: auto; margin: 19px auto 0; opacity: .85; }.footer-inner .footer-small { font-size: 10px; color: #879db6; }
.print { cursor: pointer; background: #d4b77712; color: #f2deb2; border: 1px solid #c7a869a8; border-radius: 28px; padding: 11px 20px; font: 600 11px var(--title-font); letter-spacing: .06em; }.print:hover { background: #d4b7772b; }
@keyframes breathe { from { transform: translateX(-1.3%) scale(1); opacity: .45; } to { transform: translateX(1.4%) scale(1.06); opacity: .85; } }
@keyframes dogglow { from { opacity: .4; transform: translateX(-50%) scale(.87); } to { opacity: .9; transform: translateX(-50%) scale(1.1); } }
@media (max-width: 1080px) { .hero-castle { opacity: .1; }.area-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.wrap { width: calc(100% - 36px); } }
@media (max-width: 730px) {
  .hero { min-height: 0; padding: 28px 18px 103px; }.hero::after { inset: 10px; border-radius: 85px 85px 10px 10px / 45px 45px 10px 10px; }
  .topline { letter-spacing: .09em; font-size: 9px; gap: 8px; }.topline::before,.topline::after { width: 26px; }
  .real-logo { width: 125px; margin-top: 21px; }.kicker { font-size: 9px; margin-top: 10px; }.hero h1 { font-size: clamp(30px, 8.4vw, 48px); }.hero-description { font-size: 12px; margin: 16px auto 20px; }.hero-meta { margin: 19px auto; }.hero-meta div { padding: 9px 6px; }.hero-meta strong { font-size: 13px; }.hero-meta small { font-size: 8px; }.hero-castle { width: 320px; bottom: 8px; opacity: .06; }.hero-runes { bottom: 42px; }
  .house-band { margin-top: -64px; padding: 8px 8px 12px; gap: 0; width: calc(100% - 24px); }.patronus-house img { width: clamp(62px, 19vw, 93px); height: clamp(62px, 19vw, 93px); }.patronus-house span { font-size: clamp(7px, 2vw, 9px); letter-spacing: 0; }.patronus-house::before { width: 80px; height: 75px; }
  .wrap { width: calc(100% - 24px); }.intro { padding: 60px 4px 25px; }.intro p { font-size: 12px; }.section-title { font-size: 25px; }.jump-grid { grid-template-columns: 1fr; gap: 10px; margin-bottom: 46px; }.jump { padding: 15px 17px; }.jump-text strong { font-size: 18px; }.jump-number { font-size: 24px; }
  .section-heading { display: block; }.section-heading p { margin-top: 9px; text-align: left; }.timeline-frame { padding: 5px; }.timeline-layout { grid-template-columns: 92px var(--timeline-width); padding: 11px; }.timeline-label { font-size: 10px; }.timeline-lane { height: 68px; }.bar { top: 14px; }.timeline-bottom { font-size: 10px; }.scroll-cue { width: 100%; }
  .area-grid { grid-template-columns: 1fr; gap: 18px; }.events { padding: 10px 17px 17px; }.event { grid-template-columns: 67px 1fr 11px; }.parchment-section { margin-bottom: 40px; }.footer-inner { padding: 35px 18px; }.footer-inner h2 { font-size: 19px; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *,*::before,*::after { animation: none !important; transition-duration: .01ms !important; } }
@media print {
  @page { size: A3 landscape; margin: 12mm; }
  :root { color-scheme: light; }
  html { scroll-behavior: auto; } body { background: #fff; color: #182234; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
  body::before,.hero::before,.hero::after,.hero-runes,.hero-castle,.hero-mist,.hero-sigil,.house-band,.hero-cta,.jump-grid,.intro p,.intro-rule,.footer-logo,.print { display: none !important; }
  .hero { min-height: 0; padding: 14px; background: #15233b; }.hero .real-logo { width: 66px; margin: 3px auto 0; }.hero h1 { font-size: 28px; }.hero-description { display: none; }.hero-meta { margin: 10px auto 0; }.hero-meta div { padding: 3px; }.hero-meta strong { font-size: 13px; }
  .wrap { width: 100%; }.intro { padding: 14px 0 5px; }.section-title { font-size: 18px; color: #192c45; }.eyebrow { color: #826b41; font-size: 8px; }.timeline-block { display: none; }.section-heading { margin-bottom: 7px; }.section-heading p { display: none; }.parchment-section { margin-bottom: 10px; }.area-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
  .area-card { background: #fff; border: 1px solid #b5b9be; box-shadow: none; break-inside: avoid; }.area-card::before { display: none; }.card-head { padding: 9px; }.card-head h3 { font-size: 17px; margin: 2px; }.card-head p { font-size: 9px; margin: 3px; }.card-count { font-size: 8px; padding: 2px 7px; }.events { padding: 2px 9px; }.event { grid-template-columns: 49px 1fr 8px; gap: 6px; padding: 5px 0; border-bottom: 1px solid #d6d6d6; }.event-time strong { font-size: 10px; color: #172b45; }.event-time span { font-size: 8px; margin: 0; color: #566375; }.event-category { font-size: 7px; color: #765e3f; }.event-copy>strong { font-size: 9px; color: #202c39; }.event-symbol { color: #a07b48; }
  .footer { margin-top: 8px; }.footer-inner { padding: 5px 0; }.footer-inner .star { display: none; }.footer-inner h2 { font-size: 14px; margin: 3px; }.footer-inner p { font-size: 8px; margin: 2px; }.footer-small { display: none; }
}