/* Guides, styled like the dashboards and the waitlist: mint page with a faint grid,
   a large left-aligned heading with a small tinted chip, the tinted tab control,
   white rounded cards and tidy chips. No blur or backdrop effects. */
body.guides-page.application-page::before{background:radial-gradient(circle at 2% 0%,rgba(126,195,164,.3),transparent 32rem),radial-gradient(circle at 100% 32%,rgba(223,210,175,.28),transparent 34rem),#eef3ec;will-change:auto}
body.guides-page::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(21,61,50,.024) 1px,transparent 1px),linear-gradient(90deg,rgba(21,61,50,.024) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(#000,transparent 76%);mask-image:linear-gradient(#000,transparent 76%)}
body.guides-page{min-height:100vh;color:var(--text)}
.guides-page .brand{text-decoration:none}

.guides-shell{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:20px 0 90px}
.guides-shell:focus{outline:none}
.guides-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:30px 0 28px}
.guides-heading h1{margin:0;padding-bottom:.08em;color:var(--forest-deep);font-size:clamp(2.75rem,5vw,4.6rem);font-weight:700;line-height:.98;letter-spacing:-.065em;overflow:visible;-webkit-text-fill-color:currentColor}
.guides-count{flex:none;padding:8px 14px;border:1px solid rgba(36,90,74,.13);border-radius:999px;background:#edf3ee;color:var(--forest-deep);font-size:.76rem;font-weight:800;white-space:nowrap}
.guides-count[hidden]{display:none}

/* Tab control, as in the dashboards */
.guides-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:6px;margin:0 0 20px;border:1px solid rgba(36,90,74,.13);border-radius:16px;background:#edf3ee}
.guides-tabs button{display:flex;flex:1;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:12px 16px;border:1px solid transparent;border-radius:11px;color:var(--forest-deep);background:transparent;font:inherit;font-size:.83rem;font-weight:800;white-space:nowrap;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease}
.guides-tabs button:hover{background:#fffefa}
.guides-tabs button.is-active{border-color:rgba(36,90,74,.12);background:#fffefa;box-shadow:0 3px 10px rgba(23,63,53,.04)}
.guides-tabs svg{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* Search and sort */
.guide-controls{display:flex;align-items:center;gap:12px;margin:0 0 22px}
.guide-search{display:flex;flex:1;min-width:0;align-items:center;gap:12px;min-height:50px;padding:0 16px;border:1px solid rgba(23,63,53,.16);border-radius:12px;background:#fffefa;transition:border-color .18s ease,box-shadow .18s ease}
.guide-search:hover{border-color:rgba(23,63,53,.3)}
.guide-search:focus-within{border-color:var(--forest);box-shadow:0 0 0 3px rgba(57,167,123,.22)}
.guide-search svg{width:19px;flex:none;fill:none;stroke:var(--forest);stroke-width:1.8;stroke-linecap:round}
.guide-search input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font:inherit;font-size:max(16px,.92rem)}
.guide-search input::placeholder{color:#97a29d}
.guide-sort{display:flex;flex:none;align-items:center;gap:10px;color:var(--forest-deep);font-size:.8rem;font-weight:800;white-space:nowrap}
.guide-sort .nr-select{min-width:170px}
.guide-sort .nr-select-trigger{min-height:50px;padding:0 16px;border-color:rgba(23,63,53,.16);border-radius:12px;background:#fffefa;color:var(--forest-deep);font-size:.9rem}
.guide-sort .nr-select-trigger:hover{border-color:rgba(23,63,53,.3)}
.guide-sort .nr-select-trigger[aria-expanded=true]{border-color:var(--forest);box-shadow:0 0 0 3px rgba(57,167,123,.22)}
.guides-status{min-height:0;margin:0 0 14px;color:var(--muted);font-size:.8rem;font-weight:700}
.guides-status:empty{display:none}

/* Chips */
.chip{display:inline-flex;align-items:center;max-width:100%;padding:6px 11px;border:1px solid rgba(36,90,74,.13);border-radius:999px;background:#edf3ee;color:var(--forest-deep);font-size:.7rem;font-weight:800;line-height:1.2;overflow-wrap:anywhere}
.chip-topic{border-color:transparent;background:#dff0e6;color:var(--forest)}

/* Guide cards */
.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.guide-card{display:flex;min-width:0;min-height:300px;overflow:hidden;flex-direction:column;border:1px solid rgba(23,63,53,.13);border-radius:23px;background:rgba(255,254,250,.91);box-shadow:0 16px 45px rgba(23,63,53,.075),0 2px 7px rgba(23,63,53,.04);cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.guide-card:hover{border-color:rgba(36,90,74,.3);box-shadow:0 18px 48px rgba(23,63,53,.11),0 2px 7px rgba(23,63,53,.05);transform:translateY(-2px)}
.guide-card:focus-visible,.guides-tabs button:focus-visible,.guide-dialog-close:focus-visible,.guide-cta:focus-visible{outline:3px solid var(--green);outline-offset:3px}
.guide-card-image{height:160px;flex:none;background-position:center;background-size:cover}
.guide-card-content{display:flex;min-width:0;flex:1;flex-direction:column;padding:24px}
.guide-card-chips{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:16px}
.guide-card h2{margin:0 0 9px;padding-bottom:.08em;color:var(--forest-deep);font-size:clamp(1.25rem,1.9vw,1.5rem);line-height:1.2;letter-spacing:-.04em}
.guide-card p{margin:0;color:#49665a;font-size:.86rem;line-height:1.6}
.guide-card footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;width:100%;margin:auto 0 0;padding:18px 0 0;border-top:1px solid rgba(36,90,74,.13);color:var(--muted);font-size:.72rem;line-height:1.5}
.guide-card footer b{display:inline-flex;align-items:center;gap:4px;flex:none;color:var(--forest);font-size:.76rem;white-space:nowrap}
.guide-card footer svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.guide-card p{margin-bottom:18px}
.empty-guides{grid-column:1/-1;padding:60px 20px;border:1px dashed rgba(36,90,74,.25);border-radius:23px;background:rgba(255,254,250,.7);text-align:center}
.empty-guides h2{margin:0 0 8px;color:var(--forest-deep);font-size:1.4rem;letter-spacing:-.03em}
.empty-guides p{margin:0;color:var(--muted);font-size:.86rem}

/* Opened guide */
.guide-dialog{width:min(920px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);overflow:hidden;padding:0;border:1px solid rgba(23,63,53,.13);border-radius:23px;background:#fffefa;box-shadow:0 30px 90px rgba(23,63,53,.27)}
.guide-dialog::backdrop{background:rgba(20,45,37,.55)}
.guide-dialog>article{position:relative;max-height:calc(100dvh - 32px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#9fbcae transparent}
.guide-dialog-close{position:sticky;z-index:5;top:16px;float:right;display:grid;place-items:center;width:42px;height:42px;margin:16px 16px -58px 0;border:1px solid rgba(36,90,74,.13);border-radius:50%;background:#fffefa;color:var(--forest-deep);font-size:1.3rem;cursor:pointer;transition:background-color .18s ease}
.guide-dialog-close:hover{background:#edf3ee}
.guide-dialog-hero{width:100%;height:clamp(210px,34vh,350px);background-position:center;background-size:cover}
.guide-dialog-content{padding:clamp(28px,5vw,56px);overflow-wrap:anywhere}
.guide-dialog-content header{max-width:750px;padding-right:44px}
.guide-dialog-content header>span{display:flex;flex-wrap:wrap;gap:7px}
.guide-dialog h2{margin:16px 0 12px;padding-bottom:.08em;color:var(--forest-deep);font-size:clamp(2rem,4.4vw,3.4rem);line-height:1.1;letter-spacing:-.05em}
.guide-dialog header p{margin:0;padding-bottom:22px;border-bottom:1px solid rgba(36,90,74,.13);color:var(--muted);font-size:.8rem}
.guide-video{position:relative;width:min(100%,760px);margin:26px 0;overflow:hidden;padding-top:56.25%;border-radius:14px;background:var(--forest-deep)}
.guide-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.guide-body{max-width:700px;margin:28px 0 0;color:var(--text);font-size:.94rem;line-height:1.8;overflow-wrap:anywhere}
.guide-cta{display:inline-flex;align-items:center;gap:14px;min-height:50px;margin:30px 0 0;padding:13px 22px;border-radius:10px;background:var(--forest);color:#fff;font-size:.875rem;font-weight:800;text-decoration:none;transition:background-color .18s ease}
.guide-cta:hover{background:var(--forest-deep)}
.guide-cta:after{content:"";width:16px;height:16px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 6 6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 6 6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat}
.guides-page>.site-footer{margin-top:0}

@media(max-width:1050px){.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.guides-shell{width:min(100% - 24px,1180px);padding-top:12px;padding-bottom:70px}.guides-heading{margin:22px 0 20px}.guides-tabs{flex-wrap:nowrap;overflow-x:auto}.guides-tabs button{flex:1 0 auto;flex-direction:column;gap:4px;min-height:60px;padding:10px 14px;font-size:.78rem}.guide-controls{flex-direction:column;align-items:stretch}.guide-sort{justify-content:space-between}.guide-sort .nr-select{flex:1}.guide-grid{grid-template-columns:1fr}.guide-card{min-height:260px;border-radius:18px}}
@media(max-width:480px){.guide-card-content{padding:20px}.guide-dialog{width:calc(100vw - 14px);max-height:calc(100dvh - 14px)}.guide-dialog>article{max-height:calc(100dvh - 14px)}.guide-dialog-content{padding:27px 20px}.guide-dialog-hero{height:190px}}
@media(prefers-reduced-motion:reduce){.guide-card,.guides-tabs button,.guide-search,.guide-dialog-close,.guide-cta{transition:none}.guide-card:hover{transform:none}}