:root{--color-bg:#fbfcfe;--color-ink:#0f1724;--color-accent:#ff6b3d;--color-accent-600:#e45831;--color-muted:#6b7280;--color-border:#eef2f6;--radius:12px;--container-max:1200px}*{box-sizing:border-box}#root,body,html{height:100%;margin:0}body{margin:0;font-family:Inter,-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif;background:var(--color-bg);color:var(--color-ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}h1,h2,h3,h4,h5,h6{margin:0;font-weight:700}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.container{max-width:var(--container-max);margin:0 auto;padding:0 20px}.site-header{background:linear-gradient(135deg,#fff,#f8fafc);border-bottom:1px solid var(--color-border);position:-webkit-sticky;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px rgba(0,0,0,.04)}.nav{justify-content:space-between;padding:14px 0;position:relative}.brand,.nav{display:flex;align-items:center}.brand{gap:10px;font-weight:700;font-size:22px;letter-spacing:-.5px;color:var(--color-ink);flex-shrink:0}.brand img{height:48px;width:auto}.nav-links{display:flex;gap:6px;margin-left:auto;align-items:center}@media (max-width:1024px){.nav-links{gap:4px}.nav a,.nav-dropdown-toggle{padding:8px 10px;font-size:13px}}.nav a{color:var(--color-ink);text-decoration:none;padding:10px 14px;border-radius:8px;font-size:14px;font-weight:500;transition:background .2s,color .2s;white-space:nowrap}.nav a:hover{background:#f1f5f9;color:var(--color-accent)}.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;align-items:center;margin-left:auto}.hamburger span{width:24px;height:2.5px;background:var(--color-ink);display:block;transition:all .3s ease}@media (max-width:768px){.hamburger{display:flex}.nav-links{position:fixed;top:70px;left:0;right:0;background:#fff;flex-direction:column;gap:0;margin:0;border-bottom:2px solid var(--color-border);max-height:0;overflow:hidden;transition:max-height .3s ease;z-index:999;width:100%;box-shadow:0 4px 12px rgba(0,0,0,.08)}.nav-links.open{max-height:100vh}.nav-links.open a{padding:16px 20px;border-bottom:1px solid var(--color-border);display:block}.nav-links a{width:100%}}.hero{padding:48px 20px;background:linear-gradient(135deg,#fff,#f0f7ff);border-radius:var(--radius);margin:20px 0}.hero h1{font-size:clamp(28px,5vw,44px);margin-bottom:12px;line-height:1.2}.hero p{font-size:16px;color:var(--color-muted)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:24px;gap:24px;margin:24px 0}.card{background:#fff;border-radius:var(--radius);padding:24px;border:1px solid var(--color-border);transition:transform .2s,box-shadow .2s,border-color .2s}.card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.08);border-color:var(--color-accent)}.card h3{margin:0 0 8px;font-size:18px}.footer{padding:40px 0;border-top:1px solid var(--color-border);margin-top:60px;background:#f8fafc;font-size:14px}.badge{display:inline-block;background:var(--color-accent);color:#fff;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:600}.muted{font-size:14px}.meta,.muted{color:var(--color-muted)}.meta,.pill{font-size:13px}.pill{display:inline-block;padding:6px 12px;border-radius:999px;background:#eef2f6;color:var(--color-ink);font-weight:500}.layout-hero{padding:32px;background:linear-gradient(135deg,rgba(255,107,61,.08),rgba(255,107,61,.03));border-radius:var(--radius);margin-bottom:28px;border:1px solid var(--color-border)}.layout-hero h1{margin-bottom:8px;font-size:clamp(24px,4vw,36px)}.list-view{display:flex;gap:24px;align-items:flex-start}.list-main{flex:1 1}.list-side{width:300px;flex-shrink:0}.list-item{display:flex;gap:16px;align-items:flex-start;padding:18px;border-radius:var(--radius);background:#fff;border:1px solid var(--color-border);transition:all .2s;cursor:pointer}.list-item:hover{border-color:var(--color-accent);box-shadow:0 4px 16px rgba(0,0,0,.06)}.list-item h3{margin:0 0 6px;font-size:16px}.search-row{display:flex;gap:12px;margin-bottom:20px}.search-row input{flex:1 1;padding:12px 16px;border:1px solid var(--color-border);border-radius:var(--radius);font-size:14px}.search-row input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(255,107,61,.1)}.cta{background:var(--color-accent);color:#fff;padding:10px 18px;border-radius:var(--radius);border:none;cursor:pointer;font-weight:600;font-size:14px;transition:background .2s}.cta:hover{background:var(--color-accent-600)}@media (max-width:1024px){.list-side{display:none}}@media (max-width:768px){.list-view{flex-direction:column;gap:16px}.grid{grid-template-columns:1fr;gap:16px}.hero{padding:24px}}@media (max-width:480px){.hero h1{font-size:24px}.card{padding:16px}.search-row{flex-direction:column}.search-row input{width:100%}}.image-card{background:#fff;border-radius:var(--radius);border:1px solid var(--color-border);overflow:hidden;transition:all .3s;cursor:pointer}.image-card:hover{box-shadow:0 12px 32px rgba(0,0,0,.12);border-color:var(--color-accent);transform:translateY(-6px)}.image-card-image{position:relative;height:200px;background:#f1f5f9;overflow:hidden}.image-card-image img{width:100%;height:100%;object-fit:cover}.image-card-image .badge{position:absolute;top:12px;right:12px;background:var(--color-accent)}.image-card-content{padding:16px}.image-card-content h3{margin:0 0 6px;font-size:16px}.search-filter{margin-bottom:24px}.filter-panel{background:#f8fafc;border:1px solid var(--color-border);border-radius:var(--radius);padding:16px;margin-top:12px;display:flex;gap:16px;flex-wrap:wrap;align-items:flex-end}.filter-group{display:flex;flex-direction:column;gap:6px;min-width:150px}.filter-group label{font-weight:600;font-size:13px}.filter-group select{padding:10px;border:1px solid var(--color-border);border-radius:8px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:var(--radius);padding:32px;max-width:500px;width:90%;box-shadow:0 20px 60px rgba(0,0,0,.3);position:relative}.modal-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:28px;cursor:pointer;color:var(--color-muted)}.modal-content h2{font-size:24px}.form-group,.modal-content h2{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;font-size:14px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px;border:1px solid var(--color-border);border-radius:8px;font-size:14px;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(255,107,61,.1)}.form-group textarea{resize:vertical;min-height:120px}.listing-form{max-width:600px;margin:0 auto}.detail-hero{background:linear-gradient(135deg,var(--color-accent) 0,var(--color-accent-600) 100%);color:#fff;padding:40px;margin-bottom:32px;border-radius:var(--radius)}.detail-hero h1{font-size:clamp(28px,5vw,40px);margin-bottom:12px}.island-russell{--island-accent:#0066b3;--island-light:#e6f0f7}.island-russell .detail-hero{background:linear-gradient(135deg,#0066b3,#00a86b)}.island-macleay{--island-accent:#c85a17;--island-light:#f5ede3}.island-macleay .detail-hero{background:linear-gradient(135deg,#c85a17,#e8a87c)}.island-stradbroke{--island-accent:#006994;--island-light:#e6f0f7}.island-stradbroke .detail-hero{background:linear-gradient(135deg,#006994,#ff6b9d)}.island-lamb{--island-accent:#2d5016;--island-light:#f0f2e8}.island-lamb .detail-hero{background:linear-gradient(135deg,#2d5016,#a0926d)}@media (max-width:768px){.hamburger{display:flex}.nav-links{position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;background:#fff;border-bottom:1px solid var(--color-border);max-height:0;overflow:hidden;transition:max-height .3s ease;padding:0;margin:0}.nav-links.open{max-height:500px;padding:12px 0}.nav-links a,.nav-links div{padding:12px 20px;border-bottom:1px solid var(--color-border)}.nav-links a:last-child{border-bottom:none}.list-side{width:100%}.detail-hero{padding:24px;margin-bottom:20px}.detail-hero h1{font-size:1.8em}.content-container{padding:0 15px}.search-filter{margin-bottom:16px}.filter-panel{flex-direction:column;gap:12px}.filter-group{width:100%;min-width:auto}.filter-group select{width:100%}.card{padding:16px}button{min-height:44px}input,select,textarea{min-height:44px;font-size:16px}}@media (max-width:480px){.site-header{position:relative}.brand img{height:36px}h1{font-size:1.5em}h2{font-size:1.3em}.hero{padding:20px;margin-bottom:20px}.container{padding:0 12px}.list-view{gap:12px}.search-row{flex-direction:column;gap:10px}.cta,.search-row input,button{width:100%;font-size:16px}.cta,button{padding:12px}.modal-content{width:95%;padding:20px}.form-group input,.form-group select,.form-group textarea{font-size:16px}.grid{grid-template-columns:1fr}}