#main-content.reference-page{background:var(--surface-warm);color:var(--green);font-family:var(--sans-ui)}#main-content.reference-page .section{padding:64px 0 72px}#main-content.reference-page .container{width:min(1320px,calc(100% - 48px));max-width:none;margin-inline:auto}#main-content.reference-page .section-heading{max-width:760px;margin:0 0 48px;text-align:left}#main-content.reference-page .eyebrow{display:block;margin:0 0 12px;color:var(--gold-strong);font:600 .75rem/1.6 var(--sans-ui);letter-spacing:.06em;text-align:left}#main-content.reference-page .eyebrow span{display:none}#main-content.reference-page h1{margin:0 0 24px;color:var(--green);font-family:var(--serif);font-size:clamp(2.25rem,3.7vw,3.5rem);font-weight:500;letter-spacing:-.025em;line-height:1.14;text-wrap:balance}#main-content.reference-page .reference-lead{max-width:65ch;margin:0;color:var(--muted);font-size:1.0625rem;line-height:1.75}#main-content.reference-page :is(h1,h3,p,a,span){overflow-wrap:break-word}#main-content.reference-page .rujukan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:1120px;margin:0;align-items:stretch}#main-content.reference-page .rujukan-card{display:grid;grid-template-columns:48px minmax(0,1fr);gap:20px;min-width:0;padding:28px;background:var(--surface-muted);border:1px solid var(--border);border-radius:12px;box-shadow:none}#main-content.reference-page .rujukan-card:is(:hover,:focus-within){border-color:var(--green)}#main-content.reference-page .rujukan-card__icon{display:grid;place-items:center;width:48px;height:48px;border-radius:10px;background:var(--surface-warm);color:var(--gold-strong)}#main-content.reference-page .rujukan-card__body{min-width:0}#main-content.reference-page h3{margin:0 0 12px;color:var(--green);font:600 1.1875rem/1.45 var(--sans-ui);letter-spacing:-.015em}#main-content.reference-page .rujukan-card__body p{margin:0 0 16px;color:var(--muted);font-size:.9375rem;line-height:1.75}#main-content.reference-page .rujukan-card__date{display:block;color:var(--muted);font-size:.8125rem;font-weight:500;line-height:1.6}#main-content.reference-page .rujukan-card__actions{grid-column:2;display:flex;flex-wrap:wrap;align-self:end;gap:12px}#main-content.reference-page .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;max-width:100%;padding:12px 18px;border:1px solid var(--green);border-radius:10px;background:var(--green);color:var(--cream);font:600 .875rem/1.5 var(--sans-ui);white-space:normal;text-align:center;text-decoration:none;box-shadow:none;transform:none}#main-content.reference-page .btn svg{flex-shrink:0}#main-content.reference-page .btn:hover{background:var(--green-3);box-shadow:none;transform:none}#main-content.reference-page .btn-outline{background:transparent;color:var(--green)}#main-content.reference-page .btn-outline:hover{background:var(--surface-warm)}#main-content.reference-page a:focus-visible{outline:2px solid var(--gold-strong);outline-offset:4px;box-shadow:none}#main-content.reference-page .reference-note{max-width:1120px;margin-top:32px;padding-top:24px;border-top:1px solid var(--border)}#main-content.reference-page .reference-note p{margin:0;color:var(--muted);font-size:.875rem;line-height:1.75}#main-content.reference-page .reference-note a{color:var(--green);font-weight:600;text-decoration:underline;text-underline-offset:4px}#main-content.reference-page .reference-empty{padding:32px;background:var(--surface-muted);border:1px solid var(--border);border-radius:12px;color:var(--muted)}@media(max-width:900px){#main-content.reference-page .rujukan-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:560px){#main-content.reference-page .section{padding:32px 0 48px}#main-content.reference-page .container{width:calc(100% - 36px)}#main-content.reference-page .section-heading{margin-bottom:32px}#main-content.reference-page .reference-lead{font-size:1rem}#main-content.reference-page .rujukan-card{grid-template-columns:minmax(0,1fr);padding:22px;gap:16px}#main-content.reference-page .rujukan-card__actions{grid-column:1}#main-content.reference-page .btn{flex:1;padding-inline:12px}}@media(prefers-reduced-motion:reduce){#main-content.reference-page .btn{transition:none}}