:root{--ink:#102b3f;--blue:#0868c9;--line:#dce3eb;--muted:#526576}
*{box-sizing:border-box}body{margin:0;background:#f5f7fa;color:var(--ink);font:16px/1.6 "Segoe UI",Arial,sans-serif}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit}h1,h2,p{margin:0}h1,h2{letter-spacing:-.025em;text-wrap:balance}h1{font-size:clamp(34px,5vw,52px);line-height:1.14;margin:14px 0 20px}h2{font-size:22px;line-height:1.3}p{color:var(--muted)}:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.skip-link{position:fixed;left:12px;top:12px;transform:translateY(-160%);padding:12px;background:white;z-index:10}.skip-link:focus{transform:none}
.access-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px max(24px,calc((100% - 1200px)/2));border-bottom:1px solid var(--line);background:white}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);font-size:22px;font-weight:750;letter-spacing:-.035em}.brand img{border-radius:10px}.access-header nav{display:flex;align-items:center;gap:24px;font-size:14px}.lang-toggle{border-radius:8px}.lang-toggle button{border-radius:5px;min-height:36px}.access-main{max-width:1248px;padding:60px 24px;margin:auto}.access-intro{max-width:760px}.access-intro p{font-size:18px}.eyebrow{font-size:12px;color:#126b5e;font-weight:700;letter-spacing:.065em;text-transform:uppercase}.environment-note{margin-top:28px;padding:16px 20px;border-left:3px solid #0868c9;background:#eaf2fb;font-size:14px;color:#294963}.access-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:32px}.access-card{display:flex;flex-direction:column;min-width:0;padding:24px;border:1px solid var(--line);border-radius:10px;background:white;scroll-margin-top:24px}.access-card:target{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue)}.role-index{color:#168575;font-size:13px;font-weight:700;margin-bottom:24px}.access-card h2{margin-bottom:14px}.access-card p,.access-card li{font-size:14px}.access-card ul{margin:24px 0;padding-left:18px;color:var(--muted)}.access-card li+li{margin-top:8px}.access-card small{display:block;color:var(--muted);font-size:12px;line-height:1.5;margin-top:auto;margin-bottom:16px;padding-top:16px;border-top:1px solid var(--line)}.button{display:flex;align-items:center;justify-content:center;min-height:48px;padding:12px;background:var(--blue);color:white;border-radius:7px;font-size:14px;font-weight:650;text-align:center}.button:hover{background:#0756a5;text-decoration:none}.sample-note{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:32px;padding:24px;border:1px solid var(--line);border-radius:10px}.sample-note h2{font-size:18px;margin-bottom:6px}.sample-note p{font-size:14px}.sample-note a{flex-shrink:0;font-size:14px;font-weight:650}footer{max-width:1248px;margin:auto;padding:24px;display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}footer div{display:flex;gap:24px}
@media(max-width:1050px){.access-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.access-header{padding:16px;align-items:flex-start;flex-wrap:wrap;gap:16px}.access-header nav{width:100%;justify-content:space-between}.access-main{padding:36px 16px}.access-grid{grid-template-columns:minmax(0,1fr)}.access-card{padding:22px}.role-index{margin-bottom:14px}.sample-note{align-items:flex-start;flex-direction:column}footer{padding:24px 16px;flex-wrap:wrap}}
.access-help{margin-top:20px;font-size:13px;max-width:820px}
