:root{--papper:#f4ecdd;--black:#11110e;--guld:#aa8039;--marmor:#cfc3af;--damm:#71695c}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{background:var(--papper);color:var(--black);
  font-family:"Cormorant Garamond","EB Garamond",Garamond,"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;
  display:grid;place-items:start center;padding:clamp(24px,6vw,72px);line-height:1.55;
  text-rendering:optimizeLegibility}
main{max-width:44rem;width:100%}
.lang{display:flex;gap:.75rem;justify-content:flex-end;max-width:44rem;width:100%;
  margin:0 auto clamp(12px,3vw,20px);font-size:.78rem;letter-spacing:.14em}
.lang a{text-decoration:none;color:var(--damm)}
.lang a[aria-current]{color:var(--black);border-bottom:1px solid var(--guld)}
.smula{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--damm);
  margin-bottom:clamp(14px,3vw,20px)}
.smula a{color:var(--damm)}
.marke{font-size:clamp(2rem,9vw,4.25rem);letter-spacing:.18em;font-weight:400;line-height:1;
  text-transform:uppercase;margin-bottom:clamp(20px,4vw,34px)}
.marke .p{color:var(--guld)}
.sidrubrik{font-size:clamp(1.9rem,7vw,3.1rem);letter-spacing:.06em;font-weight:400;line-height:1.05;
  margin-bottom:clamp(18px,4vw,30px)}
.regel{border:0;border-top:1px solid var(--marmor);margin:0 0 clamp(20px,4vw,34px)}
.frasen{font-size:clamp(1.15rem,3.6vw,1.6rem);font-style:italic;margin-bottom:.5em}
.frasen b{font-style:normal;font-weight:600}
.glosa{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:.72rem;
  letter-spacing:.08em;text-transform:uppercase;color:var(--damm);margin-bottom:clamp(24px,5vw,40px)}
h2{font-size:clamp(1.3rem,4vw,1.75rem);font-weight:600;letter-spacing:.01em;
  margin:clamp(30px,6vw,46px) 0 clamp(12px,2.5vw,18px)}
h3{font-size:1.06rem;font-weight:600;letter-spacing:.02em;margin-bottom:.2em}
.ingress{font-size:clamp(1.12rem,3.2vw,1.35rem);margin-bottom:1em;max-width:38rem}
p.brod{font-size:clamp(1.02rem,2.9vw,1.18rem);margin-bottom:1em;max-width:38rem}
p.damm{color:var(--damm);font-size:.95rem}
.kalla{font-size:.78rem;letter-spacing:.02em;color:var(--damm);margin:-.6em 0 1.3em}
.kalla a{color:var(--damm)}
.ram{border-left:2px solid var(--guld);padding:.1em 0 .1em 1.1em;margin:0 0 1.2em;max-width:38rem}
.ram p{font-size:clamp(1.02rem,2.9vw,1.15rem)}
.punkter{list-style:none;max-width:38rem;margin-bottom:1.2em}
.punkter li{position:relative;padding-left:1.3em;margin-bottom:.55em}
.punkter li:before{content:"·";position:absolute;left:.3em;color:var(--guld);font-weight:700}
.kort{display:grid;gap:1px;background:var(--marmor);border:1px solid var(--marmor);margin-bottom:1.4em}
@media(min-width:44rem){.kort{grid-template-columns:repeat(3,1fr)}}
.kort .ett{background:var(--papper);padding:1.1em 1.2em 1.3em;text-decoration:none;display:block}
.kort .ett:hover{background:#efe5d3}
.kort p{font-size:.95rem;margin:.4em 0 .8em}
.pil{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--guld)}
.steg{list-style:none;counter-reset:s;margin-bottom:1.4em}
.steg li{counter-increment:s;border-top:1px solid var(--marmor);padding:1em 0 1.1em;max-width:38rem}
.steg li:before{content:counter(s,upper-roman);font-size:.72rem;letter-spacing:.14em;color:var(--guld);
  display:block;margin-bottom:.35em}
.pris{font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;color:var(--damm);margin-bottom:.5em}
.steg p:last-child{font-size:1rem}
.kallista{list-style:none;margin-bottom:1.4em}
.kallista li{border-top:1px solid var(--marmor);padding:.7em 0}
.kallista a{display:block;font-size:1.02rem}
.kallista span{display:block;font-size:.76rem;letter-spacing:.06em;text-transform:uppercase;color:var(--damm)}
.port{border-top:1px solid var(--marmor);padding-top:clamp(20px,4vw,28px);margin:clamp(30px,5vw,42px) 0 clamp(24px,5vw,34px)}
.portrad{font-size:.95rem;color:var(--damm);margin-bottom:1.1em;max-width:38rem}
.knapp{display:inline-block;border:1px solid var(--black);padding:.62em 1.5em;text-decoration:none;
  letter-spacing:.14em;text-transform:uppercase;font-size:.76rem}
.knapp:hover{background:var(--black);color:var(--papper)}
.sign{border-top:1px solid var(--marmor);padding-top:clamp(16px,3vw,22px);font-size:.92rem;color:var(--damm)}
.fotnav{display:flex;flex-wrap:wrap;gap:.4em 1.1em;margin-bottom:.8em;font-size:.78rem;
  letter-spacing:.1em;text-transform:uppercase}
.fotnav a{color:var(--damm);text-decoration:none;border-bottom:1px solid transparent}
.fotnav a:hover{border-bottom-color:var(--guld)}
a{color:var(--black);text-decoration:underline;text-underline-offset:.18em;
  text-decoration-thickness:.06em;text-decoration-color:var(--marmor)}
a:hover{text-decoration-color:var(--guld)}
:focus-visible{outline:2px solid var(--guld);outline-offset:3px}
@media print{.lang,.port,.fotnav{display:none}}