.card .row{flex-wrap:wrap;row-gap:14px}
.guide-card-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px;flex-wrap:wrap}
.guide-link,.guide-feature-link,.guide-form-link{display:inline-flex;align-items:center;gap:7px;position:relative;z-index:1;padding:5px 0;border:0;border-bottom:2px solid var(--acc,var(--blue));background:transparent;color:var(--ink);font:700 13px var(--body);text-align:left;transition:color .2s,border-color .2s}
.guide-link:hover,.guide-feature-link:hover,.guide-form-link:hover{color:var(--blue);border-color:var(--blue)}
.guide-feature-link{margin-top:8px;font-size:12px;--acc:var(--green)}
.guide-form-link{margin-top:8px;font-size:12px;--acc:var(--blue)}
.guide-form-link[hidden]{display:none!important}
.service-guide{--guide-accent:var(--blue);position:fixed;inset:0;width:min(600px,calc(100vw - 48px));max-width:600px;max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);margin:auto;padding:0;border:2px solid var(--ink);background:var(--panel);color:var(--ink);box-shadow:9px 9px 0 var(--guide-accent);overflow:hidden;flex-direction:column;font:400 15px/1.55 var(--body)}
.service-guide:not([open]){display:none}
.service-guide[open]{display:flex;animation:guide-enter .22s ease-out}
.service-guide::backdrop{background:rgba(10,13,17,.64);backdrop-filter:blur(3px)}
.guide-scene{height:112px;flex:none;background:var(--paper-2);border-bottom:2px solid var(--ink);overflow:hidden;position:relative}
.guide-scene svg{width:100%;height:100%;display:block;overflow:visible}
.guide-scene::after{content:"";position:absolute;left:0;bottom:0;height:4px;width:100%;background:var(--guide-accent)}
.guide-topline{padding:18px 28px 0;display:flex;align-items:center;justify-content:space-between;gap:14px;flex:none}
.guide-kicker{font:500 10px/1.5 var(--mono);letter-spacing:.13em;color:var(--steel-500)}
.guide-close{width:34px;height:34px;font-size:13px}
.guide-heading{padding:4px 28px 18px;flex:none}
.guide-heading h2{font:600 clamp(20px,2.5vw,27px)/1.25 var(--disp);max-width:100%;overflow-wrap:anywhere}
.guide-description{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.guide-back{border:0;background:none;color:var(--steel-700);font:700 12px var(--body);margin-bottom:12px;padding:5px 0}
.guide-back:hover{color:var(--blue)}
.guide-content{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:0 28px 4px}
.guide-panel{padding:0;scroll-margin-top:0}
.guide-copy{display:flex;flex-direction:column;gap:16px}
.service-guide [hidden]{display:none!important}
.guide-copy h3,.guide-related h3{font:500 10px/1.5 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--steel-500);margin-bottom:7px}
.guide-copy p{color:var(--steel-700);margin:0;font-size:14px;line-height:1.65;overflow-wrap:break-word}
.guide-benefit{background:var(--paper-2);border-left:4px solid var(--guide-accent);padding:14px 16px}
.guide-start{padding-bottom:4px}
.guide-start p{font-size:13px}
.guide-related{margin-top:18px;padding-top:15px;border-top:1px solid var(--line)}
.guide-related>div{display:flex;flex-wrap:wrap;gap:7px}
.guide-related button{font:700 11px/1.45 var(--body);border:1px solid var(--line);padding:7px 10px;min-height:36px;background:var(--card-hover);color:var(--steel-700);border-radius:2px;text-align:left}
.guide-related button:hover{border-color:var(--guide-accent);color:var(--ink)}
.guide-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:20px 28px 24px;background:var(--panel);flex:none}
.guide-actions .btn{font-size:12px;justify-content:center;padding:12px 10px;min-height:46px;box-shadow:4px 4px 0 var(--guide-accent);white-space:normal}
.guide-actions .btn.ghost{box-shadow:4px 4px 0 var(--blue)}
.guide-actions .btn:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--guide-accent)}
.service-guide :focus-visible,.guide-link:focus-visible,.guide-feature-link:focus-visible,.guide-form-link:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
@keyframes guide-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:620px){
  .card .row{flex-wrap:wrap;align-items:center}
  .guide-card-actions{gap:15px}
  .service-guide{width:calc(100vw - 28px);max-height:calc(100vh - 36px);max-height:calc(100dvh - 36px);box-shadow:6px 6px 0 var(--guide-accent)}
  .guide-scene{height:86px}
  .guide-topline{padding:12px 18px 0}
  .guide-heading{padding:5px 18px 15px}
  .guide-heading h2{font-size:20px}
  .guide-content{padding:0 18px 4px}
  .guide-copy{gap:13px}
  .guide-copy p{font-size:13px}
  .guide-benefit{padding:12px 13px}
  .guide-actions{padding:16px 18px 20px;gap:10px}
  .guide-actions .btn{font-size:11px;padding:11px 8px;gap:7px}
}
@media(max-height:580px){.guide-scene{height:60px}.guide-topline{padding-top:9px}.guide-heading{padding-bottom:10px}.guide-actions{padding-top:12px;padding-bottom:16px}}
@media(prefers-reduced-motion:reduce){.service-guide[open]{animation:none}}
@media print{.service-guide,.guide-link,.guide-feature-link,.guide-form-link{display:none!important}}
