.charter-intro{padding:72px 0 48px;border-bottom:1px solid var(--line)}.charter-intro h1{margin:18px 0 20px;font-size:clamp(44px,6vw,68px)}.charter-subtitle{font-family:Georgia,serif;font-size:clamp(21px,3vw,29px);margin-bottom:18px}.charter-guide{color:var(--muted);font-size:13px;margin:0;max-width:48em}.charter-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:64px;padding:48px 0 90px}.charter-sidebar nav{position:sticky;top:32px}.charter-sidebar ol,.mobile-contents ol{list-style:none;padding:0;margin:0}.charter-sidebar li a,.mobile-contents li a{display:flex;gap:12px;padding:9px 10px;font-size:13px;line-height:1.5;color:var(--muted);border-left:1px solid var(--line)}.charter-sidebar li a span,.mobile-contents li a span{color:var(--gold);font-size:10px;min-width:17px;padding-top:3px}.charter-sidebar a:hover,.mobile-contents a:hover,.charter-sidebar a[aria-current=location]{background:#12233b;color:var(--silver);border-left-color:var(--blue)}.back-top{display:inline-block;font-size:12px;color:var(--muted);margin:24px 10px}.charter-content{min-width:0;max-width:760px}.charter-section{padding-bottom:42px;margin-bottom:42px;border-bottom:1px solid var(--line);scroll-margin-top:32px}.charter-section .section-label{margin-bottom:20px}.charter-section h2{display:flex;align-items:center;gap:12px;font-size:36px;margin-bottom:25px}.charter-section h3{font-size:25px;margin:32px 0 16px;color:#c7deff}.clause{position:relative;padding-right:36px;scroll-margin-top:30px;border-radius:3px;font-size:16px;line-height:1.8;color:#bcc9dd}.clause-text strong{color:var(--silver);font-weight:600}.clause:target{background:#183452;box-shadow:0 0 0 7px #183452;color:#fff}.charter-section:target>h2{color:#c7e1ff}.clause-list{padding-left:19px;margin:18px 0 25px}.clause-list li{padding-left:5px;margin-bottom:12px}.clause-list li::marker{color:#6a98cc}.permalink{display:inline-flex;align-items:center;justify-content:center;flex:none;width:28px;height:28px;border:1px solid transparent;border-radius:5px;color:#8ba4c4;opacity:.65;vertical-align:middle}.clause>.permalink{position:absolute;right:0;top:2px}.permalink:hover,.permalink:focus-visible{opacity:1;background:#1b3657;color:#e9f3ff;border-color:#456c99}.clause:hover>.permalink{opacity:1}.charter-principle{padding:30px;background:linear-gradient(105deg,#122944,transparent);border-left:2px solid #629fe8;border-bottom:0;margin-bottom:0}.charter-principle .clause{font-family:Georgia,serif;font-size:21px;color:#d8e6f8}.charter-principle .clause:last-child{font-size:17px;color:var(--muted);margin-bottom:0}.mobile-contents{display:none}.copy-status{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:10;background:#d4e6fc;color:#0a192e;font-size:13px;border-radius:5px;padding:9px 18px;box-shadow:0 5px 30px #0006;pointer-events:none}.copy-status:empty{display:none}.charter-page main{overflow:visible}.charter-page [aria-current=page]{color:var(--silver)}
@media(max-width:1000px){.charter-layout{grid-template-columns:205px minmax(0,1fr);gap:32px}.charter-section h2{font-size:31px}}
@media(max-width:760px){.charter-intro{padding:44px 0 28px}.charter-layout{display:block;padding:28px 0 55px}.charter-sidebar{display:none}.mobile-contents{display:block;position:sticky;top:0;z-index:5;background:#0b1729f5;border-block:1px solid #34516f;backdrop-filter:blur(12px);margin-top:24px}.mobile-contents summary{cursor:pointer;padding:14px 12px;font-size:13px;color:#d7e8ff;display:flex;justify-content:space-between;list-style:none}.mobile-contents summary::-webkit-details-marker{display:none}.mobile-contents[open] summary span{transform:rotate(180deg)}.mobile-contents nav{padding:0 10px 14px;max-height:65vh;overflow:auto}.mobile-contents li a{padding:10px;font-size:14px}.charter-section,.clause{scroll-margin-top:76px}.charter-section{margin-bottom:32px;padding-bottom:25px}.charter-section h2{font-size:30px}.clause{font-size:16px;padding-right:30px}.permalink{width:28px;height:30px}.clause-list{padding-left:17px}.charter-principle{padding:24px 18px}.charter-principle .clause{font-size:19px}.charter-page .header nav>a[aria-current=page]{display:inline-flex}.charter-page .header nav{gap:14px}.charter-page .header .nav-join{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
