:root{ --bg:#f7f5f1; --text:#0f1115; --muted:#4b5563; --link:#374151; --border:#e5e7eb; --pill:#f1f2f4;} *{box-sizing:border-box} html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,'Noto Sans','Liberation Sans',sans-serif;line-height:1.75} .container{width:min(100%,820px);margin-inline:auto;padding:2rem 1.25rem} .header{padding-top:.75rem;padding-bottom:.5rem} .section{padding:1rem 0} .footer{border-top:1px solid var(--border);margin-top:1.25rem;padding:.5rem 0;color:var(--muted);text-align:center} .footer-inner{display:flex;flex-direction:column;align-items:center;gap:.6rem} .icon-links{display:flex;gap:12px;align-items:center;justify-content:center margin-bottom:.25rem;} .icon-links a{color:var(--link);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px} .icon-links a:hover{color:#1f2937;text-decoration:underline} .icon-links img, .icon-links svg{width:100%;height:100%;display:block} .copy{color:var(--muted);font-size:.9rem} a{color:var(--link);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px} .section .summary{ max-width:70ch; margin:0 auto 1rem auto; text-align:justify; text-justify:inter-word; hyphens:auto; -webkit-hyphens:auto; -ms-hyphens:auto; font-weight:600;} .title.name{font-size:clamp(22px,4.2vw,30px)} .title.sub{font-size:clamp(18px,3.6vw,26px);margin-top:.15rem} .title{font-weight:700;letter-spacing:-0.01em;margin:0;text-align:left} .title.name{font-size:clamp(22px,4.2vw,30px)} .title.sub{font-size:clamp(18px,3.6vw,26px);margin-top:.15rem} a:focus-visible{outline:2px solid #60a5fa; outline-offset:3px; border-radius:4px} .icon-links a{color:var(--link);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px} .icon-links a:hover,.icon-links a:focus-visible{box-shadow:0 0 0 2px rgba(96,165,250,.35)} .dolphins{display:block;width:96px;height:auto;margin:.5rem auto 0 auto;opacity:.85} .dolphins{ width:clamp(56px, 8vw, 110px) } } .title.name{font-size:clamp(22px,4.2vw,30px)} .title.sub{font-size:clamp(18px,3.6vw,26px);margin-top:.15rem} .section .summary{ max-width:70ch; margin:0 auto 1rem auto; line-height:1.7; word-break:normal; } .icon-links a{color:var(--link);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px} .silent-link{color:inherit;text-decoration:none} .silent-link:focus-visible{outline:2px solid #60a5fa; outline-offset:3px; border-radius:4px} @media (max-height:900px){ .footer{margin-top:1rem} } @media (max-height:800px){ .footer{margin-top:.5rem} } .footer .icon-links a{width:32px !important;height:32px !important;padding:6px !important;border-radius:6px} .footer .icon-links img, .footer .icon-links svg{width:100% !important;height:100% !important;display:block} .footer .icon-links{gap:12px !important} .header{padding-top:.75rem;padding-bottom:.5rem} .dolphins{ display:block; width:clamp(64px, 7vw, 110px); height:auto; margin:.5rem auto 0 auto; opacity:.9 } .title-block .title{ text-align:left } .title.name{font-size:clamp(22px,4.2vw,30px)} .title.sub{font-size:clamp(18px,3.6vw,26px);margin-top:.15rem} } .header{padding-top:.75rem;padding-bottom:.5rem} .dolphins{ width:clamp(80px, 10vw, 120px); height:auto; opacity:.9 } .title-block .title{ text-align:left } .title.name{font-size:clamp(22px,4.2vw,30px)} .title.sub{font-size:clamp(18px,3.6vw,26px);margin-top:.15rem} .summary-block{ margin-top:.75rem; max-width:70ch } .summary-block .summary{ text-align:justify; text-justify:inter-word; hyphens:auto; -webkit-hyphens:auto; -ms-hyphens:auto; font-weight:600; } } .dolphin-sep{display:flex;justify-content:center;align-items:center;margin:.5rem 0 1.25rem 0} .dolphin-sep img{width:clamp(88px, 10vw, 140px);height:auto;opacity:.9} .header{padding-top:.75rem;padding-bottom:.5rem} .title.name{font-size:clamp(22px,4.2vw,30px)} .title.sub{font-size:clamp(18px,3.6vw,26px);margin-top:.15rem} } } @media (max-width:640px){ } .header.container{max-width:860px;margin:0 auto;padding:.6rem 0;text-align:center} .header img .header .title{ text-align:right !important; margin:.1rem 0 !important } @media (max-width:640px){ .header.container{max-width:860px;margin:0 auto;padding:.6rem 0;text-align:center} .header .title{ text-align:left !important } } .header a .header a .header.container{max-width:860px;margin:0 auto;padding:.6rem 0;text-align:center} .header a .header a .header .title{ text-align:right !important; margin:.2rem 0 .15rem 0 !important } .title.name{ font-size: clamp(22px, 4.2vw, 30px) !important } .title.sub{ font-size: clamp(18px, 3.6vw, 24px) !important } @media (max-width: 520px){ .header.container{max-width:860px;margin:0 auto;padding:.6rem 0;text-align:center} .header .title{ text-align:left !important } } .dolphin-sep{ display:flex !important; justify-content:center !important; margin:.5rem auto 1.25rem auto !important; max-width: 860px !important; } .dolphin-sep img{ display:block; width:clamp(88px,10vw,140px); height:auto; opacity:.9 } .header.container{max-width:860px;margin:0 auto;padding:.6rem 0;text-align:center} .header a .header a .header.container{max-width:860px;margin:0 auto;padding:.6rem 0;text-align:center} .header .title{ margin:.15rem 0 .1rem 0 !important; text-align:right !important } .title.name{ font-size: clamp(22px, 4.2vw, 30px) !important } .title.sub{ font-size: clamp(18px, 3.6vw, 24px) !important } @media (max-width: 520px){ .header.container{max-width:860px;margin:0 auto;padding:.6rem 0;text-align:center} .header.container{max-width:860px;margin:0 auto;padding:.6rem 0;text-align:center} .header .title{ text-align:left !important } } .header{padding-top:.5rem !important; padding-bottom:.4rem !important} .header.container{max-width:860px;margin:0 auto;padding:.6rem 0;text-align:center} .header.container{max-width:860px;margin:0 auto;padding:.6rem 0;text-align:center} .title.name{font-size:clamp(22px,4.2vw,30px) !important} .title.sub{ font-size:clamp(18px,3.6vw,24px) !important} @media (max-width:520px){ .header.container{max-width:860px;margin:0 auto;padding:.6rem 0;text-align:center} .header.container{max-width:860px;margin:0 auto;padding:.6rem 0;text-align:center} } .dolphin-sep{max-width:860px !important; margin:.5rem auto 1.1rem auto !important; display:flex !important; justify-content:center !important} .dolphin-sep img{display:block !important; width:clamp(88px,10vw,140px) !important; height:auto !important; opacity:.9} .header.container{max-width:860px;margin:0 auto;padding:.6rem 0;text-align:center} .title.name{ font-size:clamp(22px,4.2vw,30px) !important; margin:.1rem 0 !important } .title.sub { font-size:clamp(18px,3.6vw,24px) !important; margin:.1rem 0 !important } .dolphin-sep{ max-width:860px !important; margin:.5rem auto 1.1rem auto !important; display:flex !important; justify-content:center !important } @media (max-width:520px){ .header.container{max-width:860px;margin:0 auto;padding:.6rem 0;text-align:center} } .header.container{max-width:860px;margin:0 auto;padding:.6rem 0;text-align:center} .header.container{max-width:860px;margin:0 auto;padding:.6rem 0;text-align:center} .title.name{ font-size: clamp(22px, 4.2vw, 30px) !important } .title.sub { font-size: clamp(18px, 3.6vw, 24px) !important } .dolphin-sep{ max-width: 860px !important; margin: .5rem auto 1.1rem auto !important; display: flex !important; justify-content: center !important; } .dolphin-sep img{ width: clamp(88px, 10vw, 140px) !important; height:auto !important; opacity:.9 } @media (max-width: 520px){ .header.container{max-width:860px;margin:0 auto;padding:.6rem 0;text-align:center} .header.container{max-width:860px;margin:0 auto;padding:.6rem 0;text-align:center} } .header.container{max-width:860px;margin:0 auto;padding:.6rem 0;text-align:center} .header.container{max-width:860px;margin:0 auto;padding:.6rem 0;text-align:center} .title.name{ font-size: clamp(22px, 4vw, 28px) !important } .title.sub { font-size: clamp(18px, 3.4vw, 22px) !important } .header.container{max-width:860px;margin:0 auto;padding:.6rem 0;text-align:center} .header.container{max-width:860px;margin:0 auto;padding:.6rem 0;text-align:center}

/* v19: center header summary text explicitly */
.header.container{ text-align:center !important; }
.header.container h1, .header.container h2{ text-align:center !important; margin:.15rem 0 !important; }