:root {       --sbsi-black: #000000;       --sbsi-body: #535353;       --sbsi-accent: #DBA159;       --sbsi-accent-dark: #c88d43;       --sbsi-bg: #f7f4ef;       --sbsi-surface: #ffffff;       --sbsi-border: #e7ded1;       --sbsi-muted: #6b6b6b;       --sbsi-shadow: 0 24px 60px rgba(0, 0, 0, 0.08);       --content-width: 940px;       --radius-lg: 24px;       --radius-md: 16px;       --radius-sm: 10px;     }      * {       box-sizing: border-box;     }      html {       scroll-behavior: smooth;     }      body {       margin: 0;       font-family: 'Hind', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;       color: var(--sbsi-body);       background:         radial-gradient(circle at top left, rgba(219, 161, 89, 0.12), transparent 28%),         linear-gradient(180deg, #fcfbf8 0%, var(--sbsi-bg) 100%);       line-height: 1.72;     }      a {       color: inherit;     }      .page {       min-height: 100vh;       padding: 48px 20px 72px;     }      .shell {       max-width: var(--content-width);       margin: 0 auto;     }      .hero {       background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(255, 249, 241, 0.98));       border: 1px solid rgba(219, 161, 89, 0.22);       box-shadow: var(--sbsi-shadow);       border-radius: 32px;       overflow: hidden;       margin-bottom: 24px;     }      .hero-inner {       padding: 40px 34px 32px;       position: relative;     }      .hero-inner::after {       content: '';       position: absolute;       top: 0;       right: 0;       width: 220px;       height: 220px;       background: radial-gradient(circle, rgba(219, 161, 89, 0.18) 0%, rgba(219, 161, 89, 0) 72%);       pointer-events: none;     }      .eyebrow {       display: inline-flex;       align-items: center;       gap: 10px;       padding: 8px 14px;       border-radius: 999px;       background: rgba(219, 161, 89, 0.12);       color: var(--sbsi-black);       font-size: 0.92rem;       font-weight: 600;       letter-spacing: 0.02em;       margin-bottom: 18px;     }      .hero h1 {       margin: 0 0 10px;       font-family: 'Montserrat', sans-serif;       color: var(--sbsi-black);       font-weight: 800;       font-size: clamp(2rem, 4vw, 3.2rem);       line-height: 1.08;       letter-spacing: -0.03em;       max-width: 12ch;     }      .hero p {       margin: 0;       max-width: 60ch;       font-size: 1.08rem;       color: var(--sbsi-body);     }      .meta-grid {       display: grid;       grid-template-columns: repeat(3, minmax(0, 1fr));       gap: 14px;       margin-top: 26px;     }      .meta-card {       background: rgba(255, 255, 255, 0.82);       border: 1px solid var(--sbsi-border);       border-radius: var(--radius-md);       padding: 16px 18px;       backdrop-filter: blur(8px);     }      .meta-label {       display: block;       font-size: 0.84rem;       text-transform: uppercase;       letter-spacing: 0.06em;       color: var(--sbsi-muted);       margin-bottom: 4px;       font-weight: 600;     }      .meta-value {       display: block;       font-size: 1rem;       color: var(--sbsi-black);       font-weight: 600;       word-break: break-word;     }      .meta-value a {       color: var(--sbsi-black);       text-decoration-thickness: 1px;       text-underline-offset: 3px;     }      .layout {       display: grid;       grid-template-columns: 260px minmax(0, 1fr);       gap: 24px;       align-items: start;     }      .sidebar {       position: sticky;       top: 22px;       background: rgba(255, 255, 255, 0.85);       backdrop-filter: blur(10px);       border: 1px solid var(--sbsi-border);       border-radius: 22px;       padding: 22px 20px;       box-shadow: 0 20px 40px rgba(0, 0, 0, 0.06);     }      .sidebar h2 {       margin: 0 0 12px;       font-family: 'Montserrat', sans-serif;       font-size: 1rem;       color: var(--sbsi-black);       letter-spacing: -0.02em;     }      .sidebar ol {       margin: 0;       padding-left: 1.2rem;       display: grid;       gap: 8px;     }      .sidebar a {       text-decoration: none;       color: var(--sbsi-body);       transition: color 0.2s ease;     }      .sidebar a:hover,     .sidebar a:focus {       color: var(--sbsi-black);     }      .content {       background: var(--sbsi-surface);       border: 1px solid var(--sbsi-border);       border-radius: 28px;       box-shadow: var(--sbsi-shadow);       overflow: hidden;     }      .content-inner {       padding: 34px;     }      .intro-block {       padding: 22px 24px;       background: linear-gradient(180deg, rgba(219, 161, 89, 0.1), rgba(219, 161, 89, 0.04));       border: 1px solid rgba(219, 161, 89, 0.2);       border-radius: 20px;       margin-bottom: 28px;     }      .org-name {       font-family: 'Montserrat', sans-serif;       font-size: 1.2rem;       line-height: 1.35;       font-weight: 700;       color: var(--sbsi-black);       margin: 0 0 4px;     }      .abn {       margin: 0 0 18px;       color: var(--sbsi-muted);       font-weight: 500;     }      .doc-title {       font-family: 'Montserrat', sans-serif;       font-size: clamp(1.6rem, 3vw, 2.25rem);       line-height: 1.2;       font-weight: 800;       color: var(--sbsi-black);       margin: 0 0 14px;       letter-spacing: -0.03em;     }      .intro-block p:last-child {       margin-bottom: 0;     }      .section {       border-top: 1px solid #f0ebe3;       padding-top: 28px;       margin-top: 28px;       scroll-margin-top: 24px;     }      .section:first-of-type {       border-top: 0;       padding-top: 0;       margin-top: 0;     }      .section h3 {       margin: 0 0 14px;       font-family: 'Montserrat', sans-serif;       font-size: 1.28rem;       line-height: 1.3;       color: var(--sbsi-black);       font-weight: 700;       letter-spacing: -0.02em;     }      .section p {       margin: 0 0 12px;     }      .section p:last-child,     .section ul:last-child,     .section ol:last-child,     .section dl:last-child {       margin-bottom: 0;     }      .definition-list {       display: grid;       gap: 12px;       margin: 14px 0 0;     }      .definition-item {       padding: 14px 16px;       border: 1px solid #efe6da;       border-radius: 16px;       background: #fcfbf9;     }      .definition-item dt {       font-weight: 700;       color: var(--sbsi-black);       margin-bottom: 4px;     }      .definition-item dd {       margin: 0;     }      .numbered-list {       list-style: none;       margin: 0;       padding: 0;       display: grid;       gap: 14px;     }      .numbered-item {       padding: 14px 16px;       border: 1px solid #efe6da;       border-radius: 16px;       background: #fcfbf9;     }      .numbered-item > p:first-child,     .numbered-item > div:first-child {       margin-top: 0;     }      .numbered-item > p:last-child,     .numbered-item > div:last-child,     .numbered-item > ul:last-child,     .numbered-item > ol:last-child {       margin-bottom: 0;     }      .clause-number {       display: inline-block;       min-width: 3.2em;       margin-right: 10px;       font-family: 'Montserrat', sans-serif;       font-weight: 700;       color: var(--sbsi-black);       letter-spacing: -0.02em;       vertical-align: top;     }      .clause-text {       display: inline;     }      .clause-list,     .alpha-list {       margin: 12px 0 12px 1.2rem;       padding: 0;     }      .clause-list li,     .alpha-list li {       padding-left: 6px;       margin-bottom: 8px;     }      .alpha-list {       list-style-type: lower-alpha;     }      .footer-note {       margin-top: 34px;       padding: 18px 20px;       border-radius: 18px;       background: #faf7f2;       border: 1px solid var(--sbsi-border);       font-size: 0.98rem;     }      .back-to-top {       display: inline-flex;       align-items: center;       justify-content: center;       gap: 8px;       margin-top: 18px;       padding: 12px 18px;       border-radius: 999px;       background: var(--sbsi-accent);       color: #ffffff;       text-decoration: none;       font-weight: 700;       transition: transform 0.18s ease, background 0.18s ease;     }      .back-to-top:hover,     .back-to-top:focus {       background: var(--sbsi-accent-dark);       transform: translateY(-1px);     }      @media (max-width: 980px) {       .layout {         grid-template-columns: 1fr;       }        .sidebar {         position: static;       }     }      @media (max-width: 760px) {       .page {         padding: 10px 8px 28px;       }        .shell {         max-width: 100%;       }        .hero,       .content,       .sidebar {         border-radius: 24px;       }        .hero-inner,       .content-inner {         padding: 18px 16px;       }        .meta-grid {         grid-template-columns: 1fr;         gap: 12px;       }        .meta-card,       .intro-block,       .numbered-item,       .definition-item,       .sidebar {         padding-left: 14px;         padding-right: 14px;       }        .numbered-item {         padding-top: 12px;         padding-bottom: 12px;       }        .definition-item {         padding-top: 12px;         padding-bottom: 12px;       }        .section {         padding-top: 22px;         margin-top: 22px;       }        .section h3 {         font-size: 1.9rem;         line-height: 1.12;       }        .clause-number {         min-width: 2.7em;         margin-right: 8px;       }        .clause-list,       .alpha-list {         margin-left: 1rem;       }     }        .hero-inner,       .content-inner {         padding: 24px 20px;       }        .meta-grid {         grid-template-columns: 1fr;       }        .intro-block {         padding: 20px;       }     }   #sp-b8z4j8{width: 100%; max-width: 100%;}#sp-ag8gva{width: 100%; max-width: 100%;}#sp-gtesem{width: calc(100% + 0px);}#sp-sh9s0y{margin: 0px;}