/* pta-gdansk.pl
   The original stylesheet was never archived, so this one is new. Palette:
   ink navy, cool slate, a single teal accent. System fonts only: a donor site
   makes no external font request. */

:root{
  --ink:#141a21; --ink-2:#3f4c5a; --ink-3:#6f7d8c;
  --rule:#dfe4ea; --rule-2:#edf0f4;
  --bg:#fbfcfd; --panel:#ffffff;
  --navy:#16344d; --teal:#0f6f7d; --teal-bg:#eef6f7;
  --radius:4px;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --ink:#e8edf2; --ink-2:#a9b6c3; --ink-3:#7c8a99;
    --rule:#2a333d; --rule-2:#212932;
    --bg:#12171c; --panel:#171d24;
    --navy:#9fc4dc; --teal:#4fb3bf; --teal-bg:#16252a;
  }
}
:root[data-theme="dark"]{
  --ink:#e8edf2; --ink-2:#a9b6c3; --ink-3:#7c8a99;
  --rule:#2a333d; --rule-2:#212932;
  --bg:#12171c; --panel:#171d24;
  --navy:#9fc4dc; --teal:#4fb3bf; --teal-bg:#16252a;
}

*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{
  background:var(--bg);
  color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  font-size:16px;
  line-height:1.62;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--navy);text-decoration:none;border-bottom:1px solid rgba(22,52,77,.28)}
a:hover{color:var(--teal);border-bottom-color:var(--teal)}
:focus-visible{outline:2px solid var(--teal);outline-offset:2px;border-radius:2px}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) a{border-bottom-color:rgba(159,196,220,.3)}
}
:root[data-theme="dark"] a{border-bottom-color:rgba(159,196,220,.3)}

/* ---------- masthead: wordmark + one-line nav ---------- */
.mast{border-bottom:1px solid var(--rule);background:var(--panel)}
.mast-in{
  max-width:1000px;margin:0 auto;padding:0 24px;
  display:flex;align-items:center;gap:26px;min-height:72px;flex-wrap:wrap;
}
.wm{display:flex;align-items:baseline;gap:10px;border:0;flex:none}
.wm:hover{border:0}
.wm b{font-size:23px;font-weight:700;letter-spacing:.04em;color:var(--ink)}
.wm span{font-size:12.5px;color:var(--ink-3)}
.mast nav{margin-left:auto;display:flex;gap:2px;flex-wrap:wrap;align-items:center}
.mast nav a{border:0;padding:7px 11px;font-size:14.5px;color:var(--ink-2);border-radius:var(--radius)}
.mast nav a:hover{background:var(--rule-2);color:var(--ink);border:0}
.mast nav a[aria-current]{color:var(--ink);background:var(--teal-bg);font-weight:600}
.mast .alt{border:0;font-size:12.5px;color:var(--ink-3);padding:7px 6px;margin-left:6px}
.mast .alt:hover{color:var(--teal);border:0}

/* ---------- page frame ---------- */
main{max-width:1000px;margin:0 auto;padding:44px 24px 72px}
.page-head{max-width:62ch;margin-bottom:36px}
h1{font-size:30px;font-weight:650;letter-spacing:-.015em;line-height:1.22;text-wrap:balance;color:var(--ink)}
.page-head p{margin-top:12px;font-size:17.5px;line-height:1.58;color:var(--ink-2)}
section{margin-bottom:42px}
h2{font-size:16px;font-weight:650;margin-bottom:14px;color:var(--ink)}
p{max-width:68ch;margin-bottom:13px;color:var(--ink-2)}
p strong{color:var(--ink);font-weight:600}

/* ---------- volume index ---------- */
.vols{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));
  gap:1px;background:var(--rule);border:1px solid var(--rule);
  border-radius:var(--radius);overflow:hidden;
}
.vol{background:var(--panel);border:0;padding:15px 16px;display:block;transition:background .15s}
.vol:hover{background:var(--teal-bg);border:0}
.vol .v{font-size:19px;font-weight:650;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.vol .y{font-size:13px;color:var(--ink-3);font-variant-numeric:tabular-nums;margin-top:1px}

/* ---------- paper listings ---------- */
.papers{list-style:none;counter-reset:p}
.papers li{
  counter-increment:p;display:grid;grid-template-columns:34px 1fr;gap:12px;
  padding:9px 0;align-items:baseline;
}
.papers li + li{border-top:1px solid var(--rule-2)}
.papers li::before{
  content:counter(p);color:var(--ink-3);font-size:12.5px;
  font-variant-numeric:tabular-nums;text-align:right;
}
.papers span{color:var(--ink);max-width:74ch;line-height:1.5}

/* ---------- fact rows ---------- */
.facts{border-top:1px solid var(--rule)}
.facts > div{
  display:grid;grid-template-columns:210px 1fr;gap:18px;
  padding:11px 0;border-bottom:1px solid var(--rule-2);
}
.facts dt{color:var(--ink-3);font-size:14px}
.facts dd{color:var(--ink)}
@media(max-width:600px){.facts > div{grid-template-columns:1fr;gap:2px}}

/* ---------- link stacks ---------- */
.stack{display:grid;gap:9px;list-style:none;max-width:68ch}
.stack li{padding:12px 15px;background:var(--panel);border:1px solid var(--rule);border-radius:var(--radius)}
.stack li b{display:block;font-weight:600;margin-bottom:2px}
.stack li span{color:var(--ink-2);font-size:14.5px}

.cols{display:grid;gap:28px}
@media(min-width:720px){.cols.two{grid-template-columns:1fr 1fr}}

.tasks{max-width:68ch;padding-left:19px;color:var(--ink-2)}
.tasks li{margin-bottom:7px}

.aside{
  border-left:2px solid var(--teal);padding:3px 0 3px 15px;
  color:var(--ink-2);font-size:15px;max-width:66ch;margin:18px 0 0;
}

/* ---------- footer ---------- */
footer{border-top:1px solid var(--rule);background:var(--panel)}
.foot-in{
  max-width:1000px;margin:0 auto;padding:22px 24px;
  display:flex;gap:16px;flex-wrap:wrap;justify-content:space-between;
  color:var(--ink-3);font-size:13.5px;
}
.foot-in a{color:var(--ink-2)}

@media(max-width:640px){
  h1{font-size:25px}
  .page-head p{font-size:16.5px}
  main{padding:30px 18px 54px}
  .mast-in{padding:12px 18px;min-height:0;gap:12px}
  .mast nav{margin-left:0;width:100%}
  .papers li{grid-template-columns:26px 1fr;gap:10px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* ---------- imagery ----------
   The 2012 capture held no photographs, so these are new images made for the
   subject: the Baltic, hydroacoustic measurement, the Gdańsk waterfront. */
.hero{
  margin:0 0 34px;border:1px solid var(--rule);border-radius:var(--radius);
  overflow:hidden;background:var(--panel);
}
.hero img{display:block;width:100%;height:clamp(180px,26vw,300px);object-fit:cover;object-position:50% 62%}

.fig{margin:0 0 34px;max-width:760px}
.fig img{
  display:block;width:100%;height:auto;border:1px solid var(--rule);
  border-radius:var(--radius);background:var(--panel);
}
.fig figcaption{margin-top:8px;font-size:13.5px;color:var(--ink-3);max-width:60ch}

/* the wordmark is a link home: say so on hover and focus */
.wm{border-radius:var(--radius);padding:4px 6px;margin-left:-6px;transition:background .15s}
.wm:hover{background:var(--rule-2)}
.wm:hover b{color:var(--navy)}