.page-hero {
background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%); padding:48px 32px 40px;
}

.page-hero-inner {
max-width:860px; margin:0 auto;
}

.page-hero-eyebrow {
font-size:11px; font-weight:700; letter-spacing:.1em; color:var(--org); text-transform:uppercase; margin-bottom:12px; display:flex; align-items:center; gap:8px;
}

.page-hero-eyebrow::before {
content:''; width:24px; height:2px; background:var(--org); border-radius:2px;
}

.page-hero h1 {
font-family:'DM Serif Display',serif; font-size:40px; color:#fff; margin-bottom:10px;
}

.page-hero-meta {
font-size:14px; color:rgba(255,255,255,.5); display:flex; gap:20px; flex-wrap:wrap;
}

.page-hero-meta span {
display:flex; align-items:center; gap:5px;
}

.main-wrap {
max-width:1060px; margin:0 auto; padding:40px 32px 72px; display:grid; grid-template-columns:220px 1fr; gap:36px; align-items:start;
}

.toc {
position:sticky; top:84px; background:#fff; border-radius:var(--radius); border:1px solid #ede8e1; padding:18px; box-shadow:var(--shadow);
}

.toc-title {
font-size:12px; font-weight:700; color:#aaa; text-transform:uppercase; letter-spacing:.08em; margin-bottom:12px;
}

.toc-list {
list-style:none;
}

.toc-item {
margin-bottom:4px;
}

.toc-link {
font-size:13px; color:#666; text-decoration:none; padding:5px 8px; border-radius:6px; display:block; transition:all .15s; line-height:1.4;
}

.toc-link:hover {
background:var(--org-l); color:var(--org-d);
}

.toc-link.active {
background:var(--org-l); color:var(--org); font-weight:600;
}

.toc-divider {
height:1px; background:#f0ebe3; margin:8px 0;
}

.toc-updated {
font-size:11px; color:#bbb; margin-top:14px; padding-top:12px; border-top:1px solid #f0ebe3;
}

.content {

}

.mission-banner {
background:var(--org-l); border:1px solid var(--org-b); border-left:4px solid var(--org);
    border-radius:0 var(--radius-sm) var(--radius-sm) 0;
    padding:18px 20px; margin-bottom:32px;
    display:flex; align-items:flex-start; gap:12px;
}

.mission-banner-icon {
font-size:22px; flex-shrink:0; margin-top:1px;
}

.mission-banner-text {
font-size:14px; color:var(--org-d); line-height:1.7;
}

.mission-banner-text strong {
color:var(--org-d); font-weight:700;
}

.section {
margin-bottom:44px; scroll-margin-top:88px;
}

.section-num {
display:inline-flex; align-items:center; justify-content:center; width:28px; height:28px; border-radius:50%; background:var(--org); color:#fff; font-size:13px; font-weight:700; margin-right:10px; flex-shrink:0;
}

.section-heading {
font-size:22px; font-weight:700; color:#1a1a1a; margin-bottom:14px; display:flex; align-items:center;
}

.section p {
font-size:15px; color:#444; line-height:1.8; margin-bottom:12px;
}

.section p:last-child {
margin-bottom:0;
}

.section-divider {
height:1px; background:linear-gradient(90deg,var(--org-b),transparent); margin-bottom:28px;
}

.sub-heading {
font-size:16px; font-weight:700; color:#1a1a1a; margin:20px 0 8px;
}

.key-list {
list-style:none; margin:12px 0 16px; display:flex; flex-direction:column; gap:8px;
}

.key-list li {
display:flex; align-items:flex-start; gap:10px; font-size:14px; color:#444; line-height:1.7;
}

.key-list li::before {
content:''; width:6px; height:6px; border-radius:50%; background:var(--org); flex-shrink:0; margin-top:8px;
}

.obligation-card {
background:#fff; border:1px solid #ede8e1; border-radius:var(--radius-sm); padding:18px 20px; margin-bottom:14px; display:flex; gap:14px; align-items:flex-start;
}

.ob-icon {
font-size:22px; flex-shrink:0;
}

.ob-title {
font-size:14px; font-weight:700; color:#1a1a1a; margin-bottom:4px;
}

.ob-text {
font-size:13px; color:#666; line-height:1.6;
}

.highlight-box {
background:#f5f0ea; border-radius:var(--radius-sm); padding:16px 18px; margin:14px 0; font-size:14px; color:#555; line-height:1.7;
}

.highlight-box strong {
color:#1a1a1a;
}

.warning-box {
background:#FFF7ED; border:1px solid #FEDDAA; border-radius:var(--radius-sm); padding:14px 18px; margin:14px 0; font-size:14px; color:#92400E; line-height:1.7; display:flex; gap:10px;
}

.warning-icon {
flex-shrink:0; font-size:16px;
}

.def-table {
width:100%; border-collapse:collapse; margin:14px 0; font-size:14px;
}

.def-table th {
background:var(--org-l); color:var(--org-d); font-weight:700; padding:10px 14px; text-align:left; border-bottom:2px solid var(--org-b);
}

.def-table td {
padding:10px 14px; border-bottom:1px solid #f0ebe3; color:#444; vertical-align:top;
}

.def-table td:first-child {
font-weight:600; color:#1a1a1a; white-space:nowrap; width:160px;
}

.def-table tr:last-child td {
border-bottom:none;
}

.contact-card {
background:linear-gradient(135deg,var(--org) 0%,#e07800 100%); border-radius:var(--radius); padding:28px 32px; text-align:center; margin-top:32px;
}

.contact-card h3 {
font-family:'DM Serif Display',serif; font-size:24px; color:#fff; margin-bottom:8px;
}

.contact-card p {
font-size:14px; color:rgba(255,255,255,.85); margin-bottom:18px;
}

.contact-btn {
display:inline-block; background:#fff; color:var(--org); padding:10px 24px; border-radius:var(--radius-sm); font-weight:700; font-size:14px; text-decoration:none;
}

@keyframes notif-pulse {
0%,100% { transform:scale(1); }
    50% { transform:scale(1.15); }
}

@media(max-width:768px) {
.hero-inner,.page-header-inner {flex-direction:column!important;padding:0 16px!important;gap:20px!important;text-align:center}
.hero {padding:32px 0 28px!important}
.main {grid-template-columns:1fr!important;padding:14px 14px 48px!important;gap:16px!important}
.section {padding:28px 16px!important}
.page-hero {padding:28px 16px 24px!important}
.page-hero h1 {font-size:26px!important}
.main-wrap {grid-template-columns:1fr!important;padding:14px 14px 48px!important}
.toc {position:static!important;margin-bottom:20px}
.key-list li::before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--org);
    flex-shrink: 0;
    margin-top: 8px;
    position: absolute;
    left: 18px;
}
.key-list li {
    display: block;
    align-items: flex-start;
    gap: 10px;
    font-size: 14px;
    color: #444;
    line-height: 1.7;
    list-style: disc;
}
.page-hero-inner {text-align:left!important}
.page-hero h1 {font-size:28px!important;line-height:1.15}
.page-hero-meta {display:grid;grid-template-columns:1fr;gap:8px;font-size:12px}
.main-wrap {display:block!important;padding:18px 14px 56px!important}
.toc {position:static!important;margin-bottom:22px;padding:16px!important}
.toc-title {margin-bottom:10px}
.toc-list {display:grid;grid-template-columns:1fr 1fr;column-gap:10px}
.toc-item {margin-bottom:2px}
.toc-link {font-size:11px;padding:6px 4px;line-height:1.3}
.toc-updated {margin-top:10px;padding-top:10px}
.mission-banner {padding:14px 15px;margin-bottom:28px;gap:9px}
.mission-banner-icon {font-size:19px}
.mission-banner-text {font-size:13px;line-height:1.6}
.section {margin-bottom:32px;scroll-margin-top:72px}
.section-heading {font-size:19px;line-height:1.35;align-items:flex-start}
.section-num {width:25px;height:25px;font-size:12px;margin-right:8px}
.section p {font-size:14px;line-height:1.7}
.sub-heading {font-size:15px}
.key-list li {font-size:13px;line-height:1.6;gap:8px}
.obligation-card {padding:14px;gap:10px}
.ob-title {font-size:13px}
.ob-text {font-size:12px}
.highlight-box,.warning-box {font-size:13px;padding:13px 14px}
.def-table {display:block;overflow-x:auto;width:100%;font-size:12px;-webkit-overflow-scrolling:touch}
.def-table th,.def-table td {padding:9px 10px}
.def-table td:first-child {white-space:normal;width:auto;min-width:90px}
.contact-card {padding:22px 18px;margin-top:24px}
.contact-card h3 {font-size:21px}
}

/* extracted inline styles */
.terms-i1 {
  display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0;
}

.terms-i2 {
  color:var(--org);
}

.terms-i3 {
  margin-bottom:0;
}

.terms-i4 {
  margin-top:14px;font-size:12px;color:rgba(255,255,255,.55);
}