@import"https://fonts.googleapis.com/css2?family=Manrope:wght@500;700;800&family=Source+Sans+3:wght@400;600;700&display=swap";:root{color-scheme:light}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Source Sans 3",Segoe UI,sans-serif;color:#1d2b36;background:radial-gradient(circle at top left,#d6edf9 0%,transparent 40%),linear-gradient(180deg,#f6fbff,#f3f8fc)}h1,h2,h3{margin:0;font-family:Manrope,Trebuchet MS,sans-serif;color:#133247;line-height:1.2}p{margin:.35rem 0 0}a,button{font-family:inherit}.skip-link{position:absolute;top:-120px;left:1rem;z-index:1000;padding:.75rem 1rem;border-radius:12px;background:#004970;color:#fff;text-decoration:none;font-weight:700}.skip-link:focus{top:1rem}.app-shell{--font-scale: 1;--text: #1d2b36;--muted: #4b6578;--line: #d6e2ec;--surface: rgba(255, 255, 255, .85);--primary: #0071ac;--primary-strong: #005985;--primary-soft: #e7f6ff;--sidebar-bg: #e8f1fb;--sidebar-border: #b8d1e6;--footer-bg: #0f2f44;--footer-text: #e9f5fe;--shadow: 0 14px 32px rgba(20, 56, 84, .12);width:100%;margin:0;padding:1rem 1.35rem 2rem;color:var(--text);font-size:calc(18px * var(--font-scale))}.site-header{padding:.95rem 0 .8rem;border-bottom:1px solid var(--line);display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}.brand-wrap{display:flex;align-items:center;gap:1rem}.brand-logo{width:142px;max-width:24vw;border-radius:12px;border:1px solid #b7d9ee;box-shadow:0 10px 20px #0f55812e}.brand-label{margin:0;font-size:.86em;font-weight:700;color:#1e648d;letter-spacing:.06em;text-transform:uppercase}.brand-copy h1{margin-top:.25rem;font-size:clamp(1.5rem,2.8vw,2.3rem)}.brand-description{margin-top:.45rem;color:var(--muted);max-width:72ch}.top-nav{display:flex;flex-wrap:wrap;gap:.5rem}.top-nav a{padding:.5rem .85rem;border-radius:10px;text-decoration:none;color:#204f6c;background:#eef7fd;border:1px solid #c5dced;font-weight:700}.top-nav a:hover,.top-nav a:focus-visible{background:#e2f1fb}.top-nav a.router-link-active{background:#d5eaf8;border-color:#90bedc}.accessibility-bar{margin-top:1rem;padding:.85rem 0;border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.accessibility-text{margin:0;color:#24465d;font-weight:700}.accessibility-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.accessibility-buttons button{min-height:44px;padding:.5rem .9rem;border-radius:10px;border:1px solid #b6d1e1;background:#fff;color:#1f3f54;font-weight:700}.accessibility-buttons button:hover,.accessibility-buttons button:focus-visible{background:#ecf6fd}.contrast-button{min-width:230px}.banner-hero{margin-top:1rem;min-height:44vh;border-radius:18px;background-position:center;background-size:cover;display:grid;align-items:center;padding:clamp(1rem,3vw,2.2rem);box-shadow:var(--shadow)}.banner-content{max-width:min(760px,100%);color:#fff}.banner-kicker{margin:0;font-weight:700;font-size:.9em;letter-spacing:.05em;text-transform:uppercase;color:#d9f0ff}.banner-content h2{margin-top:.45rem;color:#fff;font-size:clamp(1.45rem,3vw,2.3rem)}.banner-content p{margin-top:.7rem;color:#ecf7ff}.banner-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem}.content-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:2rem;margin-top:1rem}.topics-sidebar{position:sticky;top:1rem;align-self:start;display:flex;flex-direction:column;gap:.35rem;max-height:calc(100vh - 2rem);padding:.9rem .8rem;border-radius:14px;background:var(--sidebar-bg);border:1px solid var(--sidebar-border)}.sidebar-title{margin:0 0 .45rem;font-family:Manrope,Trebuchet MS,sans-serif;font-size:.96em;font-weight:700;color:#1a4f70}.topics-sidebar a{padding:.5rem .65rem;border-left:3px solid transparent;color:#34586f;text-decoration:none;border-radius:0 10px 10px 0;font-weight:600}.topics-sidebar a:hover,.topics-sidebar a:focus-visible{background:#dcedfa;color:#184d70}.topics-sidebar a.active{border-left-color:var(--primary);background:#d0e8f9;color:#0e4a6d}.main-content{display:grid;gap:1.4rem}.content-section{padding:.4rem 0 1rem;border-bottom:1px solid var(--line)}.content-section h2{font-size:clamp(1.2rem,2.2vw,1.75rem)}.content-section>p{color:var(--muted);max-width:90ch}.audio-buttons{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.7rem}.audio-guide button{min-height:46px;padding:.6rem 1rem;border-radius:10px;border:1px solid transparent;font-weight:700}.audio-play{background:linear-gradient(180deg,#0095df,#006da5);color:#fff;border-color:#006da5}.audio-play:hover,.audio-play:focus-visible{background:linear-gradient(180deg,#0085c8,#005985)}.audio-stop{background:#fff;border-color:#c8dbe8;color:#26495f}.audio-stop:hover,.audio-stop:focus-visible{background:#edf6fc}.audio-guide button:disabled{opacity:.6;cursor:not-allowed}.audio-status{margin-top:.65rem;color:#30566f;font-size:.95em}.simple-list{margin:.6rem 0 0;padding-left:1.25rem}.simple-list li+li{margin-top:.45rem}.video-section video{width:70%;margin-top:.65rem;border-radius:12px;border:1px solid #bed8e8;background:#112531}.video-help{margin-top:.55rem;color:#35576a;font-size:.95em}.topics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-top:.7rem}.topic-card{padding:.85rem .95rem;background:var(--surface);border-radius:12px;border:1px solid #d5e3ed}.topic-card h3{color:#17425f;font-size:1.05em}.topic-card p{color:#3a5a6e}.topic-card ol{margin:.65rem 0;padding-left:1.2rem}.topic-card li+li{margin-top:.35rem}.topic-hint{margin:0;padding:.45rem .6rem;border-left:3px solid #83c66d;background:#f8fff4;border-radius:6px;color:#38541a}.quick-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:.75rem}.support-link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.72rem 1.2rem;border-radius:12px;border:1px solid #8ab9d6;background:#e5f3fc;color:#154363;text-decoration:none;font-weight:700;margin-top:.75rem}.support-link:hover,.support-link:focus-visible{background:#d8ecfa}.action-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.72rem 1.2rem;border-radius:12px;border:1px solid transparent;text-decoration:none;font-weight:700;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.action-button.primary{background:linear-gradient(180deg,#00a0f0,#0071ac);color:#fff;box-shadow:0 12px 26px #006fac47}.action-button.primary:hover,.action-button.primary:focus-visible{background:linear-gradient(180deg,#008fd8,#005b89);transform:translateY(-1px)}.action-button.secondary{background:#fffffff0;color:#164361;border-color:#ffffffb8}.action-button.secondary:hover,.action-button.secondary:focus-visible{background:#fff}.help-page{margin-top:1rem}.help-header{padding:1rem 0;border-bottom:1px solid var(--line)}.help-kicker{margin:0;color:#1d668e;font-weight:700;letter-spacing:.05em;text-transform:uppercase;font-size:.85em}.help-header h2{margin-top:.35rem;font-size:clamp(1.4rem,2.5vw,2rem)}.help-header p{color:var(--muted);max-width:90ch}.ubs-grid-section{margin-top:1rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}.ubs-card{background:#fff;border:1px solid #d4e3ee;border-radius:12px;padding:.9rem;box-shadow:0 8px 18px #103a5814}.ubs-card h3{font-size:1.05em;color:#0f4466}.ubs-card p{color:#355a72}.ubs-card ul{margin:.25rem 0 .1rem;padding-left:1.2rem}.ubs-card li+li{margin-top:.2rem}.card-subtitle{margin-top:.55rem}.footer{margin-top:1.3rem;padding:1rem 1rem 2rem;border-radius:14px;background:var(--footer-bg);color:var(--footer-text);position:relative}.footer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.footer-title{margin:0;font-family:Manrope,Trebuchet MS,sans-serif;font-weight:700;color:#fff}.footer a{color:#9fd8ff;text-decoration:underline}.footer-copy{margin-top:.85rem;border-top:1px solid rgba(181,217,241,.32);padding-top:.7rem;color:#cde6f8;font-size:.93em}.footer-signature{position:absolute;right:14px;bottom:12px;margin:0;font-size:.72rem;color:#d6eaf870;letter-spacing:.01em;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:2}a:focus-visible,button:focus-visible{outline:3px solid #f5b700;outline-offset:2px}.high-contrast{--text: #111111;--muted: #1f1f1f;--line: #777777;--surface: #ffffff;--primary: #003b8e;--primary-strong: #00285f;--primary-soft: #ecefff;--sidebar-bg: #f2f2f2;--sidebar-border: #7f7f7f;--footer-bg: #111111;--footer-text: #ffffff;--shadow: none}.high-contrast .action-button.primary,.high-contrast .audio-play{background:#003b8e;border-color:#003b8e;box-shadow:none}.high-contrast .action-button.primary:hover,.high-contrast .action-button.primary:focus-visible,.high-contrast .audio-play:hover,.high-contrast .audio-play:focus-visible{background:#00285f;border-color:#00285f}.high-contrast .action-button.secondary{border-color:#111;color:#111}.high-contrast .footer-signature{color:#ffffff80}@media (max-width: 1200px){.topics-grid,.ubs-grid-section{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 980px){.site-header{flex-direction:column;align-items:flex-start}.top-nav{width:100%}.top-nav a{flex:1 1 auto;text-align:center}.content-layout{grid-template-columns:1fr;gap:1rem}.topics-sidebar{position:static;max-height:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:.75rem}.sidebar-title{grid-column:1 / -1}.topics-sidebar a{border-left:0;border-radius:10px;border:1px solid #c1d7e8;background:#f8fcff}.topics-sidebar a.active{border-color:var(--primary)}.footer-grid{grid-template-columns:1fr}}@media (max-width: 700px){.app-shell{font-size:calc(17px * var(--font-scale));padding:.8rem .9rem 1.4rem}.brand-wrap{flex-direction:column;align-items:flex-start}.brand-logo{width:min(180px,64vw);max-width:100%}.banner-hero{min-height:52vh;border-radius:14px}.banner-actions,.quick-actions,.action-button{width:100%}.topics-grid,.ubs-grid-section,.topics-sidebar{grid-template-columns:1fr}.contrast-button{width:100%;min-width:0}.footer-signature{position:static;margin-top:.65rem;text-align:right;font-size:.7rem}}