/* Content pages: About, NDIS, FAQ, Brands, Remote areas, Guides. */
@layer templates {
	.page__lead{max-width:var(--w-text);margin:-8px 0 var(--s-7);color:var(--muted)}
	.page__aside{margin-top:var(--s-7);max-width:var(--w-text)}
	.ticks{display:grid;gap:12px;list-style:none;padding:0;margin:0}
	.ticks li{position:relative;padding-left:32px}
	.ticks li::before{content:"";position:absolute;left:0;top:.2em;width:20px;height:20px;border-radius:50%;background:var(--accent-tint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2317734F' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/12px no-repeat}

	/* About */
	.about__intro{display:grid;gap:var(--s-6);align-items:center}
	.about__intro .lead{margin-bottom:16px}
	.about__intro p{max-width:var(--w-text)}
	.about__mark{margin:0;background:var(--accent-tint);border-radius:var(--r-3);padding:clamp(32px,5vw,64px);display:grid;place-items:center}
	.about__mark img{width:min(100%,260px);height:auto}
	@media (max-width:599px){.about__mark{display:none}} /* the header already carries the logo on phones */
	@media (min-width:1024px){.about__intro{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--s-8)}}
	.about__photo img{aspect-ratio:4/3;object-fit:cover}
	.about__rooms{display:grid;gap:var(--gutter);margin-top:var(--s-7)}
	@media (min-width:600px){.about__rooms{grid-template-columns:repeat(3,minmax(0,1fr))}}
	.about__rooms img{aspect-ratio:4/3;object-fit:cover}
	.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gutter);margin:var(--s-7) 0 0}
	@media (min-width:900px){.facts{grid-template-columns:repeat(4,minmax(0,1fr))}}
	.facts>div{background:var(--surface);border:var(--border-hair);border-left:4px solid var(--signal);border-radius:var(--r-2);padding:20px 24px;display:flex;flex-direction:column-reverse;gap:4px}
	.facts dt{font-size:var(--fs-sm);color:var(--muted)}
	.facts dd{margin:0;font-family:var(--font-display);font-weight:600;font-size:var(--fs-numeral);line-height:1;color:var(--navy);font-variant-numeric:var(--numeric)}
	.facts dd span{font-family:var(--font-text);font-size:var(--fs-body);font-weight:500;color:var(--ink)}
	.about__cols,.ndis__cols{display:grid;gap:0 var(--s-8)}
	@media (min-width:900px){.about__cols,.ndis__cols{grid-template-columns:1fr 1fr}}
	.about__next{display:grid;gap:var(--gutter);margin-top:var(--s-8)}
	@media (min-width:900px){.about__next{grid-template-columns:repeat(3,minmax(0,1fr))}}
	.nextcard{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:16px;row-gap:4px;padding:24px;background:var(--surface);border:var(--border-hair);border-radius:var(--r-2);color:var(--ink);text-decoration:none;transition:border-color var(--d-1),box-shadow var(--d-2)}
	.nextcard:hover{border-color:var(--signal);box-shadow:var(--e-2);color:var(--ink)}
	.nextcard__h{font-family:var(--font-display);font-weight:600;font-size:var(--fs-h4)}
	.nextcard__p{grid-column:1;font-size:var(--fs-sm);color:var(--muted)}
	.nextcard .icon{grid-row:1/span 2;grid-column:2;color:var(--signal-deep)}
	.codl{display:grid;margin:0;max-width:var(--w-narrow);background:var(--surface);border:var(--border-hair);border-radius:var(--r-2)}
	.codl>div{display:grid;grid-template-columns:9rem 1fr;gap:16px;padding:14px 24px;border-top:var(--border-hair)}
	.codl>div:first-child{border-top:0}
	.codl dt{color:var(--muted)}
	.codl dd{margin:0;font-weight:500}

	/* NDIS */
	.routes{display:grid;gap:var(--gutter);list-style:none;padding:0;margin:0}
	@media (min-width:900px){.routes{grid-template-columns:repeat(3,minmax(0,1fr))}}
	.route{background:var(--surface);border:var(--border-hair);border-top:3px solid var(--signal);border-radius:var(--r-2);padding:24px;display:grid;gap:8px;align-content:start}
	.route__k{font-size:var(--fs-sm);font-weight:600;color:var(--accent);margin:0}
	.route__h{font-size:var(--fs-h4);margin:0}
	.route{grid-template-rows:auto auto 1fr auto}
	.route__link{margin-top:8px;font-weight:600;justify-self:start}
	.ndis .hint{margin-top:16px}
	.ctaband{display:grid;gap:24px;align-items:center;margin-top:var(--s-8);padding:clamp(24px,4vw,48px);background:var(--navy);color:var(--on-navy);border-radius:var(--r-3)}
	@media (min-width:900px){.ctaband{grid-template-columns:1fr auto}}
	.ctaband__h{font-size:var(--fs-h2);margin-bottom:8px;color:var(--on-navy)}
	.ctaband p{color:var(--on-navy-muted);max-width:52ch}
	.ctaband__btns{display:flex;flex-wrap:wrap;gap:12px}
	.ctaband__btns .btn{flex:0 0 auto;white-space:nowrap}
	@media (max-width:599px){.ctaband__btns .btn{flex:1 1 100%}}
	.ndis__official{margin-top:var(--s-6);color:var(--muted)}

	/* FAQ */
	.faq__grid{display:grid;gap:var(--s-7)}
	@media (min-width:1024px){.faq__grid{grid-template-columns:minmax(0,8fr) minmax(0,4fr);align-items:start}.faq__aside{position:sticky;top:calc(var(--sticky-top) + 24px)}}
	.faq__main>section:first-child .sec-head{margin-top:0}
	.qa{border-top:var(--border-hair)}
	.qa__item{border-bottom:var(--border-hair)}
	.qa__q{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:var(--tap);padding:16px 0;font-weight:600;cursor:pointer;list-style:none}
	.qa__q::-webkit-details-marker{display:none}
	.qa__q .icon{flex:none;color:var(--muted);transition:transform var(--d-2) var(--ease-out)}
	.qa__item[open] .qa__q .icon{transform:rotate(180deg)}
	.qa__q:hover{color:var(--navy)}
	.qa__a{padding:0 0 20px;max-width:var(--w-text);color:var(--ink)}
	/* Remote areas: one accordion per state, postcode table inside */
	.ra{margin-top:var(--s-5)}
	.ra__count{margin-left:8px;font-weight:400;color:var(--muted)}
	.ra__x{margin-bottom:20px}
	.ra__table{width:100%;border-collapse:collapse}
	.ra__table th,.ra__table td{padding:10px 12px 10px 0;border-bottom:var(--border-hair);text-align:left;vertical-align:top}
	.ra__table thead th{font-weight:600;color:var(--muted)}
	.ra__table tbody th{width:6.5em;font-weight:600;font-variant-numeric:tabular-nums}
	.faq__aside-h{font-size:var(--fs-h4);margin-bottom:8px}
	.faq__aside p+p{margin-top:16px}

	/* Brands */
	.page .bgrid+.page__aside{margin-top:var(--s-7)}

	/* Guides (blog): topic row, card grid, article with a Shop panel */
	.gcats ul{display:flex;flex-wrap:wrap;gap:8px;margin:var(--s-5) 0 var(--s-7)}
	.gcats a{display:inline-flex;align-items:center;min-height:var(--tap);padding:0 16px;border:var(--border-ui);border-radius:999px;background:var(--surface);font-size:var(--fs-sm);font-weight:600;color:var(--ink);text-decoration:none}
	.gcats a:hover{border-color:var(--accent);color:var(--navy)}
	.gcats a[aria-current="page"]{background:var(--navy);border-color:var(--navy);color:#fff}
	.ggrid{display:grid;gap:var(--gutter)}
	@media (min-width:600px){.ggrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
	@media (min-width:1024px){.ggrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
	.gcard{border:var(--border-hair);border-radius:var(--r-2);background:var(--surface);overflow:hidden;transition:border-color var(--d-2) var(--ease-out)}
	.gcard:hover,.gcard:focus-within{border-color:var(--accent)}
	.gcard__link{display:grid;height:100%;color:inherit;text-decoration:none}
	.gcard__media{border-bottom:var(--border-hair)}
	.gcard__body{display:grid;gap:8px;align-content:start;padding:20px}
	.gcard__cat,.guide__cat{font-size:var(--fs-sm);font-weight:600;color:var(--accent)}
	.gcard__h{font-size:var(--fs-h4);line-height:1.3}
	.gcard__link:hover .gcard__h{color:var(--navy);text-decoration:underline}
	.gcard__ex{color:var(--muted);font-size:var(--fs-sm)}
	.gcard__meta,.guide__meta{font-size:var(--fs-sm);color:var(--muted)}
	.gpages .nav-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--s-7)}
	.gpages .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:var(--tap);min-height:var(--tap);padding:0 12px;border:var(--border-ui);border-radius:var(--r-1)}
	.gpages .page-numbers.current{background:var(--navy);border-color:var(--navy);color:#fff}
	.guide__head{max-width:var(--w-text);display:grid;gap:12px;margin-bottom:var(--s-7)}
	.guide__head .page__h{margin:0}
	.guide__cat a{color:inherit;text-decoration:none}
	.guide__grid{display:grid;gap:var(--s-7);align-items:start}
	@media (min-width:1024px){.guide__grid{grid-template-columns:minmax(0,8fr) minmax(0,4fr)}.guide__aside{position:sticky;top:calc(var(--sticky-top) + 24px)}}
	.guide__body table{width:100%;border-collapse:collapse;margin:1.25em 0;font-size:var(--fs-sm)}
	.guide__body th,.guide__body td{padding:10px 12px 10px 0;border-bottom:var(--border-hair);text-align:left;vertical-align:top}
	.guide__body thead th{color:var(--muted)}
	.guide__shop{display:grid;gap:12px}
	.guide__shop .btn--primary{color:#fff}
	.guide__shop-media{max-width:160px}
	.guide__shop-h{font-size:var(--fs-h4)}
	.guide__shop-call{font-size:var(--fs-sm);color:var(--muted)}
	.guide__more{margin-top:var(--s-8);padding-top:var(--s-7);border-top:var(--border-hair)}
	.guide__more-h{font-size:var(--fs-h3);margin-bottom:var(--s-5)}
}