/* Field Notes — shared article styles (Anand in Australia) */
:root{
  --paper:#F5EDDA; --page:#FBF6E9; --ink:#26303A; --ink-soft:#4A555F;
  --saffron:#E2571E; --gum:#3E7C59; --sea:#2E7F8F; --gold:#D9A222; --stamp-red:#C03A2B;
}
*{margin:0;padding:0;box-sizing:border-box}
body{
  font-family:'Karla',sans-serif;color:var(--ink);line-height:1.75;
  background:
    repeating-linear-gradient(0deg, transparent 0 31px, rgba(46,127,143,.06) 31px 32px),
    var(--paper);
}
h1,h2,h3{font-family:'Fraunces',serif;line-height:1.15}
.hand{font-family:'Gochi Hand',cursive}
.type{font-family:'Special Elite','Courier New',monospace}
a{color:inherit}
img{max-width:100%}

.topbar{
  max-width:900px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;
  padding:1.2rem 1.4rem;gap:1rem;flex-wrap:wrap;
}
.topbar a{font-family:'Gochi Hand',cursive;font-size:1.15rem;text-decoration:none;color:var(--ink-soft)}
.topbar a:hover{color:var(--saffron)}
.topbar .brand{font-family:'Special Elite',monospace;font-size:.7rem;letter-spacing:3px;color:var(--ink-soft);text-transform:uppercase}

.sheet{
  max-width:760px;margin:1rem auto 3rem;background:var(--page);
  border:1.5px solid var(--ink);box-shadow:6px 8px 0 rgba(38,48,58,.14);
  padding:3rem clamp(1.4rem,5vw,3.4rem) 2.6rem;position:relative;
}
.washi{
  position:absolute;height:28px;width:120px;top:-14px;left:50%;transform:translateX(-50%) rotate(-2deg);
  background:repeating-linear-gradient(45deg,var(--sea) 0 10px,var(--page) 10px 20px);
  box-shadow:0 2px 5px rgba(38,48,58,.25);opacity:.85;
}
.kicker{font-family:'Special Elite',monospace;font-size:.7rem;letter-spacing:2.5px;color:var(--sea);text-transform:uppercase}
.sheet h1{font-size:clamp(1.8rem,4.6vw,2.7rem);font-weight:900;margin:.5rem 0 .6rem}
.sheet h1 em{font-style:italic;color:var(--saffron)}
.byline{font-family:'Gochi Hand',cursive;color:var(--gum);font-size:1.2rem;margin-bottom:1.8rem}
.sheet h2{font-size:clamp(1.25rem,3vw,1.6rem);font-weight:900;margin:2.2rem 0 .7rem}
.sheet h2 .no{color:var(--gold);font-style:italic;margin-right:.35rem}
.sheet p{margin-bottom:1rem;color:var(--ink-soft)}
.sheet p strong{color:var(--ink)}
.sheet ul{margin:0 0 1rem 1.3rem;color:var(--ink-soft)}
.sheet li{margin-bottom:.45rem}
.note{
  font-family:'Gochi Hand',cursive;font-size:1.25rem;color:var(--sea);
  border-left:3px solid var(--gold);padding:.2rem 0 .2rem 1rem;margin:1.4rem 0;transform:rotate(-.4deg);
}
.fine{font-size:.85rem;font-style:italic;color:var(--ink-soft);opacity:.85}
.watch{
  margin:2rem 0;padding:1.3rem 1.4rem;border:1.5px dashed var(--ink);border-radius:10px;
  background:var(--paper);display:flex;align-items:center;gap:1rem;flex-wrap:wrap;
}
.watch .cam{font-size:1.9rem}
.watch p{margin:0}
.btn-stamp{
  font-family:'Special Elite',monospace;text-decoration:none;text-transform:uppercase;
  letter-spacing:1.5px;font-size:.85rem;color:var(--page);background:var(--stamp-red);
  padding:.7rem 1.3rem;border-radius:4px;box-shadow:3px 4px 0 rgba(38,48,58,.25);
  display:inline-block;transform:rotate(-1deg);transition:.15s;
}
.btn-stamp:hover{transform:rotate(0) translateY(-2px)}
.btn-stamp--sea{background:var(--sea)}
.endmark{text-align:center;margin-top:2.4rem;font-family:'Gochi Hand',cursive;font-size:1.35rem;color:var(--gum)}
.pstamp{
  display:inline-block;padding:.45rem 1rem;border:3px double var(--stamp-red);border-radius:10px;
  font-family:'Special Elite',monospace;text-transform:uppercase;letter-spacing:1.5px;font-size:.72rem;
  color:var(--stamp-red);transform:rotate(-4deg);opacity:.9;margin-top:1rem;
}
footer{max-width:760px;margin:0 auto 3rem;text-align:center;color:var(--ink-soft)}
footer .type{font-size:.7rem;letter-spacing:2px;text-transform:uppercase}