/* Palmdale Flight Line — apron-and-boundary layout, authored for this domain only. */
:root{
  --ink:#20241f;
  --flat:#ecefe8;
  --plate:#fbfdf8;
  --asphalt:#33352f;
  --asphalt-deep:#1d1f1a;
  --amber:#9a6403;
  --creosote:#476b4e;
  --rule:#c4cbbb;
  --quiet:#586052;
}
*{box-sizing:border-box}
body{
  margin:0;
  background:var(--flat);
  color:var(--ink);
  font:1.02rem/1.72 Georgia,Cambria,"Times New Roman",Times,serif;
}
h1,h2,h3{
  font-family:ui-sans-serif,system-ui,"Helvetica Neue","Segoe UI",Roboto,Arial,sans-serif;
  font-weight:700;
  line-height:1.2;
  letter-spacing:-.012em;
  overflow-wrap:anywhere;
  margin:0 0 .5em;
}
h1{font-size:clamp(1.5rem,4.4vw,2.2rem)}
h2{font-size:clamp(1.14rem,3.1vw,1.42rem)}
h3{font-size:1.02rem}
p{margin:0 0 1.05em}
a{color:var(--amber)}
a:hover{color:var(--creosote)}
img{max-width:100%;height:auto;display:block}

/* masthead --------------------------------------------------------------- */
.mast{background:var(--plate);border-bottom:7px solid var(--asphalt);padding:1.15rem 1rem .8rem}
.mast-in{max-width:70rem;margin:0 auto}
.markplate{
  font-family:ui-sans-serif,system-ui,"Helvetica Neue","Segoe UI",Roboto,Arial,sans-serif;
  font-size:1.38rem;
  font-weight:700;
  letter-spacing:.01em;
  color:var(--ink);
  text-decoration:none;
  display:inline-block;
  padding:0 0 .28rem;
  background-image:repeating-linear-gradient(90deg,var(--amber) 0 18px,transparent 18px 30px);
  background-size:100% 4px;
  background-position:0 100%;
  background-repeat:repeat-x;
}
.markplate i{font-style:normal;color:var(--amber)}
.marksub{
  font-family:ui-sans-serif,system-ui,"Helvetica Neue","Segoe UI",Roboto,Arial,sans-serif;
  font-size:.72rem;
  font-weight:600;
  letter-spacing:.19em;
  text-transform:uppercase;
  color:var(--quiet);
  margin:.55rem 0 .8rem;
  overflow-wrap:anywhere;
}
.legs ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.1rem 1.05rem}
.legs a{
  font-family:ui-sans-serif,system-ui,"Helvetica Neue","Segoe UI",Roboto,Arial,sans-serif;
  font-size:.86rem;
  font-weight:600;
  color:var(--asphalt);
  text-decoration:none;
  display:block;
  padding:.2rem 0;
  border-bottom:3px solid transparent;
  overflow-wrap:anywhere;
}
.legs a:hover{color:var(--amber);border-bottom-color:var(--rule)}
.legs a[aria-current="page"]{color:var(--amber);border-bottom-color:var(--amber)}

main{max-width:70rem;margin:0 auto;padding:1.8rem 1rem 3rem}

/* homepage bays ---------------------------------------------------------- */
.bays{margin:0 0 2.6rem}
.bay{
  background:var(--plate);
  border:1px solid var(--rule);
  border-left:6px solid var(--asphalt);
  padding:.85rem;
  margin:0 0 1.15rem;
}
.bay>a{display:grid;gap:.9rem;text-decoration:none;color:inherit}
.bay img{aspect-ratio:8/5;object-fit:cover}
.baytag{
  display:block;
  font-family:ui-sans-serif,system-ui,"Helvetica Neue","Segoe UI",Roboto,Arial,sans-serif;
  font-size:.68rem;
  font-weight:700;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--amber);
  margin:0 0 .35rem;
}
.bay h2{font-size:1.18rem;margin:0 0 .4rem}
.bay .gist{font-size:.97rem;color:#39402f;margin:0}
.attrib{
  font-family:ui-sans-serif,system-ui,"Helvetica Neue","Segoe UI",Roboto,Arial,sans-serif;
  font-size:.73rem;
  line-height:1.5;
  color:var(--quiet);
  margin:.7rem 0 0;
  overflow-wrap:anywhere;
}
.attrib a{color:var(--quiet)}
@media (min-width:46rem){
  .bay>a{grid-template-columns:19rem 1fr;align-items:start;gap:1.2rem}
  .bay:nth-child(even)>a{grid-template-columns:1fr 19rem}
  .bay:nth-child(even) .baycopy{order:-1}
}

/* standing blocks -------------------------------------------------------- */
.standfirst{max-width:44rem;margin:0 0 2.4rem}
.overline{
  font-family:ui-sans-serif,system-ui,"Helvetica Neue","Segoe UI",Roboto,Arial,sans-serif;
  font-size:.69rem;
  font-weight:700;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--amber);
  margin:0 0 .55rem;
  overflow-wrap:anywhere;
}
.standfirst .opener{font-size:1.08rem}
.stack{
  background:var(--plate);
  border:1px solid var(--rule);
  border-top:6px solid var(--creosote);
  padding:1.2rem 1.15rem 1.1rem;
  margin:0 0 2.4rem;
}
.stack h2{margin-top:0}
.stack ol{margin:.7rem 0 0;padding:0 0 0 1.35rem}
.stack li{padding:.26rem 0}
.stack a{font-weight:600}

/* article ---------------------------------------------------------------- */
.study{max-width:44rem;margin:0 auto 2.2rem;counter-reset:leg}
.study h2{
  margin-top:2em;
  padding-top:.85rem;
  border-top:2px solid var(--asphalt);
}
.study h2::before{
  counter-increment:leg;
  content:counter(leg,decimal-leading-zero);
  display:block;
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.2em;
  color:var(--amber);
  margin-bottom:.4rem;
}
.readout{
  margin:0 0 1.15em;
  padding:.9rem 1rem;
  background:var(--plate);
  border:1px solid var(--rule);
  font-family:ui-sans-serif,system-ui,"Helvetica Neue","Segoe UI",Roboto,Arial,sans-serif;
  font-size:.93rem;
}
.readout dt{font-weight:700;margin-top:.55rem;overflow-wrap:anywhere}
.readout dt:first-child{margin-top:0}
.readout dd{margin:.1rem 0 0;color:#3d4536;overflow-wrap:anywhere}
.sources{
  font-family:ui-sans-serif,system-ui,"Helvetica Neue","Segoe UI",Roboto,Arial,sans-serif;
  font-size:.85rem;
  line-height:1.62;
  color:#3b4335;
  border-top:3px dashed var(--rule);
  margin-top:1.9rem;
  padding-top:.85rem;
  overflow-wrap:anywhere;
}
.sources b{
  display:block;
  font-size:.68rem;
  font-weight:700;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--quiet);
  margin-bottom:.3rem;
}
.onward{
  max-width:44rem;
  margin:0 auto 2.2rem;
  border-left:6px solid var(--amber);
  padding:.2rem 0 .2rem .95rem;
  font-size:.95rem;
}
.onward ul{list-style:none;margin:.4rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.3rem 1.1rem}
.onward a{overflow-wrap:anywhere;font-weight:600}

/* ask panel -------------------------------------------------------------- */
.ask{
  max-width:44rem;
  margin:0 auto;
  background:var(--plate);
  border:1px solid var(--rule);
  border-bottom:6px solid var(--asphalt);
  padding:1.3rem 1.15rem 1.1rem;
}
.ask h2{margin-top:0}
.ask form{display:grid;gap:.9rem}
.ask label{
  display:block;
  font-family:ui-sans-serif,system-ui,"Helvetica Neue","Segoe UI",Roboto,Arial,sans-serif;
  font-size:.89rem;
  font-weight:700;
}
.ask input,.ask select,.ask textarea{
  display:block;width:100%;margin-top:.3rem;
  font:400 1rem/1.5 ui-sans-serif,system-ui,"Helvetica Neue","Segoe UI",Roboto,Arial,sans-serif;
  color:var(--ink);
  background:#fff;
  border:1px solid #9fa896;
  border-radius:0;
  padding:.56rem .64rem;
}
.ask textarea{min-height:7.75rem;resize:vertical}
.ask input:focus,.ask select:focus,.ask textarea:focus{outline:3px solid var(--amber);outline-offset:1px}
.ask button{
  font:700 1rem/1.2 ui-sans-serif,system-ui,"Helvetica Neue","Segoe UI",Roboto,Arial,sans-serif;
  color:var(--plate);
  background:var(--asphalt);
  border:0;
  padding:.72rem 1.5rem;
  cursor:pointer;
  justify-self:start;
}
.ask button:hover{background:var(--amber)}
.smallprint{
  font-family:ui-sans-serif,system-ui,"Helvetica Neue","Segoe UI",Roboto,Arial,sans-serif;
  font-size:.8rem;
  line-height:1.58;
  color:#4a5243;
  margin:0;
  overflow-wrap:anywhere;
}
.replyline{
  font-family:ui-sans-serif,system-ui,"Helvetica Neue","Segoe UI",Roboto,Arial,sans-serif;
  font-size:.95rem;
  font-weight:700;
  min-height:1.35em;
  margin:0;
  color:var(--asphalt-deep);
}
.offapron{position:absolute;left:-8000px;top:auto;width:1px;height:1px;opacity:0}

/* footing ---------------------------------------------------------------- */
.footbar{background:var(--asphalt-deep);color:#d5dbcd;padding:1.7rem 1rem 2.1rem;margin-top:1.4rem}
.footbar-in{max-width:70rem;margin:0 auto}
.footbar p{margin:0 0 .6em;font-size:.88rem;overflow-wrap:anywhere}
.footbar a{color:#e9b968}
.footbar .legs a{color:#dde3d5;border-bottom-color:transparent}
.footbar .legs a:hover{color:#e9b968;border-bottom-color:#e9b968}

@media (max-width:26rem){
  .mast{padding:.95rem .75rem .65rem}
  main{padding:1.3rem .75rem 2.2rem}
  .ask{padding:1.1rem .85rem .95rem}
  .stack{padding:1rem .85rem .9rem}
  .readout{padding:.75rem .8rem}
  .bay{padding:.7rem}
}