body{margin-block:0;margin-inline:0;min-block-size:100dvb}
h1,h2,h3,p{margin-block:0 .6em}
ul{padding-inline-start:1.2em;margin-block:0}
table{border-collapse:collapse}

:root{
  --atk-bg:#4a3a20;
  --atk-ink:#cdc6bb;
  --atk-accent:#e07ad8;
  --atk-accent2:#6a7f8c;
  --atk-surface:#5e4b2a;

  --atk-link:#eeaae6;
  --atk-label:#9db0bc;
  --atk-bright:#f2ece2;
  --atk-quiet:#b0a698;
  --atk-line:rgba(205,198,187,.22);
  --atk-rule:rgba(106,127,140,.55);
  --atk-tint:rgba(224,122,216,.2);
  --atk-sink:rgba(37,28,14,.46);

  --atk-step:clamp(1rem,4vw,1.9rem);
  --atk-sheet:72rem;
  --atk-col:52rem;
  --atk-grot:"Familjen Grotesk","Helvetica Neue",Arial,sans-serif;
  --atk-mono:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;
}

body{
  background-color:var(--atk-bg);
  color:var(--atk-ink);
  font-family:"Newsreader",Georgia,"Times New Roman",serif;
  font-optical-sizing:auto;
  font-size:clamp(1.02rem,.96rem + .4vw,1.16rem);
  line-height:1.62;
  text-align:start;
  overflow-wrap:break-word;
}

.atk-h{
  font-family:var(--atk-grot);
  font-weight:700;
  letter-spacing:-.018em;
  line-height:1.1;
  color:var(--atk-bright);
}

h1.atk-h{font-size:clamp(1.95rem,1.25rem + 3.2vw,3.35rem)}
h2.atk-h{font-size:clamp(1.32rem,1.06rem + 1.35vw,1.86rem)}
h3.atk-h{font-size:clamp(1.04rem,1rem + .3vw,1.18rem);letter-spacing:-.008em}
.atk-h-s{
  font-size:.82rem;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--atk-label);
  line-height:1.35;
}

a{color:var(--atk-link);text-decoration-thickness:1px;text-underline-offset:.18em;transition:color 150ms ease}
a:hover{color:#fbd8f6}
a:focus-visible,input:focus-visible,summary:focus-visible,.atk-skip:focus-visible{
  outline:2px solid var(--atk-accent);
  outline-offset:3px;
  border-radius:1px;
}

.atk-skip{
  position:absolute;
  inset-inline-start:-999em;
  inset-block-start:0;
  background-color:var(--atk-surface);
  color:var(--atk-bright);
  font-family:var(--atk-grot);
  font-size:.9rem;
  padding-block:.5em;
  padding-inline:.9em;
  z-index:4;
}
.atk-skip:focus{inset-inline-start:.6em;inset-block-start:.6em}

.atk-mast{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border-block-end:2px solid var(--atk-rule);
  background-color:#43341d;
}
.atk-mast-in{
  position:relative;
  z-index:1;
  max-inline-size:var(--atk-sheet);
  margin-inline:auto;
  padding-inline:var(--atk-step);
  padding-block:calc(var(--atk-step) * 2.1) calc(var(--atk-step) * 1.5);
}

.atk-drift{
  position:absolute;
  inset-block:0;
  inset-inline:0;
  inline-size:100%;
  block-size:100%;
  z-index:0;
  opacity:.3;
  fill:none;
  stroke:var(--atk-accent2);
  stroke-linejoin:round;
  stroke-linecap:round;
  pointer-events:none;
}
.atk-drift .atk-c1{animation:atk-drift-a 121s linear infinite;stroke:#8ba0ad}
.atk-drift .atk-c2{animation:atk-drift-b 173s linear infinite;stroke:var(--atk-accent2)}
.atk-drift .atk-c3{animation:atk-drift-a 211s linear infinite reverse;stroke:#c07ab8}

@keyframes atk-drift-a{
  from{transform:translate3d(-2.4%,0,0)}
  50%{transform:translate3d(2.4%,-.9%,0)}
  to{transform:translate3d(-2.4%,0,0)}
}
@keyframes atk-drift-b{
  from{transform:translate3d(2.8%,.6%,0)}
  50%{transform:translate3d(-2.8%,-.6%,0)}
  to{transform:translate3d(2.8%,.6%,0)}
}

.atk-sheetref{
  display:flex;
  flex-wrap:wrap;
  gap:.35em 1.4em;
  font-family:var(--atk-mono);
  font-size:.76rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--atk-label);
  margin-block:0 1.1em;
}
.atk-sheetref b{color:var(--atk-bright);font-weight:400}

.atk-lede{font-size:1.14em;line-height:1.55;max-inline-size:40em}

.atk-meta{
  font-family:var(--atk-grot);
  font-size:.9rem;
  line-height:1.5;
  color:#c3baac;
  margin-block:0 .3em;
}
.atk-meta-k{
  display:inline-block;
  min-inline-size:9.5em;
  color:var(--atk-label);
  letter-spacing:.06em;
  text-transform:uppercase;
  font-size:.74rem;
}

.atk-nav{
  position:relative;
  z-index:1;
  border-block-end:1px solid var(--atk-line);
  background-color:var(--atk-sink);
}
.atk-nav ul{
  display:flex;
  flex-wrap:wrap;
  gap:0;
  list-style:none;
  padding-inline-start:0;
  max-inline-size:var(--atk-sheet);
  margin-inline:auto;
  padding-inline:calc(var(--atk-step) - .55em);
}
.atk-nav a{
  display:inline-block;
  font-family:var(--atk-grot);
  font-size:.83rem;
  letter-spacing:.07em;
  text-transform:uppercase;
  text-decoration:none;
  color:var(--atk-ink);
  padding-block:.85em;
  padding-inline:.55em;
  border-block-end:2px solid transparent;
  transition:color 150ms ease,border-block-end-color 220ms ease,background-color 150ms ease;
}
.atk-nav a:hover{color:var(--atk-bright);border-block-end-color:var(--atk-accent)}
.atk-nav a[aria-current]{color:var(--atk-bright);border-block-end-color:var(--atk-label)}

.atk-band{
  position:relative;
  max-inline-size:var(--atk-sheet);
  margin-inline:auto;
  padding-inline:var(--atk-step);
  block-size:46px;
  display:flex;
  align-items:center;
}
.atk-cband{
  inline-size:100%;
  block-size:46px;
  display:block;
  fill:none;
  stroke:rgba(157,176,188,.6);
  stroke-linecap:round;
  transition:stroke 300ms ease,opacity 300ms ease;
  opacity:1;
}
.atk-band:hover .atk-cband{stroke:rgba(224,122,216,.55)}
.atk-bn{
  position:absolute;
  inset-inline-start:calc(var(--atk-step) + 1.6rem);
  font-family:var(--atk-mono);
  font-size:.7rem;
  letter-spacing:.14em;
  color:var(--atk-label);
  background-color:var(--atk-bg);
  padding-inline:.5em;
  transition:color 300ms ease;
}
.atk-band:hover .atk-bn{color:var(--atk-accent)}

.atk-page{padding-block:calc(var(--atk-step) * .4) 0}

.atk-sec{padding-block:0 calc(var(--atk-step) * 1.15)}
.atk-w{
  max-inline-size:var(--atk-sheet);
  margin-inline:auto;
  padding-inline:var(--atk-step);
  padding-block:calc(var(--atk-step) * .5) 0;
}
.atk-sec h2,
.atk-sec p,
.atk-sec .atk-grid,
.atk-sec .atk-scroll,
.atk-sec .atk-in,
.atk-sec .atk-tags,
.atk-sec details{max-inline-size:var(--atk-col)}
.atk-sec p{max-inline-size:38em}
.atk-sec-wide .atk-scroll,.atk-sec-wide .atk-fig{max-inline-size:60rem}

.atk-aside{
  border-inline-start:3px solid var(--atk-rule);
  padding-inline-start:calc(var(--atk-step) * .7);
  color:#c3baac;
  font-size:.97em;
  max-inline-size:36em;
  margin-block:1.1em;
}
.atk-aside b{font-family:var(--atk-grot);font-weight:700;color:var(--atk-bright)}

.atk-tags{display:flex;flex-wrap:wrap;gap:.4em;margin-block:1.15em 0}
.atk-tag{
  font-family:var(--atk-mono);
  font-size:.74rem;
  letter-spacing:.03em;
  color:#c0b5a5;
  background-color:rgba(106,127,140,.16);
  border-radius:2px;
  padding-inline:.55em;
  padding-block:.22em;
  transition:background-color 200ms ease,color 200ms ease;
}
.atk-tag[data-hit]{animation:atk-decay 900ms ease-out both}

@keyframes atk-decay{
  0%{background-color:var(--atk-accent);color:#2f230e}
  30%{background-color:var(--atk-accent);color:#2f230e}
  to{background-color:var(--atk-tint);color:#f6dcf2}
}

.atk-find{
  border-inline-start:3px solid var(--atk-accent2);
  padding-inline-start:calc(var(--atk-step) * .7);
  padding-block:.2em;
  margin-block:1.2em 0;
}
.atk-find-l{
  display:block;
  font-family:var(--atk-grot);
  font-size:.76rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--atk-label);
  margin-block-end:.45em;
}
.atk-q{
  box-sizing:border-box;
  inline-size:100%;
  max-inline-size:26rem;
  font-family:var(--atk-grot);
  font-size:1.05rem;
  color:var(--atk-bright);
  background-color:var(--atk-surface);
  border:1px solid var(--atk-line);
  border-radius:2px;
  padding-block:.55em;
  padding-inline:.7em;
  transition:border-color 160ms ease,background-color 160ms ease;
}
.atk-q:hover{border-color:var(--atk-label)}
.atk-q::placeholder{color:#bdb1a2}
.atk-n{font-family:var(--atk-grot);font-size:.86rem;color:#efe6d8;margin-block:.55em .4em}
.atk-hint{font-size:.88rem;color:var(--atk-quiet);max-inline-size:34rem;line-height:1.5}
kbd{
  font-family:var(--atk-mono);
  font-size:.82em;
  background-color:var(--atk-surface);
  border:1px solid var(--atk-line);
  border-radius:2px;
  padding-inline:.4em;
  padding-block:.05em;
}

.atk-in{margin-block:calc(var(--atk-step) * .8)}
.atk-in fieldset{
  border:1px solid var(--atk-line);
  border-radius:3px;
  padding-block:.9em 1em;
  padding-inline:1em;
  margin-inline:0;
  background-color:rgba(94,75,42,.55);
}
.atk-in legend{padding-inline:.5em}
.atk-f{margin-block:0 .6em}
.atk-f label{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5em;inline-size:100%;max-inline-size:30rem}
.atk-f span{flex:1 1 13rem;font-family:var(--atk-grot);font-size:.92rem;color:#d8cfc1}
.atk-num{
  box-sizing:border-box;
  inline-size:7.5rem;
  font-family:var(--atk-mono);
  font-size:1rem;
  color:var(--atk-bright);
  background-color:var(--atk-bg);
  border:1px solid var(--atk-line);
  border-radius:2px;
  padding-block:.4em;
  padding-inline:.5em;
  transition:border-color 160ms ease,box-shadow 160ms ease;
}
.atk-num:hover{border-color:var(--atk-label)}
.atk-num:focus-visible{box-shadow:0 0 0 3px rgba(224,122,216,.18)}

.atk-guide{
  font-family:var(--atk-mono);
  font-size:.7rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--atk-label);
  border:1px solid var(--atk-rule);
  border-radius:2px;
  padding-inline:.5em;
  padding-block:.2em;
  display:inline-block;
  margin-block:0 .8em;
}

.atk-scroll{overflow-x:auto}

#atk-sched,#atk-est{inline-size:100%;font-size:.94rem}
#atk-sched caption,#atk-est caption,.atk-grid caption{
  caption-side:top;
  text-align:start;
  font-size:.86rem;
  color:var(--atk-quiet);
  line-height:1.5;
  padding-block-end:.7em;
  max-inline-size:44em;
}
#atk-sched th,#atk-sched td,#atk-est th,#atk-est td{
  padding-block:.5em;
  padding-inline:.55em;
  border-block-end:1px solid var(--atk-line);
  text-align:end;
  white-space:nowrap;
}
#atk-sched thead th,#atk-est thead th,.atk-grid thead th{
  font-family:var(--atk-grot);
  font-size:.74rem;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--atk-label);
  vertical-align:bottom;
}
#atk-sched tbody th,#atk-sched tfoot th,#atk-est tbody th,#atk-est tfoot th{
  text-align:start;
  font-family:var(--atk-grot);
  font-weight:700;
  color:#efe6d8;
}
#atk-sched td,#atk-est td{font-family:var(--atk-mono)}
#atk-est .atk-work{text-align:start;white-space:normal;color:#c3baac;font-size:.88rem}
#atk-sched tfoot th,#atk-sched tfoot td,#atk-est tfoot th,#atk-est tfoot td{
  border-block-start:2px solid var(--atk-accent2);
  border-block-end-width:0;
  color:var(--atk-bright);
}
.atk-row{transition:background-color 180ms ease}
.atk-row:hover td,.atk-row:hover th{background-color:rgba(106,127,140,.14)}

.atk-grid{inline-size:100%;margin-block:.4em 1.1em}
.atk-grid th,.atk-grid td{
  padding-block:.55em;
  padding-inline:.6em;
  border-block-end:1px solid var(--atk-line);
  text-align:start;
  vertical-align:top;
}
.atk-grid tbody th{
  font-family:var(--atk-grot);
  font-weight:700;
  color:#efe6d8;
}
.atk-grid td{font-size:.95rem;line-height:1.55}
.atk-grid tbody tr{transition:background-color 180ms ease}
.atk-grid tbody tr:hover{background-color:rgba(106,127,140,.12)}

.atk-fig{
  margin-inline:0;
  margin-block:calc(var(--atk-step) * .9);
  border:1px solid var(--atk-line);
  border-radius:3px;
  padding-block:1em;
  padding-inline:1em;
  background-color:rgba(94,75,42,.4);
  max-inline-size:44rem;
}
.atk-gap{inline-size:100%;block-size:auto;display:block}
.atk-gap .atk-axis{stroke:var(--atk-rule);stroke-width:1.4;fill:none}
.atk-gap .atk-mark{stroke:var(--atk-label);stroke-width:1.6;fill:none}
.atk-gap .atk-lost{fill:rgba(224,122,216,.24);stroke:var(--atk-accent);stroke-width:1.2}
.atk-gap .atk-down{fill:rgba(106,127,140,.32);stroke:var(--atk-accent2);stroke-width:1.2}
.atk-gap text{font-family:var(--atk-grot);font-size:13px;fill:#d8cfc1}
.atk-gap .atk-lbl{font-family:var(--atk-mono);font-size:11px;fill:var(--atk-label);letter-spacing:.05em}
.atk-fig figcaption{font-size:.88rem;color:var(--atk-quiet);line-height:1.55;padding-block-start:.8em}
.atk-figkey{
  display:block;
  font-family:var(--atk-mono);
  font-size:.72rem;
  letter-spacing:.04em;
  color:var(--atk-label);
  padding-block-end:.7em;
}
.atk-fig figcaption b{color:#efe6d8;font-family:var(--atk-grot);font-weight:700}

.atk-legend{
  border:1px solid var(--atk-line);
  border-radius:3px;
  padding-block:1em 1.1em;
  padding-inline:1.1em;
  background-color:var(--atk-sink);
  max-inline-size:44rem;
}
.atk-key{list-style:none;padding-inline-start:0;margin-block:.7em 0;font-size:.92rem}
.atk-key li{
  display:flex;
  gap:.8em;
  align-items:baseline;
  padding-block:.32em;
  border-block-end:1px dotted var(--atk-line);
}
.atk-key li:last-child{border-block-end-width:0}
.atk-key i{
  font-style:normal;
  font-family:var(--atk-mono);
  font-size:.72rem;
  letter-spacing:.12em;
  color:var(--atk-label);
  flex:0 0 4.6rem;
}

details{
  border-block-start:1px solid var(--atk-line);
  border-block-end:1px solid var(--atk-line);
  padding-block:.7em;
  margin-block:1.1em;
  max-inline-size:44rem;
}
summary{
  font-family:var(--atk-grot);
  font-size:.95rem;
  color:#efe6d8;
  cursor:pointer;
  transition:color 150ms ease;
}
summary:hover{color:var(--atk-accent)}
details p{padding-block-start:.7em;font-size:.95rem;color:#c3baac;max-inline-size:38em}

.atk-foot{
  max-inline-size:var(--atk-sheet);
  margin-inline:auto;
  padding-inline:var(--atk-step);
  padding-block:calc(var(--atk-step) * 1.4) calc(var(--atk-step) * 2);
  border-block-start:2px solid var(--atk-rule);
  font-size:.92rem;
  color:var(--atk-quiet);
}
.atk-foot-note{
  font-family:var(--atk-grot);
  font-size:.9rem;
  color:var(--atk-label);
  max-inline-size:40em;
  margin-block:0 1.4em;
}
.atk-addr{font-style:normal;line-height:1.6;margin-block:0 1em;color:#d8cfc1}
.atk-reg{margin-block:0 .35em;font-size:.88rem}

.atk-pp{
  max-inline-size:var(--atk-sheet);
  margin-inline:auto;
  padding-inline:var(--atk-step);
  padding-block:calc(var(--atk-step) * 1.2) 0;
}
.atk-pp h2,.atk-pp p,.atk-pp .atk-fields,.atk-pp .atk-return{max-inline-size:var(--atk-col)}
.atk-pp p{max-inline-size:38em}
.atk-block{padding-block:0 calc(var(--atk-step) * .95)}
.atk-pp .atk-band{padding-inline:0;margin-block:calc(var(--atk-step) * .5) .6em}
.atk-pp .atk-bn{inset-inline-start:1.6rem}
.atk-pp .atk-grid{max-inline-size:var(--atk-col)}
.atk-block h2{
  font-family:var(--atk-grot);
  font-weight:700;
  font-size:1.14rem;
  color:var(--atk-bright);
  letter-spacing:-.01em;
}
.atk-fields{
  list-style:none;
  padding-inline-start:0;
  margin-block:.7em .9em;
  font-family:var(--atk-mono);
  font-size:.85rem;
  color:#e2b9dd;
}
.atk-fields li{padding-block:.16em;transition:color 150ms ease}
.atk-fields li:hover{color:var(--atk-accent)}
.atk-keep{
  border-inline-start:3px solid var(--atk-accent2);
  padding-inline-start:.9em;
  font-size:.93rem;
  color:#c3baac;
  max-inline-size:38em;
}
.atk-return{
  padding-block:calc(var(--atk-step) * 1.1);
  border-block-start:2px solid var(--atk-line);
  font-size:.95rem;
}

@media (min-width:44rem){
  .atk-mast-in{padding-block:calc(var(--atk-step) * 2.6) calc(var(--atk-step) * 1.8)}
  .atk-bn{inset-inline-start:calc(var(--atk-step) + 3.2rem)}
  .atk-grid tbody th{inline-size:12rem}
}

@media (min-width:62rem){
  .atk-mast-in{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:calc(var(--atk-step) * 1.6);align-items:end}
  .atk-mast-id{grid-column:1}
  .atk-mast-block{grid-column:2}
  .atk-page{padding-block-start:calc(var(--atk-step) * 1.5)}
  .atk-w{padding-block:calc(var(--atk-step) * .75) 0}
  .atk-legend{padding-block:1.3em 1.4em;padding-inline:1.5em}
}

@media (prefers-reduced-motion:reduce){
  .atk-drift .atk-c1,.atk-drift .atk-c2,.atk-drift .atk-c3{animation:none;transform:none}
  .atk-tag[data-hit]{animation:none;background-color:var(--atk-tint);color:#f6dcf2}
  a,.atk-q,.atk-num,.atk-cband,.atk-bn,.atk-row,.atk-nav a,summary,.atk-tag,.atk-fields li,.atk-grid tbody tr{transition:none}
}

.atk-seq{list-style:none;padding-inline-start:0;margin-block:.8em 1.2em;max-inline-size:var(--atk-col)}
.atk-seq li{
  border-inline-start:2px solid var(--atk-rule);
  padding-inline-start:1em;
  padding-block:.15em .9em;
  transition:border-inline-start-color 220ms ease;
}
.atk-seq li:hover{border-inline-start-color:var(--atk-accent)}
.atk-seq b{
  display:block;
  font-family:var(--atk-grot);
  font-weight:700;
  font-size:.82rem;
  letter-spacing:.09em;
  text-transform:uppercase;
  color:var(--atk-label);
  padding-block-end:.2em;
}

.atk-note{
  font-family:var(--atk-grot);
  font-size:.86rem;
  color:var(--atk-label);
  letter-spacing:.02em;
  max-inline-size:40em;
}

@media (min-width:76rem){
  :root{--atk-col:54rem}
  .atk-bn{inset-inline-start:calc(var(--atk-step) + 5rem)}
}

@media print{
  .atk-drift,.atk-nav,.atk-find,.atk-skip{display:none}
  body{background-color:#fff;color:#1a1408}
  .atk-h,.atk-block h2{color:#1a1408}
  .atk-cband{stroke:#5a5248}
}

@media (forced-colors:active){
  .atk-cband,.atk-drift{stroke:CanvasText}
  .atk-nav a[aria-current]{border-block-end-color:Highlight}
  .atk-guide{border-color:CanvasText}
}