/* Camelback Dryout. Register I: Young Serif over Instrument Sans, olive-black ink,
   ocotillo crimson with pale sage. The first content band comes before the site bar;
   the bar follows it and sticks on wide screens. Cards are table rows. */
@font-face{font-family:"Young Serif";src:url(/assets/fonts/young-serif-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url(/assets/fonts/instrument-sans-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url(/assets/fonts/instrument-sans-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url(/assets/fonts/instrument-sans-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}
:root{
  --ink:#23261C;--ink-2:#353A2A;--paper:#F8F4EA;--sand:#EFE6D2;--sand-2:#E6DAC0;
  --crimson:#B8322B;--crimson-deep:#8E241F;--sage:#C9D8AE;--sage-2:#DCE7C8;--olive:#5B6A44;
  --muted:#4F5444;--rule:#D6CCB4;--lede:#E9E4D3;
  --measure:44rem;--gutter:1.15rem;
}
*,*::before,*::after{box-sizing:border-box}
html.cd-root{-webkit-text-size-adjust:100%;scroll-padding-top:4.5rem}
body.cd-body{margin:0;background:var(--paper);color:var(--ink);font-family:"Instrument Sans",system-ui,sans-serif;font-size:1.0625rem;line-height:1.62}
a{color:var(--crimson-deep);text-underline-offset:.18em;text-decoration-thickness:1px}
a:hover{color:var(--crimson)}
:focus-visible{outline:3px solid var(--crimson);outline-offset:2px}
.cd-skip{position:absolute;left:-999px;top:.5rem;background:var(--sage);color:var(--ink);padding:.7rem 1rem;z-index:30;font-weight:700}
.cd-skip:focus{left:.5rem}

/* first content band */
.towhee{background:var(--ink);color:var(--paper);padding:1.4rem var(--gutter) 2rem;position:relative;overflow:hidden}
.towhee::after{content:"";position:absolute;right:-3rem;bottom:-1px;width:26rem;height:7rem;opacity:.16;pointer-events:none;
  background:linear-gradient(transparent 60%,transparent),url("data:image/svg+xml,%3Csvg xmlns='http://www%2Ew3%2Eorg/2000/svg' viewBox='0 0 260 70'%3E%3Cpath d='M0 70V58c22 0 30-22 54-22 18 0 20 12 38 12 26 0 30-40 60-40 30 0 36 50 66 50 18 0 26-6 42-6v18z' fill='%23C9D8AE'/%3E%3C/svg%3E") no-repeat bottom right/contain}
.towhee-inner{max-width:68rem;margin:0 auto;position:relative;z-index:1}
.thrasher{margin:0 0 1.1rem;font-size:.9rem}
.thrasher-trail{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.1rem .2rem}
.thrasher-step{display:inline-flex;align-items:center;color:var(--lede)}
.thrasher-step+.thrasher-step::before{content:"\203A";margin:0 .45rem 0 .25rem;color:var(--sage)}
.thrasher-link{color:var(--sage-2);text-decoration:underline;display:inline-block;padding:.55rem 0;min-height:44px}
.thrasher-here{color:var(--lede);padding:.55rem 0}
.towhee-kicker{margin:0 0 .5rem;font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;color:var(--sage);font-weight:600}
.towhee-title{font-family:"Young Serif",Georgia,serif;font-weight:400;font-size:clamp(1.85rem,1.35rem + 2.4vw,3.15rem);line-height:1.1;margin:0 0 .85rem;max-width:22ch;color:#fff;letter-spacing:-.01em}
.towhee-lede{font-size:clamp(1.05rem,1rem + .3vw,1.22rem);max-width:38rem;margin:0 0 1.35rem;color:var(--lede)}
.towhee-dial{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;margin:0}
.towhee-jump{color:var(--sage-2);font-weight:600;display:inline-block;padding:.7rem 0;min-height:44px}
.towhee-pair{display:grid;gap:.75rem;max-width:40rem}
.covey{list-style:none;margin:1.25rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.45rem}
.covey-zip{border:1px solid rgba(201,216,174,.55);color:var(--sage-2);border-radius:999px;padding:.2rem .7rem;font-size:.9rem;font-variant-numeric:tabular-nums;letter-spacing:.03em}

/* call button */
.flicker{display:inline-flex;flex-direction:column;justify-content:center;background:var(--sage);color:var(--ink);text-decoration:none;border-radius:.45rem;padding:.6rem 1.15rem .65rem;min-height:3.4rem;box-shadow:0 2px 0 rgba(0,0,0,.25)}
.flicker:hover{background:var(--sage-2);color:var(--ink)}
.flicker-tag{font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2)}
.flicker-num{font-size:1.32rem;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
.flicker--ink{background:var(--crimson);color:#fff;box-shadow:none}
.flicker--ink .flicker-tag{color:#FBE9E6}
.flicker--ink:hover{background:var(--crimson-deep);color:#fff}

/* the site bar, after the band */
.oriole{background:var(--paper);border-bottom:1px solid var(--rule);z-index:20}
.oriole-inner{max-width:68rem;margin:0 auto;padding:.4rem var(--gutter);display:grid;grid-template-columns:1fr auto;grid-template-areas:"brand call" "nav nav";align-items:center;gap:.2rem .75rem}
.oriole-brand{grid-area:brand;display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--ink);min-height:44px}
.oriole-mark{width:2.2rem;height:1.5rem;color:var(--crimson)}
.oriole-word{font-family:"Young Serif",Georgia,serif;font-size:1.12rem;line-height:1}
.oriole-bold{font-weight:400;color:var(--crimson-deep)}
.oriole-nav{grid-area:nav}
.oriole-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0 .15rem}
.oriole-link{display:inline-block;padding:.65rem .5rem;min-height:44px;color:var(--ink);text-decoration:none;font-weight:600;font-size:.95rem}
.oriole-link[aria-current]{color:var(--crimson-deep);text-decoration:underline;text-decoration-thickness:2px}
.oriole-call{grid-area:call;color:var(--crimson-deep);font-weight:700;text-decoration:none;white-space:nowrap;padding:.65rem 0;min-height:44px;font-variant-numeric:tabular-nums}
.oriole-call--find{font-weight:600;text-decoration:underline}

/* fact ribbon */
.vireo{list-style:none;margin:0;padding:.9rem var(--gutter);background:var(--sand);border-bottom:1px solid var(--rule);display:grid;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:.55rem 1.5rem}
.vireo-cell{font-size:.95rem;line-height:1.4}
.vireo-k{display:block;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:600}
.vireo-v{font-weight:600}

/* reading column */
.tanager{max-width:var(--measure);margin:0 auto;padding:1.5rem var(--gutter) 3rem}
.kingbird{margin:0 0 2.2rem}
.kingbird-head{font-family:"Young Serif",Georgia,serif;font-weight:400;font-size:clamp(1.38rem,1.2rem + .8vw,1.75rem);line-height:1.2;margin:0 0 .8rem;color:var(--ink)}
.kingbird-p{margin:0 0 1rem}
.kingbird--sand{background:var(--sand);margin-left:calc(var(--gutter) * -1);margin-right:calc(var(--gutter) * -1);padding:1.3rem var(--gutter) .4rem;border-radius:.4rem}
.poorwill{border-left:4px solid var(--crimson);padding:.35rem 0 .35rem 1rem;margin:0 0 2rem;font-weight:600}
.nighthawk{background:var(--sand-2);border-radius:.5rem;padding:1.2rem 1.2rem 1.3rem;margin:0 0 2.2rem;display:grid;gap:.9rem}
.nighthawk-say{margin:0;font-size:1.05rem}
.nighthawk-pair{display:grid;gap:.6rem}
.lark,.phainopepla{width:100%;border-collapse:collapse;margin:0 0 1rem}
.lark-row{border-top:1px solid var(--rule)}
.lark-row:last-child{border-bottom:1px solid var(--rule)}
.lark-zip{text-align:left;vertical-align:top;padding:.65rem 1rem .65rem 0;font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap;width:5.5rem}
.lark-note{padding:.65rem 0;vertical-align:top}
.cardinal{background:var(--sage-2);border-radius:.4rem;padding:.9rem 1rem;margin:0}
.phainopepla-row{border-top:1px solid var(--rule)}
.phainopepla-row:last-child{border-bottom:1px solid var(--rule)}
.phainopepla-name{text-align:left;vertical-align:top;padding:.75rem 1rem .2rem 0;font-weight:600}
.phainopepla-link{display:inline-block;padding:.35rem 0;min-height:44px}
.phainopepla-meta{padding:.2rem 1rem .2rem 0;color:var(--muted);font-size:.92rem;font-variant-numeric:tabular-nums;vertical-align:top}
.phainopepla-text{padding:.2rem 0 .8rem;vertical-align:top}
.wren{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule)}
.wren-item{border-bottom:1px solid var(--rule);padding:.15rem 0}
.wren-link{display:inline-block;padding:.65rem 0;min-height:44px;font-weight:600}
.wren-text{display:block;padding:0 0 .7rem;color:var(--ink)}
.dove-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 0 1rem}
.dove{width:100%;border-collapse:collapse;font-size:.97rem}
.dove-cap{text-align:left;color:var(--muted);font-size:.9rem;padding:0 0 .5rem}
.dove-th{text-align:left;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:.5rem .8rem .5rem 0;border-bottom:2px solid var(--ink)}
.dove-row{border-bottom:1px solid var(--rule)}
.dove-td{padding:.55rem .8rem .55rem 0;vertical-align:top}
.dove-td a{display:inline-block;padding:.5rem 0;min-height:44px}
.bushtit{border-top:1px solid var(--rule);padding:.9rem 0 .2rem}
.bushtit-q{font-family:"Instrument Sans",system-ui,sans-serif;font-size:1.08rem;font-weight:700;margin:0 0 .35rem;line-height:1.35}
.bushtit-a{margin:0 0 .6rem}
.tern{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.2rem .9rem}
.tern-link{display:inline-block;padding:.6rem 0;min-height:44px;font-size:.95rem}
.finch{background:var(--sand);border-radius:.5rem;padding:1.1rem}
.finch-label{display:block;font-weight:700;margin:0 0 .4rem}
.finch-row{display:flex;flex-wrap:wrap;gap:.6rem}
.finch-input{font:inherit;font-size:1.15rem;width:8.5rem;padding:.55rem .7rem;border:2px solid var(--ink);border-radius:.35rem;background:#fff;color:var(--ink);min-height:48px}
.finch-go{font:inherit;font-weight:700;background:var(--crimson);color:#fff;border:0;border-radius:.35rem;padding:.6rem 1.1rem;min-height:48px;cursor:pointer}
.finch-go:hover{background:var(--crimson-deep)}
.finch-out{margin:.8rem 0 0;min-height:1.5em}
.finch-out a{display:inline-block;padding:.35rem 0;min-height:44px;font-weight:700}

/* footer */
.harrier{background:var(--ink);color:var(--lede);padding:2rem var(--gutter) 6rem}
.harrier-band{max-width:68rem;margin:0 auto 1.5rem;display:grid;gap:1rem}
.harrier-line{display:block;text-decoration:none;color:var(--paper);border:1px solid rgba(201,216,174,.4);border-radius:.5rem;padding:1rem 1.1rem}
.harrier-line:hover{border-color:var(--sage);color:#fff}
.harrier-name{display:block;font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;color:var(--sage)}
.harrier-num{display:block;font-family:"Young Serif",Georgia,serif;font-size:clamp(1.6rem,1.3rem + 1.4vw,2.3rem);line-height:1.2;white-space:nowrap;font-variant-numeric:tabular-nums}
.harrier-covers{display:block;font-size:.95rem;color:var(--lede);margin-top:.3rem}
.harrier-links{max-width:68rem;margin:0 auto .8rem;display:flex;flex-wrap:wrap;gap:0 1.1rem}
.harrier-a{color:var(--sage-2);display:inline-block;padding:.6rem 0;min-height:44px}
.harrier-a:hover{color:#fff}
.harrier-fine{max-width:68rem;margin:0 auto;font-size:.92rem;color:#CFC9B6}
.harrier-fine a{color:var(--sage-2)}

/* mobile call bar */
.roadrunner{position:fixed;left:0;right:0;bottom:0;z-index:25;background:var(--ink);padding:.55rem var(--gutter) calc(.55rem + env(safe-area-inset-bottom));border-top:1px solid #000}
.roadrunner-call{display:block;text-align:center;background:var(--sage);color:var(--ink);font-weight:700;text-decoration:none;border-radius:.4rem;padding:.75rem .5rem;min-height:48px;font-size:1.02rem}

@media (min-width:30rem){
  .towhee-pair{grid-template-columns:1fr 1fr}
  .nighthawk-pair{grid-template-columns:1fr 1fr}
}
@media (min-width:48rem){
  :root{--gutter:2rem}
  .towhee{padding-top:1.8rem;padding-bottom:2.6rem}
  .oriole{position:sticky;top:0;box-shadow:0 1px 0 rgba(0,0,0,.04)}
  .oriole-inner{grid-template-columns:auto 1fr auto;grid-template-areas:"brand nav call";gap:0 1.5rem}
  .oriole-list{justify-content:center}
  .harrier-band{grid-template-columns:1fr 1fr}
  .nighthawk{grid-template-columns:1fr auto;align-items:center}
  .nighthawk-pair{grid-template-columns:1fr}
  .vireo{padding-left:calc((100% - 68rem)/2 + var(--gutter));padding-right:calc((100% - 68rem)/2 + var(--gutter))}
}
@media (min-width:64rem){
  .roadrunner{display:none}
  .harrier{padding-bottom:2.5rem}
  .tanager{padding-top:2.2rem}
}
@media (max-width:40rem){
  .phainopepla,.phainopepla tbody,.phainopepla-row,.phainopepla-name,.phainopepla-meta,.phainopepla-text{display:block}
  .phainopepla-name{padding:.6rem 0 0}
  .phainopepla-meta{padding:0}
  .vireo{grid-template-columns:1fr 1fr}
}
@media (max-width:22rem){
  .oriole-word{font-size:1rem}
  .flicker-num{font-size:1.18rem}
  .vireo{grid-template-columns:1fr}
}
@media print{.roadrunner,.oriole-nav,.towhee::after{display:none}.towhee{background:#fff;color:#000}.towhee-title{color:#000}}
.thrasher-link,.phainopepla-link,.wren-link,.tern-link,.harrier-a,.dove-td a{min-width:44px}
.roadrunner-num{white-space:nowrap}
.roadrunner-tag{font-weight:600}
@media (max-width:24rem){.roadrunner-tag{display:block;font-size:.85rem;line-height:1.2}}
