.page{max-width:var(--site-container-max);margin:0 auto;padding:1rem 0 4rem;color:var(--site-text, #17384a)}.breadcrumbs,.languages{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem;margin-bottom:1rem;font-size:.85rem}.breadcrumbs a,.languages a{color:#087b77;text-underline-offset:.2em}.hero{display:flex;gap:clamp(2rem,5vw,5rem);align-items:center;padding:clamp(1.5rem,4vw,4rem);border-radius:28px;background:radial-gradient(ellipse at 100% 100%, #107c82 0, transparent 62%),#06394a;color:#fff}.intro{display:flex;flex-direction:column;align-items:flex-start;flex:1 1 55%;min-width:0}.intro h1{margin:1rem 0;font-size:clamp(2.25rem,4.5vw,4.5rem);font-weight:600;line-height:1.08;letter-spacing:-0.035em;text-wrap:balance}.intro p{max-width:42rem;color:#dcf0f1;font-size:1.06rem;line-height:1.75}.eyebrow{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700}.panel{flex:1 1 36%;min-width:0;padding:clamp(1.5rem,3vw,2.25rem);border-radius:22px;background:#f6fbfa;color:#17384a}.panel h2{margin:.75rem 0;font-size:1.5rem;font-weight:600;line-height:1.3}.panel p,.panel li{font-size:.94rem;line-height:1.65}.panel ul{padding-left:1.1rem;margin:1.25rem 0}.panel li+li{margin-top:.5rem}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem;margin-top:1.5rem}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.8rem 1.25rem;border-radius:999px;font-size:.94rem;font-weight:700;line-height:1.4;text-align:center;text-decoration:none;transition:background .15s ease}.primary:focus-visible,.secondary:focus-visible{outline:3px solid #19b7ad;outline-offset:4px}.primary{background:#f4cf8c;color:#17384a}.primary:hover{background:#ffe0a7}.secondary{border:1px solid #abc9c9;color:inherit}.secondary:hover{background:rgba(11,119,119,.0784313725)}.notice{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 2rem;margin-bottom:1.5rem;padding:1.25rem 1.5rem;border:1px solid #c7dddf;border-radius:18px;background:#f3f9fa}.notice div{display:block;flex:1 1 28rem}.notice h2{font-size:1.15rem;margin:0 0 .4rem}.notice p{margin:0;font-size:.9rem;line-height:1.6}.section{margin-top:3rem}.section h2{max-width:46rem;font-size:clamp(1.65rem,2.5vw,2.35rem);font-weight:600;letter-spacing:-0.02em;line-height:1.25}.cards{display:flex;flex-wrap:wrap;gap:1rem}.cards article{flex:1 1 16rem;padding:1.5rem;border:1px solid #d7e4e7;border-radius:20px;background:#fff}.cards span{color:#087b77;font-size:.8rem;font-weight:700}.cards h3{margin:1rem 0 .65rem;font-size:1.18rem;font-weight:600}.cards p{margin:0;color:#506775;line-height:1.75;font-size:.95rem}.checklist{padding-left:1.3rem;max-width:55rem}.checklist li{padding-left:.3rem;margin-bottom:.8rem;line-height:1.7}.note{font-size:.86rem;line-height:1.65;color:#536d78;margin:1rem 0;max-width:65rem}.link{color:#087b77;text-underline-offset:.2em}@media(max-width: 760px){.hero{flex-direction:column;align-items:stretch;border-radius:22px}.intro,.panel{flex-basis:auto}.actions{align-items:stretch;flex-direction:column}.notice{padding:1.1rem}.notice>a{width:100%}.section{margin-top:2rem}}@media(prefers-reduced-motion: reduce){.primary,.secondary{transition:none}}
:root { --site-container-max: 1180px; color-scheme: light; }
* { box-sizing: border-box; }
body { margin: 0; background: #fff; color: #17384a; font-family: Arial, Helvetica, sans-serif; }
a { color: #087b77; text-underline-offset: .2em; }
a:focus-visible, summary:focus-visible { outline: 3px solid #087b77; outline-offset: 4px; }
.page, .siteHeader, .siteFooter { width: min(calc(100% - 40px), var(--site-container-max)); margin-inline: auto; }
.siteHeader { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1rem; padding-block: 1.25rem; }
.brand { display: inline-flex; align-items: center; gap: .6rem; text-decoration: none; color: #17384a; font-size: 1.15rem; }
.siteHeader img { display: block; width: 54px; height: 54px; object-fit: contain; }
.siteHeader .languages { margin: 0; gap: 1rem; }
.languages [aria-current="page"] { color: #17384a; font-weight: 700; }
.siteFooter { border-top: 1px solid #d7e4e7; padding-block: 2rem; font-size: .85rem; line-height: 1.7; }
.siteFooter p { max-width: 52rem; }
.faq details { border-bottom: 1px solid #d7e4e7; padding-block: 1.25rem; }
.faq summary { cursor: pointer; font-weight: 600; font-size: 1.05rem; line-height: 1.5; }
.faq p { max-width: 55rem; color: #506775; line-height: 1.75; }
.skip { position: absolute; top: -100px; left: 20px; padding: 12px; background: white; z-index: 2; }
.skip:focus { top: 8px; }
@media (max-width: 480px) { .page, .siteHeader, .siteFooter { width: calc(100% - 28px); } .siteHeader { padding-block: 1rem; } .siteHeader img { width: 42px; height: 42px; } .siteHeader .languages { font-size: .8rem; gap: .65rem; } }