/* UFO Watch: case-file sightings pages */
:root{
  --cyan:#11B6E7; --navy:#0A2A3F; --head:#010E30; --yellow:#FFE11A;
  --manila:#DDBF83; --sheet:#F2EBD8; --type:#221E1A; --faint:#5C554C;
  --stamp:#B8232A; --desk-ink:#EADFC8;
  --f-site:"Nunito","Trebuchet MS",system-ui,sans-serif;
  --f-type:"Special Elite","Courier Prime","Courier New",monospace;
  --f-label:"Courier Prime","Courier New",Courier,monospace;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font:16px/1.5 var(--f-site);color:var(--type);background:linear-gradient(rgba(30,20,14,.25),rgba(30,20,14,.25)),#3A2A20 url("../img/wood.jpg") center top/1200px}
img{max-width:100%}
a{color:inherit}
:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}
.wrap{max-width:1180px;margin-inline:auto;padding-inline:12px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:8px;top:-60px;background:var(--yellow);color:var(--navy);padding:8px 12px;z-index:10;font-weight:800}
.skip:focus{top:8px}

/* header */
.s-head{background:var(--head);border-bottom:3px solid var(--cyan);color:#fff}
.s-head-in{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-block:10px}
.s-logo{display:flex;justify-content:center;flex:1 0 100%}
.s-logo img{display:block;height:48px;width:auto}
.s-nav{display:none;gap:2px}
.s-nav a{text-decoration:none;font-weight:800;font-size:.97rem;padding:9px 10px;white-space:nowrap;color:#E6F4FB}
.s-nav a:hover{color:var(--cyan)}
.s-nav a[aria-current="page"]{color:var(--cyan);box-shadow:inset 0 -2px 0 var(--cyan)}
.s-cta{flex:1;justify-content:center;background:var(--manila) url("../img/paper.jpg") center/cover;background-blend-mode:multiply;color:#1B2A3A;text-decoration:none;font-weight:800;padding:0 16px;border-radius:6px;min-height:44px;display:inline-flex;align-items:center;white-space:nowrap;box-shadow:0 2px 0 rgba(0,0,0,.45),inset 0 0 0 1px rgba(120,90,40,.35)}
.s-cta .long{display:none}
.s-menu{flex:1;display:none;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 14px;border:2px solid var(--cyan);border-radius:6px;background:transparent;color:#fff;font:800 1rem/1 var(--f-site);cursor:pointer}
.js .s-menu{display:inline-flex}
.s-drawer{background:var(--navy);padding-block:6px 12px}
.js .s-drawer:not(.open){display:none}
.s-drawer ul{list-style:none;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.s-drawer a{display:block;padding:11px 2px;font-weight:800;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.18)}
.s-drawer a[aria-current="page"]{color:var(--cyan)}

/* desk */
.desk{padding-block:18px 40px}
.desk-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
.desk-grid>*{min-width:0}
.crumbs{font:15px var(--f-label);color:var(--desk-ink);margin:0 0 12px}
.aside{display:grid;gap:18px;align-content:start}

/* folder + sheet */
.folder{position:relative;background:var(--manila);background-image:linear-gradient(rgba(221,191,131,.82),rgba(214,183,120,.9)),url("../img/paper.jpg");background-size:cover;border-radius:4px 10px 6px 6px;padding:22px 8px 10px;box-shadow:0 10px 24px rgba(0,0,0,.45),inset 0 0 0 1px rgba(120,90,40,.25);margin-top:22px}
.folder::before{content:attr(data-tab);position:absolute;right:16px;top:-22px;height:24px;padding:3px 18px 0;background-color:var(--manila);border-radius:8px 8px 0 0;font:700 13px/1.4 var(--f-label);color:#5A4520}
.sheet{position:relative;background:linear-gradient(rgba(242,235,216,.5),rgba(242,235,216,.5)),url("../img/paper.jpg") center/cover;padding:30px 18px 26px 46px;box-shadow:0 1px 3px rgba(0,0,0,.35),2px 3px 0 -1px #E8DFC7,3px 5px 2px -1px rgba(0,0,0,.25);font-family:var(--f-type)}
.stains{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.clip{position:absolute;top:-16px;left:58%;width:30px;height:auto;aspect-ratio:36/110;z-index:3;pointer-events:none;overflow:visible;filter:drop-shadow(1px 2px 1px rgba(0,0,0,.3));transform-origin:55% 22%;transform:scaleX(-1) rotate(15deg)}
.coffee{position:absolute;width:250px;height:250px;mix-blend-mode:multiply;opacity:.75;pointer-events:none}
.s-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font:14px var(--f-label)}
.s-top .org{font-weight:700;letter-spacing:.08em}
.s-title{text-align:center;margin:18px 0 4px}
.s-title h1,.s-title-h{font:400 1.45rem/1.2 var(--f-type);margin:0;letter-spacing:.08em;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
/* report headings: the typed kind, then the file's subject on its own line; inline-block
   so the kind's underline does not run under it */
.h1-kind{display:inline}
.h1-re{display:inline-block;margin-top:8px;font:400 1rem/1.35 var(--f-label);letter-spacing:.02em;text-transform:none;overflow-wrap:anywhere}
h1.crumbs{font-weight:400}
.s-title p,.s-note{font:italic 14px/1.4 var(--f-label);margin:8px 0 0;color:var(--faint)}
.stamp{margin-left:auto;align-self:center;transform:rotate(-8deg) translateY(-4px);color:var(--stamp);border:3px solid currentColor;border-radius:6px;padding:4px 12px 2px;font:900 1.3rem/1 var(--f-site);letter-spacing:.1em;opacity:.8;mix-blend-mode:multiply;filter:url(#ink);pointer-events:none}
.sec{margin-top:26px}
.sec-h{font:400 1rem/1.2 var(--f-type);letter-spacing:.12em;margin:0 0 4px;padding-bottom:6px;border-bottom:2px solid var(--type);display:flex;gap:10px;align-items:baseline}
.sec-h b{font-weight:400;border:1.5px solid var(--type);padding:0 6px}
.q{position:relative;padding-block:12px 4px}
.q .n{position:absolute;left:-40px;top:6px;height:34px;width:auto;transform:rotate(-4deg)}
.q:nth-child(even) .n{transform:rotate(3deg)}
.q .lab{font:14px/1.35 var(--f-label);color:var(--faint);margin:0 0 3px}
.ans{font:19px/1.6 var(--f-type);background-color:rgba(120,92,45,.18);border-bottom:1px solid rgba(34,30,26,.35);border-radius:2px 2px 0 0;min-height:1.6em;padding:3px 10px;overflow-wrap:anywhere}
.ans.long{border:0;font:18px/1.7 var(--f-label);color:#16130F;background-image:repeating-linear-gradient(transparent 0 calc(1.7em - 1px),rgba(34,30,26,.16) calc(1.7em - 1px) 1.7em);min-height:3.4em;max-width:68ch;padding:0 10px}
.ans .fmt{font:13px var(--f-label);color:var(--faint);margin-left:10px;white-space:nowrap}
.ans .blank{font:italic 14px var(--f-label);color:var(--faint)}
.redact{display:inline-block;background:#141210;height:1.05em;width:6ch;vertical-align:-.18em;margin-left:.4em;filter:url(#rough);border-radius:1px}
.redact.email{width:17ch;margin-left:0}
.redact.part{width:4ch;margin-left:0}
.ledger .who .redact.part{width:3ch}
.s-foot{margin-top:28px;padding-top:10px;border-top:1px solid rgba(34,30,26,.5);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;font:14px var(--f-label)}

/* index */
.find{display:flex;flex-wrap:wrap;align-items:end;gap:8px 12px;margin-top:22px;font:14px var(--f-label)}
.find label{color:var(--faint)}
.find input{font:18px var(--f-type);background:transparent;border:0;border-bottom:1px dotted rgba(34,30,26,.7);padding:4px 2px;min-width:0;flex:1 1 180px;color:var(--type);min-height:40px}
.find button{font:700 14px var(--f-label);background:var(--type);color:var(--sheet);border:0;padding:0 14px;min-height:40px;cursor:pointer;letter-spacing:.06em}
.ledger{width:100%;border-collapse:collapse;margin-top:18px;font-family:var(--f-type)}
.ledger thead{display:none}
.ledger th{font:700 13px var(--f-label);text-align:left;letter-spacing:.06em;border-bottom:2px solid var(--type);padding:6px 8px;white-space:nowrap}
.ledger tbody tr{display:grid;grid-template-columns:auto 1fr;gap:0 10px;padding:10px 2px;border-bottom:1px solid rgba(34,30,26,.3)}
.ledger td{padding:0}
.ledger .no,.ledger .dt{font:13px var(--f-label);color:var(--faint)}
.ledger .dt{text-align:right}
.ledger .loc{grid-column:1/-1;font-size:18px;overflow-wrap:anywhere}
.ledger .loc a{color:var(--type);text-decoration:none}
.ledger .loc a:hover,.ledger .loc a:focus-visible{background:linear-gradient(transparent 50%,rgba(255,225,26,.75) 50%)}
.ledger .who{grid-column:1/-1;font:14px var(--f-label);color:var(--faint)}
.ledger .who .redact{width:5ch}
.pages{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;justify-content:center;margin-top:18px;font:15px var(--f-label)}
.pages [aria-current]{border:1.5px solid var(--type);padding:0 6px}
.empty{font:16px var(--f-label);margin-top:22px}

/* index cards */
.card{background:#FBF8F0;background-image:linear-gradient(#E36B6B,#E36B6B),repeating-linear-gradient(transparent 0 23px,#BFD3E6 23px 24px);background-size:100% 2px,100% 100%;background-position:0 34px,0 36px;background-repeat:no-repeat,repeat;padding:10px 16px 14px;box-shadow:0 6px 14px rgba(0,0,0,.4);font:15px/24px var(--f-type);transform:rotate(-1deg)}
.card:nth-child(odd){transform:rotate(1.2deg)}
.card h2{font:400 16px/24px var(--f-type);margin:0 0 12px;letter-spacing:.04em}
.card p{margin:0}
.card a{color:#0B3E8A}

/* ads */
.ad{display:grid;gap:4px;justify-items:center}
.ad .adl{font:.72rem/1 var(--f-site);letter-spacing:.04em;color:var(--desk-ink)}
.ad ins{width:100%}
.ad-c{margin-top:22px;min-height:250px}
.ad-b{display:none}

/* footer */
.s-footer{background:var(--head);color:#DCE9F2;font-size:.95rem;border-top:3px solid var(--cyan)}
.s-footer a{color:#9FDDF6}
.f-cols{display:grid;gap:20px;padding-block:26px 16px}
.f-cols h2{font:800 .9rem/1.2 var(--f-site);color:#9FB6C7;margin:0 0 8px}
.f-cols ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.f-base{border-top:1px solid rgba(255,255,255,.15);padding-block:12px 18px;color:#9FB6C7;font-size:.85rem}

@media (min-width:640px){
  .wrap{padding-inline:24px}
  .s-logo{flex:0 0 auto;margin-right:auto}
  .s-logo img{height:56px}
  .s-nav{display:flex;order:3;width:calc(100% + 20px);margin-inline:-10px;overflow-x:auto}
  .js .s-menu,.s-menu,.s-drawer{display:none!important}
  .s-cta{flex:0 0 auto}
  .s-cta .long{display:inline}.s-cta .short{display:none}
  .folder{padding:26px 22px 18px}
  .sheet{padding:44px 44px 34px 88px}
  .q .n{left:-66px;height:44px}
  .stamp{font-size:1.6rem;margin-right:12px}
  .s-title h1,.s-title-h{font-size:1.75rem}
  .ledger thead{display:table-header-group}
  .ledger tbody tr{display:table-row}
  .ledger td{padding:9px 8px;border-bottom:1px solid rgba(34,30,26,.3);vertical-align:baseline}
  .ledger .dt{text-align:left}
  .aside{grid-template-columns:1fr 1fr}
  .f-cols{grid-template-columns:repeat(3,1fr)}
}
@media (min-width:1024px){
  .wrap{padding-inline:32px}
  .s-head-in{flex-wrap:nowrap}
  .s-logo img{height:60px}
  .s-nav{order:0;width:auto;margin:0 auto 0 8px;overflow:visible;gap:8px;justify-content:center}
  .desk{padding-block:26px 56px}
  .desk-grid{grid-template-columns:minmax(0,1fr) 300px;gap:40px}
  .aside{grid-template-columns:1fr;padding-top:34px}
  .ad-b{display:grid;position:sticky;top:12px;min-height:600px}
  .sheet{padding:52px 64px 40px 104px}
  .q .n{left:-74px;height:50px}
}

/* map clipping */
.clipping{margin:22px 0 0;display:grid;justify-items:start;gap:4px}
.clip-map{position:relative;width:min(100%,460px);transform:rotate(-1.2deg);filter:drop-shadow(0 3px 5px rgba(0,0,0,.3))}
.clip-map::before{content:"";position:absolute;left:18%;top:-10px;width:80px;height:22px;background:rgba(236,226,196,.85);transform:rotate(-4deg);z-index:2}
.clip-map::after{content:"";position:absolute;right:14%;top:-9px;width:64px;height:20px;background:rgba(236,226,196,.85);transform:rotate(5deg);z-index:2}
.clip-map img{display:block;width:100%;height:auto;mix-blend-mode:multiply;clip-path:polygon(0 1%,12% 0,27% 1.5%,41% .3%,58% 1.2%,73% 0,88% 1%,100% 0,99.4% 12%,100% 26%,99.2% 41%,100% 55%,99.5% 70%,100% 86%,99.3% 100%,85% 98.8%,70% 100%,55% 98.6%,41% 100%,27% 98.9%,13% 100%,0 99%,.6% 84%,0 69%,.8% 53%,0 38%,.5% 22%)}
.ring{position:absolute;left:50%;top:50%;width:24%;aspect-ratio:1;transform:translate(-50%,-50%) rotate(-8deg);overflow:visible;pointer-events:none}
.clipping figcaption{width:min(100%,460px);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;padding-inline:14px 4px}
.clipping .ref{font:26px/1 "Reenie Beanie",cursive;color:#3B2A8F;transform:rotate(-2deg);display:inline-block}
.clipping .osm{font:11px/1.3 var(--f-label);color:var(--faint)}
.map-note{font:14px/1.5 var(--f-label);color:var(--faint);margin:10px 0 0;max-width:60ch}

/* polaroids */
.sec-h .count{margin-left:auto;font:13px var(--f-label);letter-spacing:0;color:var(--faint)}
.photos{display:flex;flex-wrap:wrap;justify-content:center;gap:26px 14px;padding:26px 0 8px;margin-left:-28px}
.polaroid{position:relative;display:block;width:calc(50% - 10px);max-width:210px;background:#FBFAF4;padding:7px 7px 30px;box-shadow:0 1px 1px rgba(0,0,0,.15),0 6px 14px rgba(0,0,0,.3);text-decoration:none;transform:rotate(-4deg);transition:transform .15s}
.polaroid:nth-child(2){transform:rotate(3deg) translateY(8px)}
.polaroid:nth-child(3){transform:rotate(-1.5deg)}
.polaroid:hover,.polaroid:focus-visible{transform:rotate(0) scale(1.04);z-index:2}
.polaroid::before{content:"";position:absolute;left:50%;top:-11px;width:74px;height:22px;transform:translateX(-50%) rotate(-3deg);background:rgba(236,226,196,.82);box-shadow:0 1px 2px rgba(0,0,0,.15)}
.polaroid img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;background:#222;filter:saturate(.88) contrast(1.04) sepia(.06)}
.polaroid .cap{position:absolute;left:6px;right:6px;bottom:5px;font:20px/1 "Reenie Beanie","Comic Sans MS",cursive;color:#3B2A8F;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.viewer{border:0;padding:12px 12px 8px;background:#FBFAF4;max-width:min(94vw,1100px);box-shadow:0 20px 60px rgba(0,0,0,.6)}
.viewer::backdrop{background:rgba(5,8,15,.82)}
.viewer img{display:block;max-width:100%;max-height:80vh;width:auto;height:auto}
.viewer-cap{font:28px/1.2 "Reenie Beanie",cursive;color:#3B2A8F;text-align:center;margin:8px 0 0}
.viewer-close{position:absolute;right:10px;top:10px;font:700 14px var(--f-site);background:#FBFAF4;border:0;border-radius:4px;padding:6px 10px;cursor:pointer}
@media (min-width:640px){.photos{margin-left:0;gap:26px 18px}.polaroid{width:calc(33.3% - 14px);padding:9px 9px 38px}.polaroid .cap{font-size:24px;bottom:6px}}
@media (prefers-reduced-motion:reduce){.polaroid{transition:none}}

/* first photo clipped to the top of the report: the paperclip sits in the photo's frame,
   hooked over the photo's top edge */
.s-lead{display:grid;grid-template-columns:minmax(0,112px) 1fr;gap:0 16px;align-items:start}
.s-lead .s-title{margin-top:14px}
.s-lead .s-top{justify-content:flex-end}
.pin{position:relative;margin:-18px 0 0 -30px}
.polaroid.pinned{width:auto;max-width:none;margin:0;padding:6px 6px 26px;transform:rotate(-2.5deg)}
.polaroid.pinned::before{display:none}
.polaroid.pinned .cap{font-size:18px}
.pinned .clip{top:-31px;left:24%;width:28px}
@media (min-width:640px){
  .s-lead{grid-template-columns:170px 1fr;gap:0 28px}
  .pin{margin:-30px 0 0 -62px}
  .polaroid.pinned{padding:8px 8px 32px}
  .polaroid.pinned .cap{font-size:22px}
  .pinned .clip{top:-41px;width:36px}
}
@media (min-width:1024px){.s-lead{grid-template-columns:190px 1fr}.pin{margin:-36px 0 0 -74px}}

/* photo wall: polaroids taped straight onto the desk */
.wall-head{display:inline-block;max-width:100%;background:url("../img/paper.jpg") center/cover;padding:12px 22px 10px;box-shadow:0 6px 14px rgba(0,0,0,.4);transform:rotate(-.8deg);margin-top:8px}
.wall-head h1{font:400 1.45rem/1.2 var(--f-type);letter-spacing:.08em;margin:0;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.wall-head p{font:italic 14px/1.4 var(--f-label);color:var(--faint);margin:6px 0 0;max-width:46ch}
.wall-empty{font:16px var(--f-label);color:var(--desk-ink)}
.wall{list-style:none;margin:36px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:40px 20px}
.wall li{min-width:0}
.wall .polaroid{width:auto;max-width:none;margin:0}
.wall li:nth-child(4n+1) .polaroid{transform:rotate(-3.5deg)}
.wall li:nth-child(4n+2) .polaroid{transform:rotate(2.5deg) translateY(10px)}
.wall li:nth-child(4n+3) .polaroid{transform:rotate(-1deg) translateY(-4px)}
.wall li:nth-child(4n) .polaroid{transform:rotate(4deg) translateY(6px)}
.wall .polaroid:hover,.wall .polaroid:focus-visible{transform:rotate(0) scale(1.05);z-index:2}
.wall .archive img{filter:saturate(.7) sepia(.2)}
.wall .wall-tag{font:13px/1.3 var(--f-label);color:var(--desk-ink);margin:16px 0 0;text-align:center;overflow-wrap:anywhere}
.wall-pages .pages{color:var(--desk-ink);margin-top:34px}
.wall-pages .pages [aria-current]{border-color:var(--desk-ink)}
@media (min-width:640px){.wall{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:48px 30px}}

/* links page: typed list of sites under each section */
.sites{list-style:none;margin:0;padding:0}
.sites li{padding:12px 0 10px;border-bottom:1px dashed rgba(34,30,26,.35)}
.sites li:last-child{border-bottom:0}
.sites a{font:19px/1.3 var(--f-type);color:var(--type);text-decoration-thickness:1px;text-underline-offset:3px}
.sites a:hover,.sites a:focus-visible{background:linear-gradient(transparent 50%,rgba(255,225,26,.75) 50%)}
.sites .dom{display:inline-block;margin-left:10px;font:13px var(--f-label);color:var(--faint)}
.sites p{margin:4px 0 0;font:16px/1.55 var(--f-label);max-width:62ch}

/* about, history, contact */
.s-body a{color:var(--type)}
.s-list{padding-left:1.3em}
.s-list li{margin:4px 0}
.ledger.diary tbody tr{grid-template-columns:1fr}
.ledger.diary .dt{text-align:left}
.ledger.diary .ent{font:16px/1.55 var(--f-label);color:#16130F;max-width:62ch}
/* the 1997 about page keeps its GeoCities-era look: Times on a white card */
.orig{margin-top:14px;background:#FFFEF8;padding:14px 18px 10px;box-shadow:0 1px 3px rgba(0,0,0,.3);transform:rotate(-.4deg);font:16px/1.5 "Times New Roman",Times,serif;color:#111;max-width:64ch}
.orig h3{font:700 18px/1.3 "Times New Roman",Times,serif;color:#000080;margin:12px 0 4px}
.orig h3:first-child{margin-top:0}
.orig p{margin:0 0 8px}
.orig .sig{font-style:italic}
.award{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin:14px 0 0}
.award img{display:block;image-rendering:pixelated;box-shadow:0 1px 3px rgba(0,0,0,.3)}
.award figcaption{font:16px/1.5 var(--f-label);max-width:40ch}
@media (min-width:640px){.ledger.diary tbody tr{display:table-row}.ledger.diary .dt{white-space:nowrap;width:7em}}

/* report form */
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.report-form fieldset{border:0;margin:0;padding-inline:0;min-width:0}
.report-form .lab{display:block}
.hint{font:italic 13px/1.4 var(--f-label);color:var(--faint)}
.fld{display:block;width:100%;font:19px/1.5 var(--f-type);color:#16130F;background-color:rgba(120,92,45,.18);border:0;border-bottom:1.5px solid rgba(34,30,26,.5);border-radius:2px 2px 0 0;padding:6px 10px;min-height:44px}
.fld.short{max-width:16rem}
.fld.long{font:18px/1.7 var(--f-label);background-image:repeating-linear-gradient(transparent 0 calc(1.7em - 1px),rgba(34,30,26,.16) calc(1.7em - 1px) 1.7em);background-attachment:local;resize:vertical;min-height:7em;padding:0 10px}
.fld:focus{outline:3px solid #3B2A8F;outline-offset:1px;background-color:rgba(120,92,45,.08)}
.fld[aria-invalid="true"]{border-bottom-color:var(--stamp);box-shadow:inset 3px 0 0 var(--stamp)}
.pair{display:grid;gap:4px 12px}
.sub{font:13px var(--f-label);color:var(--faint)}
.choices{display:grid;gap:6px;margin:4px 0}
.choice{display:flex;gap:10px;align-items:flex-start;font:16px/1.4 var(--f-label);cursor:pointer}
.choice input{width:20px;height:20px;margin:1px 0 0;accent-color:#3B2A8F;flex:none}
.f-err{font:700 14px/1.4 var(--f-label);color:var(--stamp);margin:6px 0 0}
.f-summary{margin-top:18px;border:2px solid var(--stamp);padding:10px 14px;font:15px/1.5 var(--f-label);background:rgba(184,35,42,.06)}
.f-summary p{margin:0 0 6px;font-weight:700}
.f-summary ul{margin:0;padding-left:1.2em}
.f-summary a{color:var(--stamp)}
.photos.upload .slot{display:grid;gap:6px;padding:9px 9px 10px;cursor:default}
.slot .pick{display:grid;place-items:center;aspect-ratio:1;background:#E7E2D2;border:2px dashed rgba(34,30,26,.3);color:var(--faint);font:14px var(--f-label);text-align:center;cursor:pointer;position:relative;overflow:hidden}
.slot .pick .plus{font:48px/1 var(--f-site);display:block}
.slot.has .pick{border-style:solid}
.slot.has .pick span{display:none}
.slot .pick img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.slot .file{font:12px var(--f-label);width:100%}
.js .slot .file{position:absolute;width:1px;height:1px;opacity:0}
.slot .file:focus-visible + .cap-in,.slot:focus-within .pick{outline:3px solid #3B2A8F;outline-offset:2px}
.slot .cap-in{font:22px/1 "Reenie Beanie",cursive;color:#3B2A8F;border:0;border-bottom:1px dotted rgba(34,30,26,.4);background:transparent;text-align:center;width:100%;padding:4px 0;min-height:36px}
/* sighting or abduction: CSS-only switch, so it works without JavaScript */
.report-form [data-kind="abduction"],.report-form:has(#kind-abduction:checked) [data-kind="sighting"]{display:none}
.report-form:has(#kind-abduction:checked) [data-kind="abduction"]{display:revert}
.kind{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.kind-opt{display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:8px 12px;border:1.5px dashed rgba(34,30,26,.45);border-radius:3px;font:18px/1.2 var(--f-type);color:var(--faint);cursor:pointer;text-align:center}
.kind-opt input{width:20px;height:20px;margin:0;accent-color:#3B2A8F;flex:none}
.kind-opt:has(input:checked){border:2px solid var(--type);color:var(--type);background:rgba(120,92,45,.18)}
.kind-opt:has(input:focus-visible){outline:3px solid #3B2A8F;outline-offset:2px}
/* map picker on the report form */
.map-tools{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 10px}
.map-tools .fld{flex:1 1 14rem;width:auto}
.map-pick{height:320px;border:6px solid #FBFAF4;box-shadow:0 2px 6px rgba(0,0,0,.3);background:#cfd8dc;z-index:0}
.map-pick .leaflet-tile-pane{filter:sepia(.3) saturate(.8) contrast(1.02)}
.map-pick:focus-visible{outline:3px solid #3B2A8F;outline-offset:2px}
.map-ring{background:none;border:0}
.map-ring svg{width:44px;height:44px;display:block}
.map-status{min-height:1.4em;margin:6px 0 0}
@media (min-width:640px){.map-pick{height:380px}}
.consent{margin-top:26px;padding-top:14px;border-top:1px solid rgba(34,30,26,.4)}
.send{margin-top:18px;display:flex;justify-content:flex-end}
.send .s-cta{flex:0 0 auto;font-size:1.05rem;padding:0 26px;min-height:50px;border:0;cursor:pointer}
.s-body{font:17px/1.6 var(--f-label);margin:12px 0 0;max-width:62ch}
@media (min-width:640px){.pair{grid-template-columns:auto 1fr;align-items:center}}

/* admin */
.admin .wrap{max-width:1180px}
.admin-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;font:15px var(--f-label);color:var(--desk-ink)}
.admin-bar a{color:var(--desk-ink)}
.admin-bar button{font:inherit;color:var(--desk-ink);background:none;border:1px solid rgba(234,223,200,.5);border-radius:4px;padding:6px 12px;cursor:pointer}
.admin-flash{background:#FBF8F0;border-left:4px solid #3B7A3A;padding:10px 14px;font:15px var(--f-label);margin:0 0 14px}
.admin-sheet{padding:30px 22px}
.tabs{display:flex;gap:6px;margin:18px 0 6px;border-bottom:2px solid var(--type);font:15px var(--f-label)}
.tabs a{padding:8px 12px;text-decoration:none;border:1.5px solid transparent;border-bottom:0}
.tabs a[aria-current]{border-color:var(--type);background:rgba(255,255,255,.4);font-weight:700}
.admin-ledger td,.admin-ledger th{vertical-align:top}
.admin-ledger .ex{font:14px/1.4 var(--f-label);color:var(--type)}
.admin-ledger input[type=checkbox]{width:18px;height:18px}
.tag{display:inline-block;font:11px var(--f-label);border:1px solid var(--faint);padding:0 4px;margin-left:4px}
.bulk-bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;font:14px var(--f-label)}
.pages-inline a{margin-left:10px}
button.danger{font:700 14px var(--f-label);color:#fff;background:var(--stamp);border:0;border-radius:4px;padding:10px 16px;cursor:pointer;min-height:44px}
button.plain{font:14px var(--f-label);background:#FBF8F0;border:1px solid rgba(34,30,26,.4);border-radius:4px;padding:0 12px;min-height:44px;cursor:pointer}
.coord-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.coord-row .fld{flex:1 1 16rem}
.review-photo{cursor:pointer}
.review-photo .keep{display:flex;justify-content:center;gap:6px;font:13px var(--f-label);margin-top:6px}
.review-photo .cap{position:static;display:block;margin-top:6px}
.review-actions{display:flex;justify-content:space-between;gap:12px;margin-top:28px;padding-top:14px;border-top:1px solid rgba(34,30,26,.4)}
.review-actions .s-cta{flex:0 0 auto;border:0;cursor:pointer;min-height:48px;padding:0 26px}
.login{max-width:28rem}
@media (min-width:640px){.admin-sheet{padding:40px 44px}}

/* home: one folder for what the site is, then plain cards; kept sparse on purpose */
.home-hero{padding:30px 22px 26px}
.home-hero .eyebrow{font:13px var(--f-label);letter-spacing:.24em;color:var(--faint);margin:0 0 14px}
.home-hero h1{font:700 clamp(1.75rem,1.1rem + 2.6vw,2.7rem)/1.18 var(--f-label);letter-spacing:.01em;margin:0;max-width:24ch;text-wrap:balance}
.home-hero h1::after{content:"";display:block;width:5.5rem;height:3px;background:var(--stamp);margin-top:18px;opacity:.85}
.home-hero .lede{font:17px/1.65 var(--f-label);margin:18px 0 0;max-width:52ch;color:#16130F}
.home-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 14px;margin-top:24px}
.home-actions .stamp{font-size:1.05rem;margin-left:auto}
.btn{display:inline-flex;align-items:center;gap:.4em;min-height:48px;padding:0 20px;background:#1F2D52;color:#fff;text-decoration:none;font:800 1rem/1.2 var(--f-site);border-radius:3px;box-shadow:0 2px 0 rgba(0,0,0,.35)}
.btn:hover{background:#2A3C6B}
.btn-ghost{background:transparent;color:var(--type);box-shadow:inset 0 0 0 1.5px rgba(34,30,26,.6)}
.btn-ghost:hover{background:rgba(120,92,45,.14)}
.home-sec{margin-top:34px}
.desk-h{font:700 14px/1.2 var(--f-label);letter-spacing:.26em;color:var(--desk-ink);margin:0 0 14px}
.desk-more{font:15px var(--f-label);margin:14px 0 0}
.desk-more a{color:var(--desk-ink)}
.file-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
@media (max-width:419px){.file-cards{grid-template-columns:minmax(0,1fr)}}
.file-card{background:linear-gradient(rgba(242,235,216,.6),rgba(242,235,216,.6)),url("../img/paper.jpg") center/cover;padding:10px 14px 14px;box-shadow:0 4px 12px rgba(0,0,0,.35);display:flex;flex-direction:column;position:relative}
.fc-img{position:absolute;top:12px;right:12px;width:76px;height:76px;object-fit:cover;background:#1c2233;border:3px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transform:rotate(2deg)}
.file-card:has(.fc-img){padding-right:102px;min-height:104px}
.file-card:has(.fc-img) .fc-link{margin-right:-88px}
@media (max-width:639px){.fc-img{width:58px;height:58px}.file-card:has(.fc-img){padding-right:80px}.file-card:has(.fc-img) .fc-link{margin-right:-66px}}
.fc-map{mix-blend-mode:multiply;filter:sepia(.25)}
.fc-no{font:12px var(--f-label);letter-spacing:.08em;color:var(--faint);margin:4px 0 4px}
.file-card h3{font:700 1.05rem/1.3 var(--f-label);margin:0 0 6px;overflow-wrap:anywhere}
.file-card h3 a{text-decoration:none}
.file-card h3 a:hover,.file-card h3 a:focus-visible{background:linear-gradient(transparent 50%,rgba(255,225,26,.75) 50%)}
.fc-quote{font:15px/1.5 var(--f-type);margin:0;color:#16130F;overflow-wrap:anywhere}
.fc-link{font:14px var(--f-label);margin:auto 0 0;padding-top:10px}
.fc-link a{color:#0B3E8A}
.home-news{list-style:none;margin:0;padding:6px 16px;background:linear-gradient(rgba(242,235,216,.6),rgba(242,235,216,.6)),url("../img/paper.jpg") center/cover;box-shadow:0 4px 12px rgba(0,0,0,.35)}
.home-news li{display:grid;justify-items:start;gap:6px;padding:12px 0;border-bottom:1px dashed rgba(34,30,26,.4);font:16px/1.45 var(--f-label)}
.home-news li:last-child{border-bottom:0}
.home-news a{color:var(--type)}
.panel{background:#FBF8F0;padding:16px 18px 14px;box-shadow:0 6px 14px rgba(0,0,0,.4);font:15px/1.5 var(--f-label)}
.panel:nth-child(odd){transform:rotate(.5deg)}
.panel:nth-child(even){transform:rotate(-.4deg)}
.panel h2{font:700 14px/1.2 var(--f-label);letter-spacing:.2em;margin:0 0 12px;padding-bottom:8px;border-bottom:2px solid rgba(184,35,42,.75)}
.panel p{margin:8px 0 0}
.panel a{color:#0B3E8A}
.panel .find{margin-top:0}
.panel-note{font-size:13px;color:var(--faint)}
.panel-map{display:block;width:100%;height:auto;mix-blend-mode:multiply;filter:sepia(.25);border:4px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.25)}
.panel-navy{background:#1F2D52;color:#E6EDF7}
.panel-navy h2{border-bottom-color:rgba(159,221,246,.6)}
.panel-navy a{color:#9FDDF6}
@media (min-width:640px){.home-hero{padding:44px 48px 36px}}
@media (min-width:1024px){.home-hero{padding:52px 60px 44px}}
@media (prefers-reduced-motion:reduce){.panel{transform:none}}

/* associates: the "back to" strip on every page, and the programme's own pages */
.assoc-bar{background:#FBF8F0;border-bottom:1px solid rgba(34,30,26,.25);font:15px/1.4 var(--f-label);padding-block:9px}
.assoc-bar a{color:#0B3E8A;margin-left:.4em;white-space:nowrap}
.steps{margin:12px 0 0;padding-left:1.3em;font:17px/1.6 var(--f-label);max-width:62ch}
.steps li+li{margin-top:6px}
.assoc-form{margin-top:10px}
.assoc-sheet .sec-h{margin-top:30px}
.faq{margin:12px 0 0;font:16px/1.55 var(--f-label);max-width:62ch}
.faq dt{font-weight:700;margin-top:14px}
.faq dd{margin:4px 0 0}
.tally{display:flex;flex-wrap:wrap;gap:12px 36px;margin-top:12px;font:16px var(--f-label)}
.tally p{margin:0}
.tally b{display:block;font:700 2rem/1.1 var(--f-label);font-variant-numeric:tabular-nums}
textarea.code{font:14px/1.5 var(--f-label);resize:vertical;padding:8px 10px;min-height:0}
.box-preview{display:block;border:0;max-width:100%;box-shadow:0 4px 12px rgba(0,0,0,.35);margin-top:6px}

/* search */
.search-sheet .find{margin-bottom:6px}
.search-back{text-align:left;margin-top:14px}
.hits{margin-top:28px}
.hit-list{list-style:none;margin:0;padding:0}
.hit-list li{padding:12px 0;border-bottom:1px dashed rgba(34,30,26,.35)}
.hit-t{font:700 17px/1.35 var(--f-label);color:var(--type);text-decoration:none;overflow-wrap:anywhere}
a.hit-t:hover,a.hit-t:focus-visible{text-decoration:underline}
.hit-m{display:block;font:13px var(--f-label);color:var(--faint);margin-top:3px}
.hit-m .kind-chip{font-size:10px;padding:2px 5px 1px;margin-right:4px}
.hit-x{font:15px/1.55 var(--f-type);margin:6px 0 0;max-width:68ch;color:#16130F;overflow-wrap:anywhere}
.hit-list mark{background:rgba(255,225,26,.7);color:inherit;padding:0 1px}
.hit-more{font:15px var(--f-label);margin:12px 0 0}
.hit-more a{color:#0B3E8A}

/* news desk: the daily briefing, typed as a list of dispatches with the time in the margin */
/* the clip sits left of centre here, clear of the SAMPLE stamp in the top line */
.brief-sheet .clip{left:34%}
.brief{list-style:none;margin:22px 0 0;padding:0}
.disp{position:relative;padding-block:18px 20px;border-top:1px dashed rgba(34,30,26,.45)}
.disp:first-child{border-top:2px solid var(--type)}
.disp .when{position:absolute;left:-44px;top:20px;width:38px;margin:0;display:grid;font:11px/1.25 var(--f-label);color:var(--faint);text-align:right;font-variant-numeric:tabular-nums}
.disp .when span:first-child{font-weight:700;color:var(--type)}
.kind-chip{display:inline-block;margin:0;font:700 11px/1 var(--f-label);letter-spacing:.12em;border:1.5px solid currentColor;padding:4px 7px 3px}
.k-official{color:var(--type)}
.k-claim{color:var(--stamp)}
.k-analysis{color:#3B2A8F}
.disp h2{font:400 1.25rem/1.3 var(--f-type);margin:10px 0 6px;letter-spacing:.02em;text-wrap:balance}
.disp h2 a{text-decoration:none}
.disp h2 a:hover,.disp h2 a:focus-visible{background:linear-gradient(transparent 50%,rgba(255,225,26,.75) 50%)}
.disp-body{font:17px/1.6 var(--f-label);margin:0;max-width:62ch;color:#16130F}
.src{font:14px var(--f-label);color:var(--faint);margin:8px 0 0}
.src a{color:var(--type)}
.correction{font:14px/1.5 var(--f-label);margin:8px 0 0;padding:6px 10px;border-left:3px solid var(--stamp);background:rgba(184,35,42,.06);max-width:62ch}
.note{display:inline-block;margin:10px 0 0 4px;font:25px/1 "Reenie Beanie","Comic Sans MS",cursive;color:#3B2A8F;text-decoration:none;transform:rotate(-2deg)}
.note:hover,.note:focus-visible{text-decoration:underline;text-decoration-thickness:1px}
.ledger.dis .no{font:13px var(--f-label);color:var(--type)}
.ledger.dis .loc{font-size:17px}
.rec{font:11px var(--f-label);letter-spacing:.1em;border:1px solid var(--faint);padding:1px 5px}
@media (min-width:640px){
  .disp .when{left:-84px;width:62px;font-size:12px}
  .disp h2{font-size:1.4rem}
}
@media (min-width:1024px){.disp .when{left:-96px;width:70px}}

@media print{
  body{background:#fff}
  .s-head,.s-footer,.aside,.ad,.crumbs{display:none}
  .folder{box-shadow:none;background:none;padding:0}
  .folder::before,.coffee,.clip{display:none}
  .polaroid{box-shadow:none;border:1px solid #ccc}
}