:root { --ink:#10211e; --muted:#58645f; --line:#cad1cd; --paper:#f6f5ef; --panel:#fffefa; --forest:#0c413d; --deep:#082c29; --gold:#d7b263; --coral:#cf634e; --radius:5px; }
.region-unavailable { border:1px solid var(--line); padding:34px; background:var(--panel); } .region-unavailable h3 { max-width:560px; margin:0; font-size:clamp(1.8rem,3vw,2.7rem); line-height:1; } .region-unavailable p:not(.section-kicker) { max-width:620px; margin:16px 0 0; color:var(--muted); font-size:.92rem; line-height:1.6; }
.directory-layout[hidden], .region-unavailable[hidden] { display:none; }
.verification { display:inline-block; margin:0 0 10px; border:1px solid currentColor; padding:4px 6px; font-size:.58rem; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }
.verification.verified { color:var(--forest); }
.verification.reviewed { color:#976327; }
.information-coverage{display:grid;grid-template-columns:auto 1fr;column-gap:7px;align-items:center;margin:0 0 11px;color:var(--forest);font-size:.66rem;line-height:1.2}.information-coverage>span{min-width:36px;border:1px solid currentColor;padding:3px 4px;color:var(--forest);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.64rem;font-weight:700;letter-spacing:0;text-align:center}.information-coverage strong{font-size:.61rem;letter-spacing:.06em;text-transform:uppercase}.information-coverage small{grid-column:2;color:var(--muted);font-size:.61rem}
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; background:var(--paper); color:var(--ink); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; } button,select { font:inherit; } a { color:inherit; } h1,h2,h3,p { overflow-wrap:break-word; } h1,h2,h3 { font-family:Georgia,"Times New Roman",serif; font-weight:400; } .site-header { position:absolute; z-index:5; top:0; left:50%; width:min(1400px,calc(100% - 48px)); min-height:110px; transform:translateX(-50%); display:flex; align-items:center; justify-content:space-between; color:#fff; border-bottom:1px solid rgba(255,255,255,.22); } .wordmark { display:flex; flex-wrap:wrap; max-width:260px; color:inherit; font-family:Georgia,"Times New Roman",serif; font-size:1.8rem; letter-spacing:.04em; line-height:1; text-decoration:none; } .wordmark span { color:var(--gold); font-style:italic; font-weight:400; } .wordmark small { width:100%; margin-top:8px; color:inherit; font-family:Inter,ui-sans-serif,sans-serif; font-size:.59rem; font-style:normal; font-weight:750; letter-spacing:.12em; text-transform:uppercase; opacity:.85; } nav { display:flex; align-items:center; gap:31px; } nav a { color:inherit; font-size:.84rem; text-decoration:none; } nav a:hover,.footer-links a:hover,.method-link:hover,.inline-action:hover { color:var(--coral); } .contact-boundary { display:flex; align-items:center; gap:12px; padding-left:27px; border-left:1px solid rgba(255,255,255,.35); color:var(--gold); font-size:.82rem; font-weight:700; text-decoration:none; } .contact-boundary svg { width:22px; height:22px; stroke-width:1.5; } .contact-boundary small { display:block; margin-top:5px; color:#edf1ed; font-size:.69rem; font-weight:400; }
.hero { position:relative; min-height:830px; color:#fbfbf6; isolation:isolate; overflow:hidden; } .hero-image,.hero-shade { position:absolute; z-index:-2; inset:0; } .hero-image { background:url("/assets/sydney-harbour-blue-hour.png") center / cover; } .hero-shade { z-index:-1; background:linear-gradient(90deg,rgba(3,28,25,.92) 0%,rgba(4,32,29,.77) 44%,rgba(5,29,27,.31) 78%,rgba(5,29,27,.45) 100%); } .hero-inner { width:min(1400px,calc(100% - 48px)); margin:auto; padding:190px 0 42px; } .eyebrow,.section-kicker,.listing-type,.guide-preview>p { margin:0 0 13px; font-size:.69rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; } .eyebrow { color:var(--gold); } h1 { max-width:680px; margin:0; font-size:clamp(4rem,7vw,7.1rem); line-height:.88; } .hero-copy { max-width:600px; margin:29px 0 45px; color:#e3eae5; font-size:1.08rem; line-height:1.65; }
.finder-form { display:grid; grid-template-columns:1.05fr 1.05fr 1fr 1.16fr auto; gap:18px; align-items:end; max-width:1380px; } .field label { display:grid; grid-template-columns:25px 1fr; margin-bottom:10px; color:var(--gold); font-size:.8rem; font-weight:700; } .field label span { color:#fff; } .field label small { grid-column:2; margin-top:5px; color:#dae3dd; font-size:.68rem; font-weight:400; } select { width:100%; min-height:56px; appearance:auto; border:0; border-radius:var(--radius); padding:0 15px; background:#fbfaf5; color:#293834; font-size:.88rem; } .search-button { display:inline-flex; min-height:56px; align-items:center; justify-content:center; gap:10px; border:0; border-radius:var(--radius); padding:0 22px; background:var(--coral); color:#fff; cursor:pointer; font-size:.82rem; font-weight:800; text-transform:uppercase; white-space:nowrap; } .search-button:hover { background:#b94e3a; } .search-button svg { width:18px; }
.trust-strip { display:flex; gap:0; margin-top:37px; } .trust-strip p { display:flex; align-items:center; gap:12px; min-width:230px; margin:0; padding:0 33px 0 0; color:#eef3ee; font-size:.76rem; font-weight:700; } .trust-strip p+p { padding-left:33px; border-left:1px solid rgba(255,255,255,.3); } .trust-strip svg { width:25px; height:25px; color:var(--gold); stroke-width:1.45; } .trust-strip small { display:block; margin-top:4px; color:#cad5ce; font-size:.67rem; font-weight:400; }
.results-section,.guides-section,.standards-section,.site-footer { width:min(1240px,calc(100% - 48px)); margin-inline:auto; } .results-section { padding:110px 0 103px; } .section-heading { display:grid; grid-template-columns:1.1fr .7fr; gap:60px; align-items:end; margin-bottom:37px; } .section-kicker,.listing-type,.guide-preview>p { color:var(--forest); } .section-heading h2,.guides-section h2,.standards-section h2 { max-width:700px; margin:0; font-size:clamp(2.5rem,4.6vw,4.7rem); line-height:.96; } .section-heading>p { max-width:430px; margin:0; color:var(--muted); font-size:.93rem; line-height:1.65; } .result-context { display:flex; align-items:center; justify-content:space-between; gap:30px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:14px 0; font-size:.87rem; } .result-context span { color:var(--muted); font-size:.8rem; }
.directory-layout { display:grid; grid-template-columns:290px 1fr; gap:38px; padding-top:32px; } .directory-sidebar { padding-right:28px; border-right:1px solid var(--line); } .sidebar-label { margin:0 0 15px; color:var(--muted); font-size:.7rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; } .service-buttons { display:grid; gap:7px; } .service-button { display:flex; align-items:center; gap:13px; width:100%; min-height:68px; border:1px solid var(--line); border-radius:0; padding:11px 12px; background:transparent; color:var(--ink); cursor:pointer; text-align:left; } .service-button:hover,.service-button.is-active { border-color:var(--forest); background:var(--forest); color:#fff; } .service-button svg { width:22px; color:var(--coral); stroke-width:1.5; } .service-button.is-active svg { color:var(--gold); } .service-button span { font-family:Georgia,"Times New Roman",serif; font-size:1.05rem; } .service-button small { display:block; margin-top:4px; color:inherit; font-family:Inter,ui-sans-serif,sans-serif; font-size:.66rem; opacity:.78; } .method-link,.inline-action { display:inline-flex; align-items:center; gap:8px; margin-top:24px; color:var(--forest); font-size:.81rem; font-weight:800; text-underline-offset:5px; } .method-link svg,.inline-action svg { width:16px; }
.listing-meta { display:flex; justify-content:space-between; align-items:center; gap:20px; padding-bottom:10px; color:var(--muted); font-size:.79rem; } .compare-link { border:0; padding:0; background:transparent; color:var(--forest); cursor:pointer; font-size:.79rem; font-weight:800; text-decoration:underline; text-underline-offset:4px; } .compare-link:disabled { color:#9ca6a1; cursor:not-allowed; text-decoration:none; } .listing-list { border-top:1px solid var(--forest); } .listing { position:relative; display:grid; grid-template-columns:47px minmax(190px,1.1fr) minmax(270px,1.2fr) 65px; gap:16px; align-items:start; border-bottom:1px solid var(--line); padding:25px 0; background:transparent; } .listing-index { color:var(--coral); font-size:.72rem; font-weight:800; } .listing-type { margin-bottom:9px; font-size:.61rem; letter-spacing:.08em; } .listing h3 { margin:0; font-size:1.45rem; line-height:1; } .listing h3+p { margin:11px 0 16px; color:var(--muted); font-size:.81rem; line-height:1.55; } .listing a { display:inline-flex; align-items:center; gap:6px; color:var(--forest); font-size:.76rem; font-weight:800; text-underline-offset:4px; } .listing a svg { width:14px; } dl { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; margin:0; } dt { margin-bottom:8px; color:var(--muted); font-size:.61rem; font-weight:800; letter-spacing:.07em; text-transform:uppercase; } dd { margin:0; font-size:.74rem; line-height:1.55; } .compare-toggle { display:grid; justify-items:center; gap:7px; color:var(--muted); font-size:.64rem; cursor:pointer; } .compare-toggle input { width:26px; height:26px; accent-color:var(--forest); cursor:pointer; } .comparison-panel { display:grid; grid-template-columns:1fr auto; gap:10px; margin-top:26px; border:1px solid var(--forest); padding:24px; background:#eef2ec; } .comparison-panel .section-kicker { margin-bottom:7px; } .comparison-panel h3 { margin:0; font-size:1.5rem; } .comparison-panel ul { grid-column:1/-1; display:flex; flex-wrap:wrap; gap:9px; margin:10px 0 0; padding:0; list-style:none; } .comparison-panel li { border:1px solid #b9c7bd; padding:8px 10px; background:#fff; font-size:.78rem; } .comparison-panel>p { grid-column:1/-1; margin:4px 0 0; color:var(--muted); font-size:.76rem; line-height:1.5; } .icon-button { width:34px; height:34px; border:0; background:transparent; color:var(--forest); cursor:pointer; } .icon-button svg { width:20px; }
.guides-section { display:grid; grid-template-columns:1fr .88fr; gap:80px; border-top:1px solid var(--line); padding:95px 0; } .guides-section h2 { font-size:clamp(2.2rem,3.5vw,3.65rem); } .guides-section>div>p:not(.section-kicker) { max-width:480px; margin:22px 0 0; color:var(--muted); font-size:.94rem; line-height:1.65; } .guide-preview { display:flex; min-height:290px; flex-direction:column; justify-content:end; padding:31px; background:var(--deep); color:#f7f6ef; } .guide-preview>p { color:var(--gold); } .guide-preview h3 { max-width:340px; margin:0; font-size:2.2rem; line-height:1; } .guide-preview span { max-width:330px; margin-top:16px; color:#d7e0da; font-size:.85rem; line-height:1.55; } .guide-preview a { display:inline-flex; align-items:center; gap:8px; margin-top:27px; color:var(--gold); font-size:.78rem; font-weight:800; } .guide-preview svg { width:16px; }
.standards-section { display:grid; grid-template-columns:.75fr 1.25fr; gap:80px; border-top:1px solid var(--line); padding:95px 0; } .standards-list { border-top:1px solid var(--line); } .standards-list article { display:grid; grid-template-columns:43px 1fr; column-gap:13px; border-bottom:1px solid var(--line); padding:20px 0; } .standards-list span { grid-row:span 2; color:var(--coral); font-size:.72rem; font-weight:800; } .standards-list h3 { margin:0; font-family:Inter,ui-sans-serif,sans-serif; font-size:.95rem; font-weight:800; } .standards-list p { margin:7px 0 0; color:var(--muted); font-size:.83rem; line-height:1.5; } .site-footer { display:flex; justify-content:space-between; gap:50px; border-top:1px solid var(--line); padding:35px 0 50px; } .site-footer .wordmark { color:var(--ink); font-size:1.4rem; } .site-footer .wordmark small { color:var(--forest); } .site-footer p { max-width:330px; margin:13px 0 0; color:var(--muted); font-size:.8rem; line-height:1.5; } .footer-links { display:flex; flex-wrap:wrap; align-content:flex-start; justify-content:flex-end; gap:12px 24px; max-width:430px; } .footer-links a { color:var(--muted); font-size:.8rem; text-decoration:none; }
@media (max-width:1320px) { .contact-boundary { display:none; } .finder-form { grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; } .search-button { min-width:138px; padding-inline:14px; } }
@media (max-width:1080px) { .site-header { min-height:86px; } .hero { min-height:900px; } .finder-form { grid-template-columns:repeat(2,1fr); max-width:760px; gap:18px; } .search-button { width:100%; } .directory-layout { grid-template-columns:230px 1fr; gap:25px; } .listing { grid-template-columns:34px 1fr 50px; } .listing dl { grid-column:2; } }
@media (max-width:760px) { .site-header,.hero-inner,.results-section,.guides-section,.standards-section,.site-footer { width:min(100% - 28px,620px); } .site-header { min-height:70px; } .wordmark { font-size:1.35rem; } .wordmark small { display:none; } nav { gap:13px; } nav a { font-size:.7rem; } nav a:nth-child(2),nav a:nth-child(4) { display:none; } .hero { min-height:900px; } .hero-image { background-position:58% center; } .hero-shade { background:rgba(3,28,25,.78); } .hero-inner { padding:127px 0 32px; } h1 { font-size:clamp(3.45rem,18vw,5rem); } .hero-copy { margin:23px 0 29px; font-size:.96rem; } .finder-form { grid-template-columns:1fr; gap:13px; } .field label { margin-bottom:6px; } select,.search-button { min-height:50px; } .trust-strip { display:grid; gap:17px; margin-top:28px; } .trust-strip p,.trust-strip p+p { min-width:0; padding:0; border:0; } .results-section { padding:70px 0; } .section-heading,.guides-section,.standards-section { grid-template-columns:1fr; gap:26px; } .section-heading { margin-bottom:25px; } .result-context { align-items:flex-start; flex-direction:column; gap:5px; } .directory-layout { grid-template-columns:1fr; padding-top:22px; } .directory-sidebar { padding:0 0 20px; border-right:0; border-bottom:1px solid var(--line); } .service-buttons { grid-template-columns:1fr; } .listing { grid-template-columns:30px 1fr 48px; gap:10px; padding:22px 0; } .listing dl { grid-column:2; grid-template-columns:1fr 1fr; gap:12px; } .listing dl div:last-child { grid-column:1/-1; } .listing h3 { font-size:1.25rem; } .compare-toggle { font-size:.57rem; } .guides-section,.standards-section { padding:70px 0; } .guide-preview { min-height:250px; } .site-footer { flex-direction:column; gap:30px; } .footer-links { justify-content:flex-start; } }
/* Authority context shown beside every published regional directory. */
.research-record{display:grid;grid-template-columns:.8fr 1.2fr;gap:26px;align-items:start;margin-top:34px;padding:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.research-record .section-kicker{margin-bottom:8px}.research-record strong{font-size:.88rem}.research-record>p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.6}.research-record-links{display:flex;grid-column:2;gap:20px;flex-wrap:wrap}.research-record a{display:inline-flex;align-items:center;gap:6px;color:var(--forest);font-size:.73rem;font-weight:800;text-underline-offset:4px}.research-record svg{width:15px}@media (max-width:760px){.research-record{grid-template-columns:1fr;gap:16px;margin-top:28px;padding:22px 0}.research-record-links{grid-column:auto;gap:16px}}