@font-face{font-family:'Newsreader';font-style:normal;font-weight:200 800;font-display:swap;src:url(/fonts/newsreader-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Newsreader';font-style:normal;font-weight:200 800;font-display:swap;src:url(/fonts/newsreader-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Newsreader';font-style:italic;font-weight:200 800;font-display:swap;src:url(/fonts/newsreader-italic-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Newsreader';font-style:italic;font-weight:200 800;font-display:swap;src:url(/fonts/newsreader-italic-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/instrument-sans-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/instrument-sans-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/plex-mono-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/plex-mono-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/plex-mono-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/plex-mono-500-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
/* Layout: safnaskrá / hönnunarbók — mjór vísir til vinstri, breiður texta- og myndadálkur, heimildir sem skráningarspjöld */
:root{
  --paper:#F4F5F2;      /* pappír, örlítið kaldur eins og reykvísk steypa */
  --leaf:#FFFFFF;       /* blaðsíða / spjald */
  --ink:#1D2326;        /* basalt */
  --muted:#5B6569;
  --rule:#D3D8D6;
  --hatch:#E3E7E4;
  --accent:#2E5E57;     /* spanskgrænt þak */
  --accent-soft:#DDE8E4;
  --ochre:#9A6A1F;
  --st-ok:#2E6B4A; --st-oral:#355C8C; --st-est:#9A6A1F; --st-unv:#6E7478; --st-res:#A2413A;
  --f-display:"Newsreader",Georgia,"Times New Roman",serif;
  --f-body:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;
  --maxw:1180px;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --paper:#151A1C;--leaf:#1C2326;--ink:#E7EAE7;--muted:#9AA4A6;--rule:#313B3E;--hatch:#232C2F;
  --accent:#8CC3B7;--accent-soft:#223834;--ochre:#D9A55A;
  --st-ok:#79C29A;--st-oral:#8DB2E3;--st-est:#D9A55A;--st-unv:#A2A9AC;--st-res:#E08C84;color-scheme:dark}}
:root[data-theme="dark"]{
  --paper:#151A1C;--leaf:#1C2326;--ink:#E7EAE7;--muted:#9AA4A6;--rule:#313B3E;--hatch:#232C2F;
  --accent:#8CC3B7;--accent-soft:#223834;--ochre:#D9A55A;
  --st-ok:#79C29A;--st-oral:#8DB2E3;--st-est:#D9A55A;--st-unv:#A2A9AC;--st-res:#E08C84;color-scheme:dark}

*{box-sizing:border-box}
body{background:var(--paper);color:var(--ink);font-family:var(--f-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit}
h1,h2,h3,h4{font-family:var(--f-display);font-weight:400;line-height:1.12;text-wrap:balance;margin:0}
p{margin:0}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.mono{font-family:var(--f-mono);font-size:.78rem;letter-spacing:.02em}
.eyebrow{font-family:var(--f-mono);font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.wrap{max-width:var(--maxw);margin:0 auto;padding-inline:clamp(16px,4vw,40px)}
.prose{max-width:66ch;display:grid;gap:1em}
.prose p{color:var(--ink)}
.lede{font-family:var(--f-display);font-size:clamp(1.2rem,2.2vw,1.5rem);line-height:1.45;font-weight:300}
.muted{color:var(--muted)}

/* Haus */
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:color-mix(in srgb,var(--paper) 92%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--rule)}
.top .wrap{display:flex;align-items:center;gap:24px;min-height:60px}
.brand{display:flex;align-items:baseline;gap:10px;text-decoration:none;flex-shrink:0}
.brand b{font-family:var(--f-display);font-weight:500;font-size:1.35rem;letter-spacing:-.01em}
.brand span{font-family:var(--f-mono);font-size:.7rem;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}
.nav{display:flex;gap:0;flex-wrap:nowrap;margin-left:auto}
.nav a{text-decoration:none;font-size:.84rem;padding:6px 8px;white-space:nowrap;border-radius:4px;color:var(--muted)}
.nav a:hover{color:var(--ink);background:var(--hatch)}
.nav a[aria-current="page"]{color:var(--ink);box-shadow:inset 0 -2px 0 var(--accent);border-radius:0}
.navbtn{display:none;margin-left:auto;background:none;border:1px solid var(--rule);color:var(--ink);font:inherit;font-size:.85rem;padding:6px 12px;border-radius:4px;cursor:pointer}
@media (max-width:1240px){
  .navbtn{display:block}
  .nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--paper);border-bottom:1px solid var(--rule);flex-direction:column;padding:8px clamp(16px,4vw,40px) 16px}
  .nav.open{display:flex}
  .nav a{padding:10px 0;font-size:1rem}
}

/* Hnappar */
.btn{display:inline-flex;align-items:center;gap:8px;font:inherit;font-weight:500;font-size:.95rem;padding:12px 20px;border-radius:3px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);text-decoration:none;cursor:pointer}
.btn:hover{background:var(--accent);border-color:var(--accent)}
.btn.ghost{background:transparent;color:var(--ink)}
.btn.ghost:hover{background:var(--hatch)}
.btns{display:flex;gap:12px;flex-wrap:wrap}
.link{color:var(--accent);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;cursor:pointer;background:none;border:0;font:inherit;padding:0}

/* Kaflar */
main{padding-bottom:80px}
section.sec{padding-block:clamp(48px,7vw,88px);border-top:1px solid var(--rule)}
section.sec:first-child{border-top:0}
.sechead{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:clamp(16px,4vw,48px);margin-bottom:32px}
.sechead h2{font-size:clamp(1.8rem,3.4vw,2.6rem)}
.sechead .eyebrow{padding-top:.7em}
@media (max-width:760px){.sechead{grid-template-columns:1fr;gap:8px}.sechead .eyebrow{padding-top:0}}
.body{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:clamp(16px,4vw,48px)}
.body>.side{font-size:.85rem;color:var(--muted);display:grid;gap:10px;align-content:start}
@media (max-width:760px){.body{grid-template-columns:1fr}}

/* Forsíðuhetja */
.hero{padding-block:clamp(40px,6vw,80px) clamp(32px,5vw,64px);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,5vw,64px);align-items:end}
.hero h1{font-size:clamp(3.4rem,9vw,7.2rem);font-weight:300;letter-spacing:-.03em;line-height:.95}
.hero h1 em{font-style:italic;font-weight:300}
.hero .sub{font-family:var(--f-display);font-style:italic;font-size:clamp(1.3rem,2.4vw,1.8rem);color:var(--muted);margin-top:14px}
.hero .txt{display:grid;gap:22px}
@media (max-width:860px){.hero{grid-template-columns:1fr}}

/* Myndir og staðgenglar */
figure{margin:0}
.plate{background:var(--leaf);border:1px solid var(--rule);padding:clamp(10px,1.6vw,18px)}
.plate svg{display:block;width:100%;height:auto}
figcaption{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:.8rem;color:var(--muted);padding-top:10px}
.ph{position:relative;width:100%;max-width:100%;aspect-ratio:4/3;background:
  repeating-linear-gradient(135deg,var(--hatch) 0 1px,transparent 1px 9px),var(--leaf);
  border:1px solid var(--rule);display:flex;flex-direction:column;justify-content:flex-end;padding:14px;overflow:hidden}
.ph.wide{aspect-ratio:16/9}.ph.tall{aspect-ratio:3/4}.ph.sq{aspect-ratio:1}
.ph .kind{position:absolute;top:12px;left:14px}
.ph .what{font-family:var(--f-display);font-size:1.05rem;line-height:1.25;background:var(--leaf);padding:6px 8px;align-self:flex-start;max-width:100%}
.ph.old{filter:sepia(.25)}

/* Heimildastaða */
.st{display:inline-flex;align-items:center;gap:7px;font-family:var(--f-mono);font-size:.7rem;letter-spacing:.04em;padding:3px 8px 3px 6px;border:1px solid currentColor;border-radius:99px;line-height:1.3;max-width:100%}
.st i{width:9px;height:9px;border-radius:50%;flex-shrink:0;border:1.5px solid currentColor}
.st.ok{color:var(--st-ok)}.st.ok i{background:currentColor}
.st.oral{color:var(--st-oral)}.st.oral i{background:linear-gradient(90deg,currentColor 50%,transparent 50%)}
.st.est{color:var(--st-est)}.st.est i{border-style:dashed}
.st.unv{color:var(--st-unv)}.st.unv i{background:transparent}
.st.res{color:var(--st-res)}.st.res i{border-radius:1px;transform:rotate(45deg);width:8px;height:8px}
.legend{display:flex;flex-wrap:wrap;gap:10px}

/* Rist og spjöld */
.grid{display:grid;gap:clamp(16px,2.4vw,28px)}
.g2{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}
.g3{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}
.g4{grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr))}
.card{background:var(--leaf);border:1px solid var(--rule);padding:20px;display:grid;gap:12px;align-content:start;min-width:0}
.card h3{font-size:1.35rem}
.item{display:grid;gap:10px;align-content:start;min-width:0}
.item h3{font-size:1.15rem}
.item .meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.cat{font-family:var(--f-mono);font-size:.72rem;color:var(--muted)}
.cols3{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:clamp(20px,3vw,40px)}
.cols3 h3{font-size:1.5rem;margin-bottom:8px}
.num{font-family:var(--f-mono);font-size:.74rem;color:var(--accent)}

/* Staðreyndatafla */
.facts{display:grid;grid-template-columns:minmax(0,1fr);border-top:1px solid var(--ink)}
.facts>div{display:grid;grid-template-columns:minmax(100px,160px) minmax(0,1fr);gap:6px 16px;padding:12px 0;border-bottom:1px solid var(--rule);align-items:baseline}
.facts dt{font-size:.82rem;color:var(--muted)}
.facts dd{margin:0;font-family:var(--f-display);font-size:1.12rem;min-width:0}
.facts dd.missing{color:var(--muted);font-style:italic}
.facts>div>span{grid-column:2}
@media (max-width:560px){.facts>div{grid-template-columns:1fr}.facts>div>span{grid-column:1}}

/* Borði: nú er tíminn */
.band{background:var(--ink);color:var(--paper);padding-block:clamp(48px,7vw,88px)}
.band .eyebrow{color:color-mix(in srgb,var(--paper) 65%,var(--ink))}
.band h2{font-size:clamp(2rem,4.4vw,3.4rem);font-weight:300}
.band .btn{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.band .btn:hover{background:var(--accent-soft)}
.band ol{margin:0;padding-left:1.2em;display:grid;gap:8px;font-family:var(--f-display);font-size:1.12rem}
.band-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,64px)}
@media (max-width:800px){.band-grid{grid-template-columns:1fr}}

/* Kort */
.mapbox{background:var(--leaf);border:1px solid var(--rule);overflow-x:auto;max-width:100%}
#desMap,#desPick{min-width:0;max-width:100%}
.mapbox svg{display:block;min-width:640px;width:100%;height:auto}
.lot{cursor:pointer}
.lot rect{fill:var(--paper);stroke:var(--rule);stroke-width:1}
.lot.known rect{fill:var(--accent-soft);stroke:var(--accent);stroke-width:1.5}
.lot:hover rect,.lot:focus rect{stroke:var(--ink);stroke-width:1.5}
.lot text{font-family:var(--f-mono);font-size:10px;fill:var(--muted)}
.lot.known text{fill:var(--accent);font-weight:500}

/* Hús-undirsíða */
.housegrid{display:grid;grid-template-columns:minmax(0,210px) minmax(0,1fr);gap:clamp(20px,4vw,56px);align-items:start}
.toc{position:sticky;top:calc(env(safe-area-inset-top,0px) + 76px);display:grid;gap:2px;font-size:.85rem;padding-block:24px}
.toc button{all:unset;cursor:pointer;display:grid;grid-template-columns:26px 1fr;padding:5px 0;color:var(--muted)}
.toc button:hover,.toc button.on{color:var(--ink)}
.toc button.on span:first-child{color:var(--accent)}
.toc button:focus-visible{outline:2px solid var(--accent)}
.toc .mono{font-size:.72rem;padding-top:2px}
@media (max-width:900px){.housegrid{grid-template-columns:1fr}.toc{position:static;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));border-bottom:1px solid var(--rule)}}
.hsec{padding-block:clamp(40px,6vw,72px);border-top:1px solid var(--rule);scroll-margin-top:80px}
.hsec>header{display:grid;gap:8px;margin-bottom:26px}
.hsec h2{font-size:clamp(1.7rem,3.2vw,2.4rem)}
.q{border-left:2px solid var(--rule);padding-left:14px;color:var(--muted);font-size:.93rem}
.q b{color:var(--ink);font-weight:500}

/* Framkvæmdir */
details.zone{background:var(--leaf);border:1px solid var(--rule)}
details.zone+details.zone{margin-top:-1px}
details.zone summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;padding:18px 20px}
details.zone summary::-webkit-details-marker{display:none}
details.zone summary h3{font-size:1.3rem}
details.zone summary .plus{font-family:var(--f-mono);color:var(--muted);transition:transform .2s}
details.zone[open] summary .plus{transform:rotate(45deg)}
.zonebody{padding:0 20px 24px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}
@media (max-width:760px){.zonebody{grid-template-columns:1fr}}
.zfields{display:grid;gap:0;border-top:1px solid var(--rule)}
.zfields>div{display:grid;grid-template-columns:minmax(0,130px) minmax(0,1fr);gap:12px;padding:10px 0;border-bottom:1px solid var(--rule);font-size:.92rem}
.zfields dt{color:var(--muted);font-size:.8rem}
.zfields dd{margin:0}
.zfields dd.p{color:var(--muted);font-style:italic}
.tri{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.tri>div{border-top:3px solid var(--rule);padding-top:8px;font-size:.88rem}
.tri>div:nth-child(1){border-color:var(--st-ok)}.tri>div:nth-child(2){border-color:var(--st-oral)}.tri>div:nth-child(3){border-color:var(--st-est)}
.tri b{display:block;font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;margin-bottom:4px}
@media (max-width:520px){.tri{grid-template-columns:1fr}}

/* Fyrir/eftir */
.ba{position:relative;aspect-ratio:16/9;max-width:100%;overflow:hidden;border:1px solid var(--rule);background:var(--leaf);user-select:none}
.ba>div{position:absolute;inset:0;display:flex;align-items:flex-end;padding:18px}
.ba .before{background:repeating-linear-gradient(135deg,var(--hatch) 0 1px,transparent 1px 9px),var(--leaf);filter:sepia(.2)}
.ba .after{background:repeating-linear-gradient(45deg,var(--accent-soft) 0 1px,transparent 1px 12px),var(--leaf);clip-path:inset(0 0 0 50%)}
.ba .after{justify-content:flex-end}
.ba .lbl{font-family:var(--f-mono);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;background:var(--leaf);border:1px solid var(--rule);padding:4px 8px}
.ba .line{position:absolute;top:0;bottom:0;width:2px;background:var(--ink);left:50%;padding:0;pointer-events:none}
.ba input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}
.ba svg{position:absolute;inset:8% 20%;width:60%;height:84%;opacity:.9}

/* Tímalína */
.tl{position:relative;display:grid;gap:0}
.tl-row{display:grid;grid-template-columns:minmax(64px,110px) 20px minmax(0,1fr);gap:16px;padding-block:14px}
.tl-year{font-family:var(--f-display);font-size:1.6rem;text-align:right;line-height:1.1;font-variant-numeric:tabular-nums}
.tl-year.unk{font-family:var(--f-mono);font-size:.85rem;color:var(--muted);padding-top:6px}
.tl-dot{position:relative}
.tl-dot::before{content:"";position:absolute;left:9px;top:-14px;bottom:-14px;width:1px;background:var(--rule)}
.tl-dot::after{content:"";position:absolute;left:4px;top:10px;width:11px;height:11px;border-radius:50%;background:var(--paper);border:2px solid var(--ink)}
.tl-row[data-lane="hus"] .tl-dot::after{border-color:var(--accent);background:var(--accent)}
.tl-row[data-lane="framk"] .tl-dot::after{border-color:var(--ochre);border-radius:2px}
.tl-body{display:grid;gap:6px;min-width:0}
.tl-body h3{font-size:1.2rem}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{font:inherit;font-size:.85rem;padding:6px 12px;border:1px solid var(--rule);background:var(--leaf);color:var(--ink);border-radius:99px;cursor:pointer}
.chip[aria-pressed="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}

/* Form */
.formwrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,340px);gap:clamp(24px,4vw,56px);align-items:start}
@media (max-width:900px){.formwrap{grid-template-columns:1fr}}
form.sub{background:var(--leaf);border:1px solid var(--rule);padding:clamp(18px,3vw,36px);display:grid;gap:22px}
fieldset{border:0;padding:0;margin:0;display:grid;gap:14px;min-width:0}
legend{font-family:var(--f-display);font-size:1.35rem;padding:0;margin-bottom:6px}
.field{display:grid;gap:6px;min-width:0}
.field label,.lbl2{font-size:.86rem;font-weight:500}
.field small{color:var(--muted);font-size:.8rem}
input[type=text],input[type=email],select,textarea{font:inherit;font-size:.96rem;padding:10px 12px;border:1px solid var(--rule);background:var(--paper);color:var(--ink);border-radius:2px;width:100%;min-width:0}
textarea{min-height:120px;resize:vertical}
.row2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:14px}
.radios{display:grid;gap:8px}
.radios label{display:flex;gap:10px;align-items:flex-start;font-weight:400;font-size:.93rem;cursor:pointer}
.radios input{margin-top:5px;accent-color:var(--accent)}
.drop{border:1.5px dashed var(--rule);padding:22px;text-align:center;display:grid;gap:6px;background:var(--paper);cursor:pointer}
.drop.over{border-color:var(--accent);background:var(--accent-soft)}
.files{display:grid;gap:4px;text-align:left;font-family:var(--f-mono);font-size:.76rem}
.notice{border:1px solid var(--st-res);color:var(--ink);padding:14px 16px;font-size:.9rem;display:grid;gap:6px;background:var(--leaf)}
.notice b{color:var(--st-res)}
.receipt{border:1px solid var(--accent);background:var(--accent-soft);padding:20px;display:grid;gap:10px}
.check{display:grid;gap:8px}
.check label{display:flex;gap:10px;align-items:flex-start;cursor:pointer;font-size:.95rem}
.check input{margin-top:5px;accent-color:var(--accent)}
.check label.done span{color:var(--muted);text-decoration:line-through}

/* Tenglar á fyrirmyndir */
.ref{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:clamp(16px,3vw,40px);padding-block:28px;border-top:1px solid var(--rule)}
.ref h3{font-size:1.7rem}
.ref ul{margin:0;padding-left:1.1em;display:grid;gap:6px}
@media (max-width:760px){.ref{grid-template-columns:1fr}}

/* Pinterest */
.pin{background:var(--leaf);border:1px solid var(--rule);display:grid;grid-template-rows:auto 1fr auto;min-width:0}
.pin .sw{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:3px;aspect-ratio:4/3;padding:3px}
.pin .sw span{background:repeating-linear-gradient(135deg,var(--hatch) 0 1px,transparent 1px 8px)}
.pin .sw span:first-child{grid-row:1/3}
.pin .pb{padding:14px 16px;display:grid;gap:8px}
.pin .pf{padding:0 16px 16px;display:flex;gap:6px}
.pin input{font-size:.82rem;padding:7px 9px}
.pin .pf button{font:inherit;font-size:.82rem;padding:6px 10px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);cursor:pointer;border-radius:2px}

/* Street Memories */
.phases{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));border-top:1px solid var(--ink)}
.phases>div{padding:18px 18px 18px 0;border-right:1px solid var(--rule);display:grid;gap:6px;align-content:start}
.phases>div:last-child{border-right:0}
.phases h3{font-size:1.25rem}
.phases .on{color:var(--accent)}
.model{overflow-x:auto;background:var(--leaf);border:1px solid var(--rule);padding:16px}
.model svg{min-width:620px;width:100%;height:auto;display:block}
.model text{font-family:var(--f-body);fill:var(--ink)}

.foot{border-top:1px solid var(--rule);padding-block:40px;font-size:.85rem;color:var(--muted)}
.foot .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.proto{font-family:var(--f-mono);font-size:.7rem;letter-spacing:.06em;background:var(--ochre);color:var(--paper);padding:2px 7px;border-radius:2px}
table.tbl{width:100%;border-collapse:collapse;font-size:.9rem;min-width:620px}
.tbl th{text-align:left;font-weight:500;font-size:.78rem;color:var(--muted);border-bottom:1px solid var(--ink);padding:8px 10px 8px 0}
.tbl td{border-bottom:1px solid var(--rule);padding:12px 10px 12px 0;vertical-align:top}
.bar{height:6px;background:var(--hatch);width:100px;position:relative}
.bar i{position:absolute;inset:0 auto 0 0;background:var(--accent)}
.scrollx{overflow-x:auto}
@media (prefers-reduced-motion:no-preference){main>*{animation:rise .5s ease both}@keyframes rise{from{transform:translateY(6px)}to{transform:none}}}
.langsel select{font:inherit;font-family:var(--f-mono);font-size:.78rem;padding:5px 6px;border:1px solid var(--rule);background:var(--paper);color:var(--ink);border-radius:3px;width:auto;cursor:pointer}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media (max-width:1240px){.langsel{margin-left:auto}.langsel+.navbtn{margin-left:8px}.top .wrap{gap:10px}}
@media (max-width:480px){.brand span{display:none}}
@media (min-width:1241px){.langsel{order:3;margin-left:10px}}

.st.lik{color:var(--st-est)}.st.lik i{background:linear-gradient(90deg,currentColor 50%,transparent 50%);border-style:dashed}
.hs-f{fill:var(--leaf)}.hs-p{fill:var(--paper)}.hs-s{stroke:currentColor;fill:none}.hs-t{fill:currentColor;font-family:var(--f-mono);font-size:10px}
.sample{font-family:var(--f-mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ochre);border:1px dashed var(--ochre);padding:1px 6px;border-radius:2px}
.person{background:var(--leaf);border:1px solid var(--rule);display:grid;grid-template-columns:72px minmax(0,1fr);gap:16px;padding:16px;align-content:start;min-width:0}
.person .face{aspect-ratio:3/4;background:repeating-linear-gradient(135deg,var(--hatch) 0 1px,transparent 1px 7px),var(--paper);border:1px solid var(--rule);display:grid;place-items:center;font-family:var(--f-display);font-size:1.6rem;color:var(--muted)}
.person h3{font-size:1.15rem}
.kv{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 10px;font-size:.82rem}
.kv dt{color:var(--muted)}.kv dd{margin:0;min-width:0}
.filters{display:grid;gap:12px;padding:16px;background:var(--leaf);border:1px solid var(--rule);margin-bottom:24px}
.filters .row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.filters select{width:auto}
.empty{border:1.5px dashed var(--rule);padding:28px;display:grid;gap:10px;justify-items:start;background:var(--leaf)}
.empty h3{font-size:1.3rem}
.tabs{display:flex;gap:0;border-bottom:1px solid var(--rule);flex-wrap:wrap}
.tabs button{font:inherit;background:none;border:0;border-bottom:2px solid transparent;padding:10px 14px;color:var(--muted);cursor:pointer;margin-bottom:-1px}
.tabs button[aria-selected="true"]{color:var(--ink);border-color:var(--accent)}
.ask{background:var(--accent-soft);border:1px solid var(--accent);padding:clamp(20px,3vw,32px);display:grid;gap:12px}
.ask h3{font-size:clamp(1.5rem,2.6vw,2rem)}
.srcs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:0;border-top:1px solid var(--rule)}
.srcs>div{padding:14px 16px 14px 0;border-bottom:1px solid var(--rule);display:grid;gap:4px;font-size:.9rem}
.srcs b{font-weight:600}
.lotpanel{margin-top:16px}
.split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}@media (max-width:700px){.split{grid-template-columns:1fr}}
.drwlist{display:grid;gap:28px}
.drw{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px;background:var(--leaf);border:1px solid var(--rule);padding:18px;align-items:start}
@media (max-width:900px){.drw{grid-template-columns:1fr}}
.drwimg{all:unset;cursor:zoom-in;display:block;border:1px solid var(--rule);background:var(--paper)}
.drwimg:focus-visible{outline:2px solid var(--accent)}
.drwimg img{display:block;width:100%;height:auto}
.drwbody{display:grid;gap:14px;min-width:0;align-content:start}
.drw h3{font-size:1.4rem}.drw .yr{font-variant-numeric:tabular-nums;color:var(--accent)}
.drw .zfields dd{display:grid;gap:6px}
.notes{margin:6px 0 0;padding-left:1.1em;display:grid;gap:4px;font-size:.9rem}
.sig{display:grid;gap:4px;max-width:340px}
.sigbtn{all:unset;cursor:zoom-in;display:block;border:1px dashed var(--st-est);padding:4px;background:#fff}
.sigbtn img{display:block;width:100%;height:auto;mix-blend-mode:multiply}
.sig figcaption{padding:0;font-size:.74rem;color:var(--st-est);font-family:var(--f-mono)}
.rule{border-left:3px solid var(--accent);padding:10px 14px;background:var(--accent-soft);display:grid;gap:4px;font-size:.92rem;max-width:72ch}
.bday{grid-template-columns:auto minmax(0,1fr);column-gap:20px}
.bday .age{grid-row:1/5;font-family:var(--f-display);font-size:4.4rem;font-weight:300;line-height:.9;color:var(--accent)}
.bday .age small{font-size:1rem;color:var(--muted)}
.thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px}
.thumbs img{aspect-ratio:1;object-fit:cover}
.zgroup{font-size:1.5rem;margin:28px 0 12px}
.visgrid{columns:3 260px;column-gap:18px}
.visgrid figure{break-inside:avoid;margin-bottom:18px}
.navcta{color:var(--paper)!important;background:var(--ink);border-radius:3px!important;margin-left:6px}
.navcta:hover{background:var(--accent)!important}
.hero2{align-items:center}
.claim{font-size:clamp(2.4rem,5.4vw,4.4rem)!important;font-weight:300;letter-spacing:-.02em;line-height:1.04}
.first{display:grid;gap:4px;border-left:3px solid var(--accent);padding-left:14px}
.first a{font-family:var(--f-display);font-size:1.5rem;text-decoration:none}
.first a:hover{color:var(--accent)}
.walkfeat{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;text-decoration:none;padding:clamp(22px,4vw,40px);margin-bottom:26px;border:1.5px solid var(--act);border-radius:10px;background:var(--accent-soft)}.walkfeat h2{font-size:clamp(2.2rem,5vw,3.6rem);margin:6px 0 10px}.walkfeat p{max-width:58ch;margin:0}.walkfeat:hover h2{color:var(--accent)}@media (max-width:640px){.walkfeat{grid-template-columns:1fr}}
.layers{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));border-top:1px solid var(--ink)}
.layers a{text-decoration:none;padding:22px 22px 22px 0;display:grid;gap:10px;align-content:start;border-right:1px solid var(--rule)}
.layers a:last-child{border-right:0}
.layers a:hover h3{color:var(--accent)}
.layers h3{font-size:clamp(1.8rem,3vw,2.4rem)}
@media (max-width:800px){.layers a{border-right:0;border-bottom:1px solid var(--rule)}}
.case{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(20px,4vw,48px);align-items:start}
@media (max-width:860px){.case{grid-template-columns:1fr}}
.casepics{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.casepics img{aspect-ratio:4/3;object-fit:cover}
.caselist{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}
.caseitem{all:unset;box-sizing:border-box;cursor:pointer;width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;padding:11px 0;border-bottom:1px solid var(--rule)}
.caseitem .muted{grid-column:1;font-size:.86rem}.caseitem .st{grid-row:1/3;grid-column:2;align-self:center}
.caseitem:hover b{color:var(--accent)}.caseitem:focus-visible{outline:2px solid var(--accent)}
.tlstrip{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));margin-top:28px;border-top:2px solid var(--ink)}
.tlstrip div{padding:10px 10px 0 0;display:grid;gap:2px;font-size:.85rem;color:var(--muted)}
.tlstrip b{font-family:var(--f-display);font-weight:400;font-size:1.5rem;color:var(--ink);font-variant-numeric:tabular-nums}
.steps{list-style:none;margin:0;padding:0;display:grid;gap:0}
.steps li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:2px 12px;padding:12px 0;border-bottom:1px solid color-mix(in srgb,currentColor 25%,transparent)}
.steps .num{grid-row:1/3;font-family:var(--f-display);font-size:1.6rem;color:inherit;opacity:.7}
.steps b{font-weight:500}
.band .steps .muted{color:inherit;opacity:.75}
.trust{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:0;border-top:1px solid var(--ink)}
.trust>div{padding:16px 18px 16px 0;display:grid;gap:8px;align-content:start;font-size:.92rem;border-bottom:1px solid var(--rule)}
.trust b{font-family:var(--f-display);font-weight:400;font-size:1.25rem}
.vision{display:grid;gap:14px;max-width:60ch}
.vision h2{font-size:clamp(2rem,4vw,3rem);font-weight:300}
.thennow{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.thennow img{aspect-ratio:4/3;object-fit:cover}
@media (max-width:600px){.thennow{grid-template-columns:1fr}}
.designers{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));border-top:1px solid var(--ink)}
.designers>div{padding:10px 12px 10px 0;border-bottom:1px solid var(--rule);display:grid;gap:2px}
.designers b{font-family:var(--f-display);font-weight:400;font-size:1.15rem}
.dbtn{all:unset;box-sizing:border-box;cursor:pointer;padding:10px 12px 10px 0;border-bottom:1px solid var(--rule);display:grid;gap:2px}
.dbtn b{font-family:var(--f-display);font-weight:400;font-size:1.15rem}
.dbtn:hover b{color:var(--accent)}.dbtn:focus-visible{outline:2px solid var(--accent)}
.dbtn[aria-pressed="true"]{box-shadow:inset 3px 0 0 var(--accent);padding-left:12px}.dbtn[aria-pressed="true"] b{color:var(--accent)}
.lot.hl rect{fill:var(--accent);stroke:var(--accent)}.lot.hl text{fill:var(--paper);font-weight:600}
.lot.dim{opacity:.35}
.lb{position:fixed;inset:0;z-index:50;background:color-mix(in srgb,var(--ink) 88%,transparent);display:grid;place-items:center;padding:calc(env(safe-area-inset-top,0px) + 16px) 16px calc(env(safe-area-inset-bottom,0px) + 16px)}
.lb img{max-width:100%;max-height:100%;object-fit:contain;background:#fff;cursor:zoom-out}
.lb button{position:absolute;top:calc(env(safe-area-inset-top,0px) + 12px);right:16px;font:inherit;background:var(--paper);color:var(--ink);border:0;padding:8px 14px;cursor:pointer}

.st.shr{color:var(--st-oral)}.st.shr i{background:radial-gradient(circle,currentColor 35%,transparent 40%)}
.gantt{overflow-x:auto;background:var(--leaf);border:1px solid var(--rule);padding:12px}
.gantt svg{display:block;min-width:620px;width:100%;height:auto}
.gantt text{font-family:var(--f-mono);font-size:10px;fill:var(--muted)}
.gantt .lbl{fill:var(--ink);font-family:var(--f-body);font-size:11px}
.subnav{display:flex;gap:6px;flex-wrap:wrap;margin-top:18px}
.subnav a{font-size:.85rem;text-decoration:none;border:1px solid var(--rule);padding:6px 12px;border-radius:99px;background:var(--leaf)}
.subnav a:hover{border-color:var(--ink)}
/* ===== Endurhönnun 2026-10 ===== */
:root{--act:var(--accent);--act-ink:#fff}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--act-ink:#0f1a18}}
:root[data-theme="dark"]{--act-ink:#0f1a18}
.btn{background:var(--act);border-color:var(--act);color:var(--act-ink);border-radius:999px;padding:12px 22px}
.btn:hover{background:color-mix(in srgb,var(--act) 85%,var(--ink));border-color:color-mix(in srgb,var(--act) 85%,var(--ink))}
.btn.ghost{background:transparent;color:var(--act);border:1.5px solid var(--act)}
.btn.ghost:hover{background:var(--accent-soft)}
.navcta{background:var(--act)!important;color:var(--act-ink)!important;border-radius:999px!important;padding:6px 14px!important}
.st.hyp{color:var(--st-unv)}.st.hyp i{border-style:dotted;background:transparent}
.st.now{color:var(--ink)}.st.now i{background:var(--ink);border-radius:2px}
.st.plan{color:var(--ochre)}.st.plan i{background:linear-gradient(currentColor,currentColor) center/100% 2px no-repeat}
.st.vis{color:var(--accent)}.st.vis i{border-style:dashed;background:var(--accent-soft)}
.crumbs{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;padding-top:18px;font-size:.84rem;color:var(--muted)}
.crumbs a{color:var(--muted);text-decoration:none}.crumbs a:hover{color:var(--accent);text-decoration:underline}
.crumbs b{font-weight:500;color:var(--ink)}
.phead{display:grid;gap:14px;padding-top:4px;max-width:70ch}
.phead h1{font-size:clamp(2.4rem,6vw,4.6rem);font-weight:300;letter-spacing:-.02em;line-height:1}
/* forsíða */
.hero3{padding-block:clamp(28px,5vw,64px) clamp(36px,5vw,72px)}
.hero3g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(24px,4vw,56px);align-items:center}
.hero3t{display:grid;gap:20px}
@media (max-width:900px){.hero3g{grid-template-columns:1fr}}
.geofig{position:relative;margin:0;border-radius:6px;overflow:hidden;background:var(--hatch)}
.geofig img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.geofig figcaption{position:absolute;right:8px;bottom:6px;padding:2px 6px;background:color-mix(in srgb,#000 45%,transparent);color:#fff;font-size:.68rem;border-radius:3px}
.geopath{position:absolute;left:12px;right:12px;top:12px;display:flex;flex-wrap:wrap;gap:6px;align-items:center;color:#fff}
.geopath a{display:grid;background:color-mix(in srgb,var(--leaf) 92%,transparent);color:var(--ink);text-decoration:none;padding:6px 10px;border-radius:6px;font-family:var(--f-display);font-size:1.02rem;line-height:1.15;box-shadow:0 1px 4px rgba(0,0,0,.18)}
.geopath a:last-of-type{background:var(--act);color:var(--act-ink)}
.geopath small{font-family:var(--f-mono);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;opacity:.75}
.geopath span{font-size:1.1rem;text-shadow:0 1px 3px rgba(0,0,0,.5)}
.search{position:relative;max-width:560px}
.search input{width:100%;font:inherit;font-size:1.02rem;padding:14px 18px 14px 44px;border:1.5px solid var(--rule);border-radius:999px;background:var(--leaf) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%235B6569' stroke-width='2'%3E%3Ccircle cx='8' cy='8' r='6'/%3E%3Cpath d='M13 13l4 4'/%3E%3C/svg%3E") 16px 50% no-repeat;color:var(--ink)}
.search input:focus{outline:none;border-color:var(--act)}
.sres{position:absolute;left:0;right:0;top:calc(100% + 6px);background:var(--leaf);border:1px solid var(--rule);border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,.12);z-index:15;overflow:hidden}
.sres:empty{display:none}
.sres a{display:flex;justify-content:space-between;gap:12px;padding:10px 16px;text-decoration:none;border-bottom:1px solid var(--rule)}
.sres a:hover,.sres a:focus{background:var(--accent-soft)}
.sres a>span{min-width:0;display:block}.sres .snip{display:block;font-style:normal;font-size:.8rem;color:var(--muted);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sres .smore,.sres .snone{padding:10px 16px;font-size:.85rem;color:var(--muted)}.sres .sugg{margin-top:6px;display:flex;gap:10px;flex-wrap:wrap;align-items:baseline}.sres .snone b{color:var(--ink)}
.sres small{font-family:var(--f-mono);font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.snone{padding:12px 16px;font-size:.92rem}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:0;border-top:1px solid var(--ink);margin-bottom:22px}
.stats>div{padding:14px 14px 14px 0;display:grid;gap:2px}
.stats b{font-family:var(--f-display);font-weight:300;font-size:clamp(2rem,4vw,2.8rem);line-height:1;color:var(--accent)}
.stats span{font-size:.86rem;color:var(--muted)}
.livemap .lot.known{cursor:pointer}
.stories{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:22px}
.story{display:grid;gap:8px;text-decoration:none;align-content:start}
.story img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:4px;border:1px solid var(--rule);background:#fff}
.story h3{font-size:1.35rem}.story p{font-size:.93rem;color:var(--muted)}
.story:hover h3{color:var(--accent)}
.ladder{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:10px}
.ladder>div{border:1px solid var(--rule);border-radius:8px;padding:12px 14px;display:grid;gap:2px;background:var(--leaf)}
.ladder>div:nth-child(4),.ladder>div:nth-child(5){border-color:var(--act);background:var(--accent-soft)}
.ladder small{font-family:var(--f-mono);font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.ladder b{font-family:var(--f-display);font-weight:400;font-size:1.2rem}.ladder span{font-size:.82rem;color:var(--muted)}
/* bil og þátttaka */
.gap{border:1.5px dashed color-mix(in srgb,var(--act) 55%,var(--rule));border-radius:10px;padding:clamp(18px,3vw,26px);display:grid;gap:10px;justify-items:start;background:color-mix(in srgb,var(--accent-soft) 45%,var(--leaf));margin-top:18px}
.gap h3{font-size:1.4rem}.gap p{max-width:60ch;color:var(--muted)}
.ph.invite{text-decoration:none;color:inherit}
.ph.invite .inv{position:absolute;right:12px;top:12px;font-size:.74rem;color:var(--accent);background:var(--leaf);padding:3px 8px;border-radius:99px;border:1px solid var(--act)}
.choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:12px}
.choice{display:grid;gap:6px;padding:18px;border:1.5px solid var(--rule);border-radius:10px;text-decoration:none;background:var(--leaf)}
.choice:hover{border-color:var(--act)}.choice b{font-family:var(--f-display);font-weight:400;font-size:1.25rem;color:var(--accent)}.choice span{font-size:.88rem;color:var(--muted)}
/* kanna */
.gg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.gg-f{display:grid;gap:6px}.gg select{width:100%;font:inherit;padding:11px 12px;border:1px solid var(--rule);border-radius:8px;background:var(--leaf);color:var(--ink)}.gg select:disabled{opacity:.5}.gg-out{margin-top:18px;max-width:640px}@media (max-width:900px){.gg{grid-template-columns:1fr 1fr}}@media (max-width:520px){.gg{grid-template-columns:1fr}}
.gtree{display:grid;gap:10px}.gt-n{border:1px solid var(--rule);border-radius:10px;background:var(--leaf)}.gt-n>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;padding:14px 16px}.gt-n>summary::-webkit-details-marker{display:none}.gt-n>summary::before{content:"›";font-size:1.3rem;line-height:1;color:var(--accent);transition:transform .15s;margin-right:4px}.gt-n[open]>summary::before{transform:rotate(90deg)}.gt-n>summary b{font-family:var(--f-display);font-weight:400;font-size:1.3rem;flex:1}.gt-d0>summary b{font-size:1.6rem}.gt-n>summary small{font-size:.8rem;color:var(--muted)}.gt-n[open]>summary{border-bottom:1px solid var(--rule)}.gt-c{display:grid;gap:10px;padding:12px 12px 14px 22px}.gt-d3,.gt-c .gt-c{padding-left:14px}.gt-leaf{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;padding:11px 14px;border:1px solid var(--rule);border-radius:8px;text-decoration:none;background:#fff}.gt-leaf.on{border:1.5px solid var(--act);background:var(--accent-soft)}.gt-leaf b{font-family:var(--f-display);font-weight:400;font-size:1.1rem}.gt-leaf small{font-size:.78rem;color:var(--muted);flex:1}.gt-leaf span{font-size:.82rem;color:var(--accent)}.gt-leaf.off{opacity:.85}.gt-add{padding:10px 14px;border:1px dashed var(--rule);border-radius:8px;text-decoration:none;color:var(--muted)}
.miller{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
@media (max-width:900px){.miller{grid-template-columns:1fr 1fr}}@media (max-width:520px){.miller{grid-template-columns:1fr}}
.mcol{display:grid;gap:8px;align-content:start}
.mitem{display:grid;gap:2px;padding:12px 14px;border:1px solid var(--rule);border-radius:8px;text-decoration:none;background:var(--leaf)}
.mitem.on{border:1.5px solid var(--act);background:var(--accent-soft)}.mitem.on b{color:var(--accent)}
.mitem b{font-family:var(--f-display);font-weight:400;font-size:1.15rem}.mitem small{font-size:.78rem;color:var(--muted)}.mitem span{font-size:.8rem;color:var(--accent)}
.mitem.off{opacity:.8}.mitem.add{border-style:dashed;background:transparent}
.streetcard{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);border:1px solid var(--rule);border-radius:10px;overflow:hidden;text-decoration:none;background:var(--leaf)}
.streetcard img{width:100%;height:100%;min-height:240px;object-fit:cover}.streetcard>div{padding:clamp(18px,3vw,32px);display:grid;gap:12px;align-content:center;justify-items:start}
.streetcard h2{font-size:clamp(2rem,4vw,3rem);font-weight:300}
@media (max-width:760px){.streetcard{grid-template-columns:1fr}}
.ghostcard{border-style:dashed}
/* síðuhaus með mynd */
.phero{position:relative;min-height:clamp(260px,42vw,460px);display:flex;align-items:flex-end;background:linear-gradient(180deg,rgba(10,20,20,.05) 30%,rgba(10,20,20,.72)),var(--img) center/cover no-repeat,var(--hatch);color:#fff;margin-top:10px}
.phero .wrap{width:100%;padding-block:28px;display:grid;gap:6px}
.phero h1{font-size:clamp(3rem,9vw,6.4rem);font-weight:300;letter-spacing:-.03em;line-height:.95;color:#fff}
.phero p{font-family:var(--f-display);font-style:italic;font-size:clamp(1.2rem,2.4vw,1.6rem);opacity:.95}
.phero .eyebrow{color:rgba(255,255,255,.85)}
.phero.house{background:linear-gradient(180deg,rgba(10,20,20,0) 35%,rgba(10,20,20,.75)),var(--img) center/cover no-repeat,#f2efe6}
.pcredit{position:absolute;right:10px;bottom:6px;font-size:.66rem;opacity:.8}
.agebadge{justify-self:start;margin-top:6px;background:var(--act);color:var(--act-ink);font-family:var(--f-mono);font-size:.78rem;padding:4px 10px;border-radius:99px}
.intro2{display:grid;gap:22px}.intro2 .lede{max-width:64ch}
.featured{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border:1.5px solid var(--act);border-radius:10px;overflow:hidden;text-decoration:none;background:var(--leaf);margin-bottom:18px}
.featured img{width:100%;height:100%;min-height:220px;object-fit:cover}.featured>div{padding:22px;display:grid;gap:8px;align-content:center}
.featured h3{font-size:2rem;font-weight:300}
@media (max-width:700px){.featured{grid-template-columns:1fr}}
#s-ganga-top .featured{grid-template-columns:1fr;background:var(--leaf)}
.hcar{margin-bottom:18px}.hcar .featured{margin-bottom:8px}
.hcar .featured img{transition:opacity .18s}.hcar .featured img.fade{opacity:0}
.hcar .featured>div .link{justify-self:start}
.hcarbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.hbtn{all:unset;box-sizing:border-box;cursor:pointer;width:38px;height:38px;border:1px solid var(--rule);border-radius:50%;display:grid;place-items:center;font-size:1.4rem;line-height:1;background:#fff}
.hbtn:hover{border-color:var(--act)}.hbtn:focus-visible{outline:2px solid var(--act);outline-offset:2px}
.hother{margin-left:auto;white-space:nowrap;display:flex;align-items:center;gap:10px;font-size:.92rem;color:var(--muted)}
.hother select{font:inherit;padding:8px 12px;border:1px solid var(--rule);border-radius:8px;background:#fff;color:var(--ink)}
@media(max-width:560px){.hother{margin-left:0;width:100%;justify-content:space-between}}

.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,138px),1fr));gap:10px}
.tile{position:relative;display:grid;text-decoration:none;border:1px solid var(--rule);border-radius:8px;overflow:hidden;background:#fff}
.tile img,.tileph{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;background:var(--hatch)}
.tile .tno{position:absolute;left:8px;top:8px;background:var(--leaf);color:var(--ink);font-family:var(--f-display);font-size:1.15rem;padding:0 8px;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.15)}
.tile .tmeta{font-size:.72rem;color:var(--muted);padding:6px 8px;background:var(--leaf);line-height:1.3}
.tile:hover{border-color:var(--act)}
.hbrow{margin-top:30px}
.htabs{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--ink)}
.htabs button{all:unset;box-sizing:border-box;cursor:pointer;padding:11px 18px;font-size:.95rem;color:var(--muted);border:1px solid transparent;border-bottom:0;border-radius:8px 8px 0 0;display:flex;gap:8px;align-items:baseline}
.htabs button:hover{color:var(--ink)}
.htabs button:focus-visible{outline:2px solid var(--act);outline-offset:2px}
.htabs button[aria-selected="true"]{background:#fff;color:var(--ink);border-color:var(--ink);margin-bottom:-1px;padding-bottom:12px}
.htabs .n{font-family:var(--f-mono,monospace);font-size:.76rem;background:var(--leaf);border-radius:10px;padding:1px 8px;color:var(--muted)}
.hexp{margin-top:22px}.hexp[hidden]{display:none}
.hpanel{background:#fff;border:1px solid var(--ink);border-top:0;border-radius:0 0 10px 10px;padding:20px}
.hpanel[hidden]{display:none}
.hnote{margin:0 0 14px;font-size:.9rem}
.hsix{grid-template-columns:repeat(auto-fill,minmax(min(100%,160px),1fr))}
.hfind{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:16px}
.hfind input{flex:1 1 260px;font:inherit;padding:10px 14px;border:1px solid var(--rule);border-radius:8px;background:var(--leaf)}
.hfind input:focus{outline:2px solid var(--act);border-color:var(--act)}
#hall{max-height:560px;overflow:auto;padding:2px;scrollbar-gutter:stable}
#hall .tile[hidden]{display:none}
.hdes{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:0 24px;border-top:1px solid var(--ink)}
.hdes>div{padding:12px 0;border-bottom:1px solid var(--rule);display:grid;gap:6px}
.hdes b{font-family:var(--f-display);font-weight:400;font-size:1.15rem}
.hchips{display:flex;flex-wrap:wrap;gap:6px}
.chip{display:inline-block;min-width:34px;text-align:center;padding:3px 10px;border:1px solid var(--rule);border-radius:14px;text-decoration:none;color:var(--ink);font-family:var(--f-display);font-size:1rem;background:var(--leaf)}
.chip:hover{border-color:var(--act);background:#fff}
@media(max-width:640px){.hbrow .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.hpanel{padding:14px}.htabs button{padding:10px 12px;font-size:.88rem}#hall{max-height:480px}}

.htl{list-style:none;margin:0;padding:0;border-left:2px solid var(--accent);display:grid;gap:0}
.htl li{display:grid;grid-template-columns:70px minmax(0,1fr) auto;gap:12px;align-items:baseline;padding:10px 0 10px 16px;position:relative;border-bottom:1px solid var(--rule)}
.htl li::before{content:"";position:absolute;left:-7px;top:16px;width:12px;height:12px;border-radius:50%;background:var(--paper);border:2px solid var(--accent)}
.htl b{font-family:var(--f-display);font-weight:400;font-size:1.3rem}
.htl2 li{grid-template-columns:minmax(0,1fr) auto}
@media (max-width:560px){.htl2 li{grid-template-columns:minmax(0,1fr)}.htl2 li a{grid-column:1}}
@media (max-width:560px){.htl li{grid-template-columns:56px minmax(0,1fr)}.htl li .st{grid-column:2}}
details.more summary,details.guide summary{cursor:pointer;color:var(--accent);font-weight:500}
details.guide{border:1px solid var(--rule);border-radius:10px;padding:12px 16px;margin:20px 0 6px;background:var(--leaf);display:grid;gap:10px}
/* húsakaflar */
.hgroup{padding-top:clamp(28px,4vw,48px);scroll-margin-top:80px}
.ghead{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:end;border-bottom:2px solid var(--ink);padding-bottom:12px;margin-bottom:6px}
.gnum{font-family:var(--f-display);font-size:clamp(2.4rem,5vw,3.6rem);font-weight:300;color:var(--accent);line-height:.9}
.ghead h2{font-size:clamp(1.8rem,3.6vw,2.6rem);font-weight:400}.ghead p{color:var(--muted);font-size:.95rem}
.hgroup .hsec{padding-block:clamp(22px,3vw,36px)}
.hgroup .hsec>header h2{font-size:clamp(1.3rem,2.4vw,1.7rem)}
.hgroup .hsec:first-of-type{border-top:0}
@media (max-width:900px){.toc{position:sticky!important;top:60px;z-index:5;background:var(--paper);display:flex!important;overflow-x:auto;gap:6px;padding:8px 0!important}.toc button{white-space:nowrap;border:1px solid var(--rule);border-radius:99px;padding:6px 12px!important;grid-template-columns:auto auto!important;gap:6px}.toc button.on{border-color:var(--act);color:var(--accent)}}
@media (max-width:560px){.phero{min-height:240px}.geopath a{font-size:.85rem;padding:4px 7px}}

/* spássíuathugasemdir */
.mdemo{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:24px;align-items:start}
@media (max-width:800px){.mdemo{grid-template-columns:1fr}}
.mdoc{background:var(--leaf);border:1px solid var(--rule);padding:24px;border-radius:6px;font-family:var(--f-display);font-size:1.12rem;line-height:1.6}
.mdoc mark{background:#fff1b8;padding:0 2px;border-bottom:2px solid #e2b93b}
.mrail{display:grid;gap:12px;align-content:start}
.mnote{position:relative;background:#fffbea;border:1px solid #ead49a;border-left:4px solid #e2b93b;border-radius:6px;padding:12px 14px;display:grid;gap:8px;font-size:.92rem;color:#2a2a24}
.mnote::before{content:"";position:absolute;left:-18px;top:18px;width:14px;border-top:1.5px dashed #e2b93b}
@media (max-width:800px){.mnote::before{display:none}}
.mnote.com{background:#eef6f1;border-color:#b8d8c6;border-left-color:var(--st-ok)}
.mnote.ok{background:var(--leaf);border-color:var(--rule);border-left-color:var(--st-ok)}
.mnote.disp{background:#fbefed;border-color:#e6c2bd;border-left-color:var(--st-res)}
.mhead{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.mhead small{font-family:var(--f-mono);font-size:.7rem;color:#7a7460}
.mnote p{margin:0}
.mbar{display:flex;gap:5px;align-items:center;font-size:.76rem;color:#6b6655}.mbar i{width:18px;height:6px;border-radius:3px;background:#e7dfc4}.mbar i.on{background:var(--st-ok)}.mbar span{margin-left:6px}
.mbtns{display:flex;flex-wrap:wrap;gap:6px}.mbtns .chip{font-size:.78rem;padding:5px 10px;background:#fff}.mbtns .edbtn{border-style:dashed}
.vflow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:12px;counter-reset:v}
.vflow li{counter-increment:v;border:1px solid var(--rule);border-radius:10px;padding:16px;background:var(--leaf);display:grid;gap:6px}
.vflow li::before{content:counter(v);font-family:var(--f-display);font-size:1.8rem;color:var(--accent);line-height:1}
.vflow b{font-family:var(--f-display);font-weight:400;font-size:1.2rem}.vflow span{font-size:.9rem;color:var(--muted)}

.plaque{width:100%;height:auto;display:block;filter:drop-shadow(0 6px 16px rgba(0,0,0,.18))}
.waves{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:12px}
.wave{border:1px solid var(--rule);border-radius:10px;padding:16px;background:var(--leaf);display:grid;gap:6px;align-content:start}
.wave b{font-family:var(--f-display);font-weight:300;font-size:2.2rem;color:var(--accent);line-height:1}
.wave span{font-size:.86rem;color:var(--muted)}
.wnos{display:flex;flex-wrap:wrap;gap:5px}.wnos a{font-family:var(--f-mono);font-size:.8rem;text-decoration:none;border:1px solid var(--act);color:var(--accent);border-radius:99px;padding:2px 8px}.wnos a:hover{background:var(--accent-soft)}

/* ---- IA v3 ---- */
.routes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:18px;margin-top:8px}
.route{display:grid;gap:10px;align-content:start;text-decoration:none;padding:24px;border:1px solid var(--rule);border-top:3px solid var(--ink);background:var(--leaf);border-radius:4px;min-width:0}
.route:hover{border-top-color:var(--accent)}.route:hover h2{color:var(--accent)}
.route h2{font-size:clamp(1.6rem,2.8vw,2.1rem);font-weight:400;margin:0}
.route p{margin:0;font-size:.95rem;color:var(--muted)}
.route .num{font-family:var(--f-mono,monospace);font-size:.8rem;color:var(--muted)}
.route .link{font-weight:500;color:var(--accent)}
.route:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.story.noimg{border-top:2px solid var(--ink);padding-top:14px}
.acc{display:grid;gap:10px;margin-top:6px}
details.grp{border:1px solid var(--rule);border-radius:6px;background:var(--leaf)}
details.grp>summary{cursor:pointer;display:grid;grid-template-columns:minmax(0,1fr);gap:2px;padding:16px 20px;list-style:none}
details.grp>summary::-webkit-details-marker{display:none}
details.grp>summary::after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:1.5rem;line-height:1}
details.grp>summary{position:relative;padding-right:52px}
details.grp[open]>summary::after{content:"–"}
details.grp>summary b{font-family:var(--f-display);font-weight:400;font-size:clamp(1.3rem,2.4vw,1.7rem)}
details.grp>summary span{color:var(--muted);font-size:.92rem}
details.grp>summary:hover b{color:var(--accent)}
details.grp>summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.grpbody{padding:4px 20px 24px;border-top:1px solid var(--rule)}
.grpbody .subsec{padding-top:26px}
.grpbody .subsec+.subsec{margin-top:18px;border-top:1px solid var(--rule)}
.grpbody .sechead{margin-bottom:10px}
details.hdet{border:1px solid var(--rule);border-radius:6px;padding:0 16px;margin-top:6px}
details.hdet>summary{cursor:pointer;padding:12px 0;list-style:none;color:var(--ink)}
details.hdet>summary::-webkit-details-marker{display:none}
details.hdet>summary h2{display:inline;font-size:clamp(1.2rem,2.2vw,1.5rem);margin:0}
details.hdet>summary::after{content:" +";color:var(--accent);font-weight:600}
details.hdet[open]>summary::after{content:" –"}
details.hdet[open]{padding-bottom:16px}
.contrib{display:flex;flex-wrap:wrap;gap:18px 32px;align-items:center;justify-content:space-between;border:1px solid var(--ink);border-radius:6px;padding:24px 28px;margin:44px 0 12px;background:var(--leaf)}
.contrib h3{margin:4px 0 6px;font-size:clamp(1.4rem,2.6vw,1.9rem);font-weight:400}.contrib p{margin:0;color:var(--muted);max-width:52ch}
.sagafoot{display:grid;gap:18px;border-top:1px solid var(--rule);padding-top:20px}
.sagalist{margin:8px 0 0;padding-left:1.1em;display:grid;gap:6px}
.cardtop{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;align-items:center}
.stchip{display:inline-block;font-size:.78rem;font-weight:600;padding:3px 10px;border-radius:99px;border:1px solid var(--rule);background:var(--paper);color:var(--ink)}
.stchip.wip{border-color:var(--ochre,#B0782D)}
.note{border-left:3px solid var(--rule);padding:6px 14px;color:var(--muted);margin:14px 0;max-width:70ch}.note b{color:var(--ink);display:block;font-weight:600}.note p{margin:4px 0 0}
@media (max-width:600px){.contrib{padding:20px}.grpbody{padding-inline:14px}}
/* MAP-HINT */
.btnpair{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:460px;margin-top:20px}
.btnpair .btn{display:flex;align-items:center;justify-content:center;min-height:52px;width:100%;text-align:center;margin:0}
.mapbox{scrollbar-width:none}.mapbox::-webkit-scrollbar{display:none}
.mapbox.more{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 44px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 44px),transparent)}
.gp-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto;gap:14px;align-items:end}.gp input{width:100%;font:inherit;padding:11px 12px;border:1px solid var(--rule);border-radius:8px;background:var(--leaf);color:var(--ink)}.gp-or{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:14px}#gpNearOut{margin-top:10px}.gp-list{margin-top:18px}.gp-list summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;list-style:none;border:1px solid var(--accent);border-radius:12px;padding:14px 16px;color:var(--accent);font-weight:500;line-height:1.4}.gp-list summary::-webkit-details-marker{display:none}.gp-list summary::after{content:"";flex:none;width:10px;height:10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s}.gp-list[open] summary::after{transform:rotate(-135deg)}.gp-list summary:hover,.gp-list summary:focus-visible{background:var(--accent-soft)}.gp-list .gg{margin-top:10px}.gp-res{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}@media(max-width:760px){.gp-row{grid-template-columns:1fr}.gp-row .btn{width:100%}}
.qsheet{position:fixed;inset:0;z-index:60;background:var(--paper,var(--bg,#fff));display:flex;flex-direction:column;padding:12px 16px calc(12px + env(safe-area-inset-bottom))}.qsheet[hidden]{display:none}.qs-top{display:flex;gap:12px;align-items:flex-start}.qs-top .search{flex:1 1 0;min-width:0;width:auto;max-width:none;position:relative;margin:0}.qs-top{width:100%;box-sizing:border-box}.qsheet .sres a{min-width:0}.qsheet .sres .snip{white-space:normal}.qs-x{font:inherit;background:none;border:0;color:var(--ink);padding:12px 4px;cursor:pointer}.qsheet .sres{position:static;box-shadow:none;border:0;border-radius:0;margin-top:8px;max-height:calc(100dvh - 90px);overflow:auto;background:transparent}body.qs-open{overflow:hidden}
.qs-body{flex:1;overflow:auto;margin-top:18px;-webkit-overflow-scrolling:touch}.qs-body[hidden]{display:none}.qs-h{font-family:var(--serif,inherit);font-size:1.5rem;font-weight:400;margin:0 0 14px}
.search{z-index:25}.sres .sub{margin-left:18px;border-left:2px solid var(--accent,var(--rule));background:color-mix(in srgb,var(--leaf) 90%,var(--accent-soft,transparent))}.sres .sub a{padding-left:14px}
.crew-t{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.crew-b{font:inherit;font-size:.9rem;padding:8px 14px;border:1px solid var(--rule);border-radius:99px;background:none;color:var(--ink);cursor:pointer}.crew-b[aria-selected=true]{background:var(--accent);color:var(--act-ink,#fff);border-color:var(--accent)}.crew-p[hidden]{display:none}.pp{border:1px solid var(--rule);border-radius:10px;margin:0 0 8px;background:var(--leaf)}.pp summary{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;cursor:pointer;list-style:none}.pp summary::-webkit-details-marker{display:none}.pp summary small{color:var(--muted)}.pp ul{margin:0;padding:0 14px 12px 28px;display:grid;gap:6px;border-top:1px solid var(--rule);padding-top:10px}
.htl.htl2 li{grid-template-columns:minmax(0,1fr)}.htl.htl2 li>*{grid-column:1}
.otd h3{margin:8px 0 6px}.otd p{margin:0 0 8px}
/* APP-TABBAR */
@media (max-width:760px){.herobtns{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.herobtns .btn{flex:1 1 auto;justify-content:center;text-align:center}}
.tabbar{display:none}
@media (max-width:760px){
 .navbtn{display:none!important}.top .wrap{min-height:52px}
 body{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px));-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}
 .tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:30;background:color-mix(in srgb,var(--paper) 94%,transparent);backdrop-filter:blur(10px);border-top:1px solid var(--rule);padding:6px 4px calc(6px + env(safe-area-inset-bottom,0px))}
 .tabbar a{display:flex;flex-direction:column;align-items:center;gap:3px;min-height:48px;justify-content:center;text-decoration:none;color:var(--muted);font-size:.7rem;font-weight:600;border-radius:10px}
 .tabbar a svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
 .tabbar a[aria-current="page"]{color:var(--accent)}
 .tabbar a.cta{color:var(--ink)}
 .tabbar a span{white-space:nowrap;font-size:.66rem;letter-spacing:-.01em}
 .tabbar.wrapl a span{white-space:normal;text-align:center;line-height:1.1}
 .tabbar a:active{background:var(--hatch)}
 button,a,select{touch-action:manipulation}
}
.gs-off{display:none!important}.gs-panel-open [data-gs-tab]:not(.gs-panel){display:none!important}
.gs-shell{padding:14px 0 6px}.gs-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.gs-tabs{display:flex;gap:4px;border-bottom:1px solid var(--rule);overflow-x:auto;scrollbar-width:none}.gs-tabs::-webkit-scrollbar{display:none}
.gs-tabs button{flex:1 0 auto;min-height:46px;padding:8px 14px;background:none;border:0;border-bottom:3px solid transparent;font:inherit;font-weight:600;font-size:.95rem;color:var(--muted);cursor:pointer;white-space:nowrap}
.gs-tabs button.on,.gs-tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--accent)}
.gs-fold{border-top:1px solid var(--rule)}.gs-fold>summary{cursor:pointer;list-style:none;padding:18px var(--gut,16px);font-family:var(--f-display);font-size:1.25rem;min-height:48px}.gs-fold>summary::after{content:" +";color:var(--accent)}.gs-fold[open]>summary::after{content:" −"}
.gs-stop>summary{cursor:pointer;color:var(--accent);font-weight:600;min-height:44px;display:flex;align-items:center}.gs-stop[open]{display:grid;gap:8px}
.gs-panel .gs-back{margin:6px 0 12px}
.gs-wipbox{border:1px solid var(--line,#cfd6d3);border-left:4px solid var(--accent,#2f5d54);border-radius:10px;padding:16px 18px;background:var(--leaf);max-width:720px;margin:0 auto}.gs-wipbox p{margin:6px 0 0;font-size:.95rem;line-height:1.55}
.gs-core{margin:14px 0 0;padding-left:14px;border-left:3px solid var(--accent,#2f5d54);font-size:1rem;line-height:1.55;font-weight:500;max-width:34em}
.gs-tt{border:1px solid var(--line,#cfd6d3);border-radius:12px;padding:18px;background:var(--leaf);max-width:720px;margin:18px 0}.gs-tt .btns{display:flex;flex-wrap:wrap;gap:8px}
.gs-sup input[type=text],.gs-sup textarea{font:inherit;padding:9px 10px;border:1px solid var(--line,#cfd6d3);border-radius:8px;background:var(--leaf);width:100%;box-sizing:border-box}

.gs-tabs{background:#eef5f1;border:1px solid #d9e7de;border-radius:14px;padding:4px;gap:6px;border-bottom:1px solid #d9e7de}
.gs-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:8px 14px;border-radius:10px;border-bottom:3px solid transparent;color:#2f3d36;font-weight:600}
.gs-tabs button:hover{background:#e2eee7}
.gs-tabs button.on,.gs-tabs button[aria-selected=true]{color:#164c3d;background:#d3e8dd;border-bottom-color:var(--accent);font-weight:700}
.gs-ti{flex:none;width:14px;height:14px}
.gs-tabs.gs-stack button{flex-direction:column;gap:3px;padding:6px 8px;font-size:.84rem;min-height:54px;flex:1 1 0}
.gs-vbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.gs-vtog{display:inline-flex;gap:4px;background:#eef5f1;border:1px solid #d9e7de;border-radius:999px;padding:3px}
.gs-vtog button{display:inline-flex;align-items:center;gap:7px;border:0;background:none;font:inherit;font-weight:600;font-size:.9rem;color:#2f3d36;padding:7px 14px;border-radius:999px;cursor:pointer;min-height:36px}
.gs-vtog button[aria-selected=true]{background:#d3e8dd;color:#164c3d}
.gs-dot{width:8px;height:8px;border-radius:50%;border:1.5px solid currentColor;display:inline-block}
.gs-vtog button[aria-selected=true] .gs-dot{background:currentColor}
.gs-view .sechead{display:none}.gs-view .sec{padding-top:0;padding-bottom:0}.gs-view .wrap .wrap{padding:0}
.gs-vcap{margin:0 0 8px;font-size:.92rem;color:var(--muted)}
.gs-hint{margin:8px 0 0;font-size:.88rem;color:#2f3d36;font-weight:600}
.gs-leg{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:10px;font-size:.84rem;color:var(--muted)}
.gs-leg span{display:inline-flex;align-items:center;gap:6px}
.gs-sw{display:inline-block;width:14px;height:14px;border-radius:3px;border:1px solid var(--rule);background:var(--paper)}
.gs-sw.on{background:var(--accent-soft);border:1.5px solid var(--accent)}
.gs-sw.dot{border-radius:50%;background:#e1b93b;border-color:#c9a02a;width:10px;height:10px}
.gs-view .mapbox{touch-action:pan-x pan-y}
.gs-wipbox,.gs-tt,.gs-sup input,.gs-sup textarea{color:var(--ink)}
/* UX: læsilegra letur og stærri snertifletir (aldurshópur 60+) */
.eyebrow{font-size:.8125rem;letter-spacing:.1em}
.st,.stchip{font-size:.8125rem}
.kind,figcaption,.geofig figcaption{font-size:.8125rem}
small,.muted small{font-size:.875rem}
dt,th,td.mono,span.mono,p.mono{font-size:.875rem}
.crumbs{font-size:.9375rem}
.crumbs a{display:inline-flex;align-items:center;min-height:44px}
.foot a{display:inline-flex;align-items:center;min-height:44px;font-size:.9375rem}
.brand{display:inline-flex;align-items:center;min-height:44px}
.langsel select{min-height:44px;font-size:1rem;padding:0 10px}
input[type=checkbox],input[type=radio]{width:22px;height:22px;flex-shrink:0}
.field label,.radios label,.gs-sup label{min-height:44px}
.gs-leg2{max-width:var(--maxw);margin:10px auto 0;padding:0 clamp(16px,4vw,40px);font-size:.9375rem}.gs-leg2 summary{cursor:pointer;color:var(--accent);font-weight:500;min-height:44px;display:flex;align-items:center}.gs-leg2 ul{list-style:none;margin:6px 0 8px;padding:0;display:grid;gap:10px}.gs-leg2 li{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center}.gs-leg2 li span:last-child{color:var(--muted)}
/* ===== patch9: samræmi, læsileiki, bil ===== */
.langsel select{font-family:var(--f-body);font-size:.875rem;font-weight:500;padding:9px 30px 9px 16px;border-radius:999px;background-color:var(--leaf);min-height:40px}
.gs-leg2 summary{display:inline-flex;gap:8px;border:1px solid var(--rule);border-radius:999px;padding:0 16px 0 10px;background:var(--leaf);font-size:.875rem;min-height:40px}
.gs-leg2 summary::before{content:"i";display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--accent);color:var(--paper);font:italic 700 .8rem var(--f-display)}
.gs-leg2[open] ul{border:1px solid var(--rule);border-radius:10px;background:var(--leaf);padding:14px 16px;margin-top:8px}
.gs-leg2{margin-block:6px 0}
.band h2,.walkfeat h2,.vision h2,.streetcard h2{font-size:clamp(2rem,4vw,3rem)}
.layers h3,.contrib h3,.featured h3{font-size:clamp(1.5rem,2.4vw,1.9rem)}
.card,.sres,.gs-tt,.gs-tabs,.walkfeat,.gs-wipbox,.geofig,.gs-leg2 ul{border-radius:10px}
.gs-tabs button{border-radius:8px}
.card{overflow:hidden}
section.sec{padding-block:clamp(36px,5.5vw,68px)}
.phero{min-height:clamp(220px,32vw,380px)}
@media (max-width:760px){.mapbox svg{min-width:1000px!important}}
.gs-prog{display:flex;gap:6px;list-style:none;margin:0 0 18px;padding:0;flex-wrap:wrap}
.gs-prog li{display:flex;align-items:center;gap:8px;font-size:.875rem;color:var(--muted);padding:6px 12px 6px 6px;border:1px solid var(--rule);border-radius:999px}
.gs-prog li b{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1px solid currentColor;font-size:.8125rem}
.gs-prog li.on{color:var(--ink);border-color:var(--accent);font-weight:600}.gs-prog li.on b{background:var(--accent);color:var(--paper);border-color:var(--accent)}
.gs-prog li.done b{background:var(--accent-soft);color:var(--ink)}
.gs-wznav{display:flex;gap:10px;justify-content:space-between;margin-top:18px}
.gs-step[hidden],.gs-wznav [hidden],.btns[hidden]{display:none!important}
fieldset[hidden]{display:none!important}
.gs-step{display:grid;gap:18px}
@media (max-width:560px){.gs-prog li span{display:none}.gs-prog li.on span{display:inline}}


.gs-trnote{background:var(--accent-soft);border-bottom:1px solid var(--rule);font-size:.875rem;color:var(--muted);padding-block:8px}
#gsToast{position:fixed;left:12px;right:12px;bottom:calc(76px + env(safe-area-inset-bottom,0px));z-index:60;display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px 14px;border-radius:12px;background:var(--leaf,#fff);color:var(--ink);border:1px solid var(--rule,#cfd6d3);font-size:1rem;box-shadow:0 6px 24px rgba(0,0,0,.25)}
#gsToast .chip,.gs-send .chip{background:transparent;color:var(--ink);border:1px solid currentColor;min-height:44px;padding:0 16px;border-radius:99px;font:inherit;font-weight:600;cursor:pointer}
@media (min-width:721px){#gsToast{left:auto;right:24px;bottom:24px;max-width:460px}}
@media (max-width:720px){.hero3 .btns .btn{min-height:48px}.hero3t{padding-bottom:0}}
.zfields dt,.facts dt,dl dt{font-size:.9375rem}
.tri b,.gt-leaf small,.gt-leaf span,summary small,summary span,.ladder small,.ladder span,.gs-leg span,.gs-tabs button{font-size:.875rem}
figure figcaption,figure.sig figcaption,.geofig figcaption{font-size:.875rem}
.geopath small,.pcredit{font-size:.8125rem}
.gs-tt,.gs-wipbox{border-color:var(--rule)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .gs-tabs{background:#1b2a26;border-color:#2d413b}
:root:not([data-theme="light"]) .gs-tabs button{color:#d5e0db}:root:not([data-theme="light"]) .gs-tabs button:hover{background:#243630}
:root:not([data-theme="light"]) .gs-tabs button.on,:root:not([data-theme="light"]) .gs-tabs button[aria-selected=true]{color:#e9f5ef;background:#2b4a41}
:root:not([data-theme="light"]) .gs-vtog{background:#1b2a26;border-color:#2d413b}:root:not([data-theme="light"]) .gs-vtog button{color:#d5e0db}
:root:not([data-theme="light"]) .gs-vtog button[aria-selected=true]{background:#2b4a41;color:#e9f5ef}:root:not([data-theme="light"]) .gs-hint{color:var(--ink)}}
:root[data-theme="dark"] .gs-tabs{background:#1b2a26;border-color:#2d413b}:root[data-theme="dark"] .gs-tabs button{color:#d5e0db}
:root[data-theme="dark"] .gs-tabs button.on,:root[data-theme="dark"] .gs-tabs button[aria-selected=true]{color:#e9f5ef;background:#2b4a41}
:root[data-theme="dark"] .gs-vtog{background:#1b2a26;border-color:#2d413b}:root[data-theme="dark"] .gs-vtog button{color:#d5e0db}
:root[data-theme="dark"] .gs-vtog button[aria-selected=true]{background:#2b4a41;color:#e9f5ef}:root[data-theme="dark"] .gs-hint{color:var(--ink)}