/* Guide Pretty Pass 2 - actions, At a Glance, illustrated Ripple. */
.guide-meta-actions{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center;margin-top:22px}
.guide-meta-actions .guide-meta-row{margin-top:0}
.guide-read-time{display:inline-flex;gap:6px;align-items:center}
.guide-read-time svg,.guide-action svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.guide-actions{display:inline-flex;gap:6px;align-items:center}
.guide-action{display:inline-flex;gap:6px;align-items:center;margin:0;padding:5px 8px;border:0;background:transparent;color:var(--muted);font:inherit;font-size:.67rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;cursor:pointer}
.guide-action:hover,.guide-action:focus-visible,.guide-action[aria-pressed="true"]{color:var(--ink)}
.guide-action[aria-pressed="true"] svg{fill:currentColor}

.guide-glance{margin-top:clamp(30px,4vw,48px);padding:20px clamp(18px,3vw,28px) 22px;border:1px solid var(--line)}
.guide-glance>h2{margin:0;padding:0 0 14px;border-bottom:1px solid var(--line);font-family:var(--body);font-size:.72rem;font-weight:700;line-height:1.2;letter-spacing:.12em;text-transform:uppercase}
.guide-glance-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.guide-glance-item{min-width:0;padding:18px 22px 2px;border-right:1px solid var(--line)}
.guide-glance-item:first-child{padding-left:0}
.guide-glance-item:last-child{padding-right:0;border-right:0}
.guide-glance-item span{display:block;margin-bottom:8px;font-size:.64rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.guide-glance-item strong{display:block;font-family:var(--display);font-size:.92rem;font-weight:400;line-height:1.45}

.guide-ripple{margin-top:22px}
.guide-ripple-heading{padding-bottom:11px}
.guide-ripple-heading h2{font-size:.68rem}
.guide-ripple-steps{overflow:visible}
.guide-ripple-step{position:relative;padding-top:16px;text-align:center}
.guide-ripple-step:not(:last-child)::after{content:"→";position:absolute;z-index:2;top:45px;right:-10px;width:20px;color:var(--muted);font-family:var(--body);font-size:1rem;line-height:1;text-align:center;background:var(--paper)}
.guide-ripple-icon{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 8px;color:var(--muted)}
.guide-ripple-icon svg{width:54px;height:54px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
.guide-ripple-icon .guide-ripple-eye{fill:currentColor;stroke:none}
.guide-ripple-number{margin-bottom:7px;font-size:.56rem}
.guide-ripple-label{margin-bottom:7px;font-size:.59rem}
.guide-ripple-step strong{font-size:.86rem}
.guide-wildlife-band{display:none}

@media(max-width:980px){
  .guide-glance-grid{grid-template-columns:1fr 1fr}
  .guide-glance-item:nth-child(2){border-right:0}
  .guide-glance-item:nth-child(n+3){border-top:1px solid var(--line)}
  .guide-ripple-step:not(:last-child)::after{display:none}
}
@media(max-width:640px){
  .guide-meta-actions{align-items:flex-start}
  .guide-actions{width:100%}
  .guide-glance-grid{grid-template-columns:1fr}
  .guide-glance-item,.guide-glance-item:first-child,.guide-glance-item:last-child{padding:14px 0;border-right:0;border-top:1px solid var(--line)}
  .guide-glance-item:first-child{border-top:0}
  .guide-ripple-step{text-align:left}
  .guide-ripple-icon{margin-left:0}
}