@font-face{font-family:Azwad;src:url('/brand/Azwad-Naskh-Regular.ttf') format('truetype');font-display:swap}:root{--gold:#B79A56;--ink:#5c4a24;--paper:#faf8f2}html{scroll-behavior:smooth;scroll-padding-top:110px}body{font-family:Azwad,Tahoma,Arial;background:var(--paper)}header{position:sticky;top:0;z-index:15;background:#faf8f2f5;backdrop-filter:blur(16px);padding:10px 5%;height:100px;box-shadow:0 3px 18px #6B5A3008}header img{max-height:78px!important;width:110px!important}nav a{font-size:15px}button,input,select{font-family:inherit}.hero{padding:42px 6% 30px;gap:35px;grid-template-columns:1.25fr 1fr}.hero h1{font-family:Azwad,serif;font-size:clamp(35px,4.5vw,61px);margin:12px 0;line-height:1.35}.hero p{font-size:19px;margin:12px 0 20px}.hero .ornament{height:220px;background:linear-gradient(120deg,#F1EDE2,#fffdf7);border-radius:140px 140px 10px 10px;box-shadow:0 20px 50px #6B5A3009}.ornament:before{font-family:Azwad;font-size:90px}.notice{font-size:12px;padding:8px 6%;background:#f0ebde}.main{padding:32px 5%;max-width:1700px}.stats{gap:1px;background:#ddd1b6;border:1px solid #ddd1b6;border-radius:12px;overflow:hidden;margin-top:24px}.stat{background:#f5f0e5;border-radius:0;padding:15px 20px;display:flex;align-items:center;gap:14px;font-size:15px}.stat b{font-size:29px}.search{background:#fffdf8;padding:20px;border:1px solid #e4dccb;border-radius:12px;gap:10px}.search select,.search input{padding:9px 14px;font-size:15px}.search input{flex:2}.action{padding:9px 20px;box-shadow:0 4px 14px #6B5A3010;transition:transform .15s}.action:hover{transform:translateY(-1px)}.overview{display:grid;grid-template-columns:minmax(300px,1fr) 1.1fr;gap:28px;background:#f0e8d6;border:1px solid #d8c58e;border-radius:18px;padding:24px;margin:25px 0}.overview h2{font-size:32px}.overview p{font-size:17px;margin:7px 0}.overview-map{position:relative;border:1px solid #d7c9a7;border-radius:12px;overflow:hidden;max-height:440px;align-self:start}.overview-map img{width:100%;display:block}.region-target{position:absolute;background:#fff8df18;border:1px solid #8c6d2b66;border-radius:5px;cursor:pointer;color:#60481a;font-size:19px;display:grid;place-items:center;font-weight:bold}.region-target:hover,.region-target.active{background:#c3a35655;border:2px solid #8c6d2b}.region-target span{background:#fff9e8e8;border-radius:20px;width:30px;height:30px;line-height:30px;text-align:center}.region-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.region-card{border:1px solid #d8c9a8;background:#fffdf8b8;border-radius:8px;padding:10px 14px;display:flex;align-items:center;gap:12px;text-align:right;color:var(--ink)}.region-card:hover,.region-card.active{background:#e2d3ae}.region-card b{font-size:23px;min-width:23px}.region-card small{display:block;font-size:12px}.overview .eyebrow{font-size:12px;letter-spacing:2px;color:#94773b}.workspace{grid-template-columns:290px minmax(0,1fr);gap:18px;align-items:start}.map{box-shadow:0 10px 32px #6b5a300c;border-color:#d6c8a8}.map-scroll{height:570px;padding-top:42px}.map-label{width:calc(100% - 20px);right:10px;display:flex;justify-content:space-between;align-items:center}.card{padding:14px 17px;border-radius:9px;margin-bottom:9px}.card.selected{box-shadow:inset -4px 0 #B79A56}.cards{max-height:570px}.spot.group{border:2px dashed #9d792f;background:#fff8df55;width:78px;height:34px}.spot.group.active{background:#cbb06a88}.group-pop{padding:16px;background:#fffdf7;border:1px solid #D8C58E;border-radius:10px;margin-top:15px}.group-pop button{margin:4px}.detail{border-top:3px solid #B79A56;padding:22px;border-radius:12px}.detail small{font-size:12px}.detail h2{font-family:Arial;font-size:30px}.meta{min-width:300px}.meta b{font-size:22px}.meta span{font-size:12px}.detail .notes{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:14px}.notes label{font-size:14px}.notes textarea{width:100%;min-height:88px;padding:12px;background:#faf8f1;border:1px solid #dbcfb4;border-radius:7px;resize:vertical;font:15px Tahoma}.shortlist{background:linear-gradient(120deg,#eee5d0,#f8f3e7);border-radius:15px}.short-items{gap:10px}.short-item{min-width:180px}.short-head h2{font-size:28px}.short-item .note-preview{font-size:12px;max-width:260px;white-space:pre-wrap}.mobile-bar{display:none}.presentation header{display:none}.presentation .hero,.presentation .notice,.presentation .stats,.presentation #about,.presentation footer{display:none}.presentation .main{padding-top:20px}.presentation .map-scroll{height:70vh}.presentation .cards{max-height:70vh}.presentation .overview{margin-top:10px}.map-help{font-size:12px;padding:8px 14px;margin:0;background:#f6f0e2}.meeting-name{display:flex;gap:10px;align-items:center;margin:14px 0}.meeting-name input{padding:7px 12px;max-width:350px;width:100%;font-size:15px}.modal{border:1px solid #d4bf86;border-radius:15px;padding:30px;background:#fffdf6;color:var(--ink);max-width:520px;width:90%}.modal::backdrop{background:#342a18aa}.modal textarea{width:100%;height:90px;padding:10px}.modal .actions{margin-top:15px}.source-foot{font-size:12px;color:#82734F}.layout-tools{display:flex;gap:8px;align-items:center}.tool-button{border:1px solid #d3c49f;background:#fffaf0;border-radius:6px;color:#6b5a30;padding:6px 13px;font-size:14px}@media(max-width:850px){header{height:80px;padding:8px 5%}header img{max-height:62px!important}.hero{display:block;padding:24px 5%}.hero h1{font-size:38px}.hero p{font-size:17px}.hero .ornament{display:none}.main{padding:22px 4% 85px}.stat{display:block;padding:10px 15px}.stat b{font-size:26px}.section-title h2{font-size:25px}.overview{grid-template-columns:1fr;padding:16px;gap:15px}.overview-map{max-height:none;max-width:500px;margin:auto;width:100%}.overview h2{font-size:26px}.region-list{grid-template-columns:1fr 1fr}.region-card{padding:8px;font-size:13px}.region-card small{font-size:11px}.workspace{display:flex;flex-direction:column}.map{width:100%;order:0}.cards{order:1;width:100%;display:flex;overflow-x:auto;max-height:180px;scroll-snap-type:x mandatory}.card{min-width:230px;scroll-snap-align:start}.map-scroll{height:420px}#mapCanvas{min-width:700px}.detail{margin-top:15px;width:100%;gap:15px}.detail .notes{grid-template-columns:1fr}.detail .meta{min-width:0}.shortlist{padding:17px}.short-head h2{font-size:24px}.short-actions{width:100%}.short-actions button{flex:1;font-size:13px;padding:9px}.short-items{flex-wrap:nowrap;overflow:auto}.short-item{min-width:210px}.search{padding:12px;gap:8px}.search select{min-width:130px;flex:1;font-size:13px}.search input{flex-basis:100%;font-size:15px}.mobile-bar{display:flex;position:fixed;bottom:0;right:0;left:0;background:#fffdf5f5;backdrop-filter:blur(12px);border-top:1px solid #d6c59e;padding:10px 14px;z-index:20;gap:10px;justify-content:space-between}.mobile-bar button{flex:1;padding:8px}.meeting-name{flex-wrap:wrap}.layout-tools{flex-wrap:wrap}.presentation .overview-map{max-height:350px;width:auto}.presentation .region-list{display:none}}@media print{header{position:static;height:auto}.overview,.layout-tools,.mobile-bar,.notes,.group-pop,.meeting-name,.map-help{display:none!important}.print-only{display:block!important}.print-only h2{font-size:25px}.print-only p{font-size:12px}.shortlist{background:white;border:0}.shortlist h2,.short-help{display:none}.short-head{display:none}.print-map img{max-height:470px}.main{padding:0}.print-map{page-break-before:always}.compare-wrap{display:none!important}}
.overview-map{max-height:none}.presentation .overview-map{max-height:none}body{font-size:18px}.short-help,.choice-note{font-size:15px}.source-foot,.notice{font-size:13px}@media print{.shortlist .print-only h2{display:block}.meeting-print-notes{white-space:pre-wrap}}

/* Mobile navigation: vertical results and dedicated map view. */
.view-switch{display:none}.controls .fit-map{width:auto;padding:0 12px;font-size:14px}
.workspace>*{min-width:0}.map-label{position:relative;top:auto;right:auto;width:100%;min-height:42px;padding:8px 14px}.map-scroll{padding-top:0}.controls{position:relative;bottom:auto;left:auto;padding:10px;flex-wrap:wrap;background:#f6f0e2}.map-help{line-height:1.7}
@media(max-width:850px){
.view-switch{display:flex;gap:8px;margin:12px 0}.view-switch button{flex:1;min-height:46px;font-size:17px}.view-switch button[aria-pressed="true"]{background:var(--ink);color:#fff}
.workspace[data-view="list"] .map{display:none}.workspace[data-view="map"] .cards{display:none}
.cards{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;max-height:540px;overflow-x:hidden;overflow-y:auto;scroll-snap-type:none;overscroll-behavior-y:contain}
.card{min-width:0;width:100%;margin:0;padding:10px 14px;display:grid;grid-template-columns:1fr auto;column-gap:12px;align-items:center}.card .pill{grid-column:2;grid-row:1;font-size:12px}.card strong{grid-column:1;grid-row:1;font-size:17px}.card code{font-size:22px}.card .numbers{grid-column:1/-1;font-size:14px;margin-top:2px}.card small{grid-column:1/-1;font-size:12px}
#mapCanvas{min-width:0!important}.map-scroll{height:420px}.zone-links{flex-wrap:wrap;overflow:visible;gap:6px}.zone-link{white-space:normal;font-size:13px;padding:5px 10px}.short-items{flex-wrap:wrap;overflow:visible}.short-item{min-width:0;width:100%}.search input#query{min-width:0;width:100%}.detail{scroll-margin-top:95px}.presentation .cards{max-height:540px}body{overflow-wrap:break-word}.main{min-width:0}
}
@media print{.view-switch{display:none!important}}

@media(max-width:850px){
.cards{gap:6px;grid-auto-rows:min-content;align-content:start}
.card{padding:7px 11px;line-height:1.35;row-gap:4px;column-gap:8px;border-radius:7px;grid-template-columns:minmax(0,1fr) auto;min-height:64px}
.card strong{font-size:15px;line-height:1.35}.card code{font-size:18px}
.card .pill{font-size:11px;line-height:1.35;max-width:145px;text-align:left}
.card .numbers{grid-column:1;grid-row:2;font-size:12px;margin:0;line-height:1.45}
.card small{grid-column:2;grid-row:2;font-size:11px;line-height:1.45;text-align:left}
}

@media(max-width:850px){
.detail{padding:12px 14px;gap:10px;line-height:1.5;display:flex;flex-direction:column;align-items:stretch}
.detail>div:first-child{display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px;width:100%}
.detail>div:first-child>.pill{font-size:11px;order:2;margin-inline-start:auto}
.detail h2{font-size:23px;line-height:1.3;margin:0}.detail>div:first-child>small{flex-basis:100%;font-size:12px;line-height:1.4}
.detail .meta{gap:8px 16px;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;line-height:1.4}
.detail .meta>div{padding:5px 0;border-bottom:1px solid #eee9de;font-size:14px}
.detail .meta span{font-size:11px;line-height:1.4;margin-bottom:2px}.detail .meta b{font-size:18px;line-height:1.3}
.detail .actions{gap:6px;width:100%;display:grid;grid-template-columns:1fr 1fr}
.detail .actions .action{font-size:13px;line-height:1.5;padding:8px 9px;min-height:38px;text-align:center;box-shadow:none}
.detail .actions a{grid-column:1/-1;padding:5px 9px;min-height:32px}
.detail>small{font-size:11px;line-height:1.6;flex-basis:auto!important}
.detail .notes{gap:8px}.detail .notes label{font-size:12px;line-height:1.5}.detail .notes textarea{min-height:60px;padding:8px;font-size:13px}
}

/* Responsive layout across phone, tablet and desktop. */
.workspace{grid-template-columns:minmax(240px,290px) minmax(0,1fr)}#mapCanvas{min-width:0}
.search>*{max-width:100%}.section-title{gap:12px;flex-wrap:wrap}.short-head>*{min-width:0}.short-help{display:block}.meeting-name label{flex-shrink:0}.detail .meta{min-width:0}.notes textarea{box-sizing:border-box}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #8c6d2b;outline-offset:3px}
.toast{max-width:calc(100vw - 32px)}.modal{max-height:85dvh;overflow:auto}.modal textarea{box-sizing:border-box;overflow-wrap:anywhere}
@media(min-width:851px) and (max-width:1150px){.overview{grid-template-columns:1fr 1fr;padding:18px;gap:18px}.region-list{grid-template-columns:1fr}.workspace{grid-template-columns:250px minmax(0,1fr)}.map-scroll{height:500px}.cards{max-height:500px}.meta{grid-template-columns:repeat(3,minmax(0,1fr))}.detail{gap:16px}.search select{flex:1 1 170px}.search input{flex:2 1 240px}.stat{padding:12px;gap:8px;font-size:13px}.stat b{font-size:24px}}
@media(max-width:850px){.workspace{display:flex}.cards{max-height:min(540px,65dvh)}header{height:68px}header img{max-height:52px!important;width:90px!important}html{scroll-padding-top:82px}.detail{scroll-margin-top:82px}.detail>div:first-child>.pill{order:1}.detail>div:first-child>small{order:2}.detail h2{order:0}.mobile-bar{padding-bottom:max(8px,env(safe-area-inset-bottom));padding-top:8px}.mobile-bar button{font-size:15px;line-height:1.5;min-height:42px}.main{padding-bottom:90px}.region-card{min-height:48px}.short-actions button{min-height:42px}.view-switch{scroll-margin-top:82px}.map-scroll{height:min(420px,60dvh)}.presentation .map-scroll{height:60dvh}.presentation .cards{max-height:65dvh}.search select{min-width:0;flex:1 1 130px}.short-head h2{font-size:22px}.meta>div{min-width:0}.meeting-name input{min-width:0}}
@media(max-width:380px){.region-list{grid-template-columns:1fr}.hero h1{font-size:32px}.tag{font-size:11px;padding:4px 10px}.detail .actions{grid-template-columns:1fr}.detail .actions a{grid-column:auto}.card .pill{max-width:115px}.stat b{font-size:23px}.short-actions{flex-wrap:wrap}.short-actions button{flex:1 1 100px}}
@media(max-height:550px) and (orientation:landscape){header{height:56px}header img{max-height:42px!important}.mobile-bar{padding:5px 12px}.mobile-bar button{min-height:34px;padding:4px}.map-scroll{height:65dvh}.cards{max-height:65dvh}.detail{scroll-margin-top:65px}html{scroll-padding-top:65px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}

.hero .guide-title{font-size:clamp(29px,3.6vw,48px);line-height:1.5}.hero .guide-subtitle{font-size:14px;margin:0 0 18px;color:#82734f}@media(max-width:850px){.hero .guide-title{font-size:30px}.hero .guide-subtitle{font-size:12px}}
/* Three clear steps, with secondary information on demand. */
.simple-guide .hero{display:block;max-width:1100px;padding:24px 5% 12px}.simple-guide .ornament,.simple-guide .hero .tag,.simple-guide .hero .lead,.simple-guide .hero .action,.simple-guide .stats,.simple-guide #zoneLinks,.simple-guide .choice-note,.simple-guide .main>.section-title,.simple-guide .layout-tools{display:none}.simple-guide .guide-title{font-size:clamp(25px,3vw,38px);margin:0 0 6px}.simple-guide .guide-subtitle{font-size:15px;margin:0}.simple-guide .main{padding-top:12px;padding-bottom:100px;max-width:1250px}
.guide-steps{display:flex!important;gap:8px;margin:0 0 20px;scroll-margin-top:110px}.guide-steps button{flex:1;border:1px solid #d5c59f;border-radius:9px;background:#fffdf7;color:var(--ink);padding:12px 8px;font-size:17px;line-height:1.5}.guide-steps b{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#eee7d5;margin-inline-end:6px}.guide-steps [aria-current="step"]{background:var(--ink);color:white}.guide-steps [aria-current="step"] b{background:#fff3;color:white}.guide-panel[hidden]{display:none!important}.step-heading{font-size:23px;margin:0 0 10px}
.simple-guide .overview{display:block;padding:20px;margin:0}.simple-guide .overview h2{font-size:26px}.simple-guide .overview h2::after{content:none}.simple-guide .overview .eyebrow,.simple-guide .overview p,.simple-guide .overview-map{display:none}.simple-guide .region-list{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px;gap:10px}.simple-guide .region-card{padding:12px 16px;font-size:18px;min-height:70px}.simple-guide .region-card small{font-size:14px}.all-sites{margin-top:14px;font-size:17px;min-height:44px}
.simple-guide .search{margin:12px 0}.extra-filters{flex-basis:100%;font-size:16px}.filter-fields{display:flex;flex-wrap:wrap;gap:8px;padding-top:12px}.filter-fields select{flex:1 1 160px}.extra-details{width:100%;font-size:16px}.extra-details summary,.extra-filters summary,#siteDetails>summary,.source-details>summary{cursor:pointer;min-height:44px;padding:9px 0;line-height:1.5;color:var(--ink)}.extra-details>.meta{margin:8px 0}.extra-details>small{display:block;font-size:14px;line-height:1.7}.extra-details .notes{margin-top:12px}#siteDetails{margin-top:16px;border:1px solid #ddd1b6;border-radius:10px;background:#fffdf8;padding:0 14px;scroll-margin-top:100px}#siteDetails>.detail{border:0;border-top:1px solid #ddd1b6;border-radius:0;margin:0;padding:14px 0}.simple-guide .detail .meta{flex:none}.simple-guide .detail>div.meta{display:block;width:auto}.simple-guide .detail>div.meta span{font-size:15px}.simple-guide .detail>div.meta b{font-size:24px}.simple-guide .shortlist{margin:0}.simple-guide .short-help{display:none}.simple-guide .short-items{flex-wrap:wrap}.simple-guide .short-item{font-size:17px}.simple-guide .mini{min-height:40px;font-size:15px}.simple-guide .meeting-name{font-size:16px}.simple-note{font-size:16px;margin:0 0 12px}.source-details{max-width:1100px;margin:12px auto;padding:0 5%;font-size:15px}.source-details #about{margin-top:15px!important}.simple-guide .mobile-bar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:20;background:#fffdf5f5;border-top:1px solid #d6c59e;padding:10px max(5%,14px);gap:12px;justify-content:space-between}.simple-guide .mobile-bar button{font-size:17px;min-height:46px;flex:1}.simple-guide .mobile-bar button[hidden]{display:none}.simple-guide .view-switch{display:flex}.simple-guide .view-switch button{min-height:44px;flex:1}.simple-guide .workspace[data-view="list"]{display:block}.simple-guide .workspace[data-view="list"] .map{display:none}.simple-guide .workspace[data-view="map"]{display:block}.simple-guide .workspace[data-view="map"] .cards{display:none}.simple-guide .cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:none;overflow:visible}.simple-guide .card{min-width:0;margin:0}.simple-guide .card .numbers{font-size:16px}.simple-guide .card small,.simple-guide .card .pill{font-size:14px}.simple-guide footer{margin-bottom:90px}
@media(max-width:850px){.guide-steps{gap:5px;scroll-margin-top:82px}.guide-steps button{font-size:15px;padding:9px 4px}.guide-steps b{display:block;margin:0 auto 4px;width:25px;height:25px}.simple-guide .hero{padding:18px 4% 10px}.simple-guide .guide-title{font-size:26px}.simple-guide .guide-subtitle{font-size:14px}.simple-guide .overview{padding:14px}.simple-guide .region-list{grid-template-columns:1fr}.simple-guide .region-card{font-size:18px;min-height:64px}.simple-guide .cards{grid-template-columns:1fr;gap:8px}.simple-guide .card{min-height:78px;line-height:1.5;padding:10px 12px}.simple-guide .card .pill{max-width:150px;font-size:14px}.simple-guide .card .numbers{font-size:15px}.simple-guide .card small{font-size:14px}.simple-guide .card code{font-size:21px}.simple-guide .detail .meta span{font-size:14px}.simple-guide .detail .meta>div{font-size:16px}.simple-guide .detail .actions .action{font-size:16px;min-height:44px}.simple-guide .detail .notes label{font-size:15px}.simple-guide .detail .notes textarea{font-size:16px}.simple-guide .search input{font-size:17px}.simple-guide .mobile-bar button{font-size:16px}.simple-guide .short-actions button{font-size:15px}.simple-guide .short-head h2{font-size:24px}#siteDetails{scroll-margin-top:82px}}
@media print{.guide-steps,.simple-guide .mobile-bar,.source-details,.extra-filters,#siteDetails{display:none!important}.guide-panel[hidden]{display:block!important}.guide-panel[data-step="1"],.guide-panel[data-step="2"]{display:none!important}.simple-guide .short-help{display:none}}

.simple-guide .hero .ornament{display:none!important}.simple-guide .guide-subtitle{line-height:1.6}.simple-guide .filter-fields select{font-size:16px}.simple-guide .extra-details>small{margin:10px 0}.simple-guide #about h2{font-size:22px}