.visual-guides-hub{padding-bottom:88px}.visual-guides-hub__intro{padding-bottom:30px}.visual-guides-hub__summary,.visual-guide-header__meta{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.visual-guides-hub__summary span,.visual-guide-header__meta>span,.visual-guide-content__count{background:var(--teal-pale);color:var(--teal-deep);border-radius:999px;padding:6px 11px;font-size:.76rem;font-weight:800}.visual-guides-hub__browse{padding-top:22px}.visual-guide-section-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px;display:flex}.visual-guide-section-heading h2,.visual-guide-overview h2,.visual-guide-source-note h2{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:clamp(1.7rem,3.4vw,2.35rem);font-weight:600;line-height:1.3}.visual-guide-section-heading p:not(.eyebrow),.visual-guide-source-note>p:not(.eyebrow){max-width:650px;color:var(--ink-soft);margin:7px 0 0}.visual-guides-hub__topics{flex-wrap:wrap;gap:8px;margin:0 0 28px;padding:0;list-style:none;display:flex}.visual-guides-hub__topics li{border:1px solid var(--line);background:var(--paper);color:var(--ink-soft);border-radius:999px;padding:5px 11px;font-size:.78rem;font-weight:750}.visual-guide-related-grid h3{color:var(--ink);font-family:var(--font-display);margin:0;font-size:1.38rem;font-weight:600;line-height:1.35}.visual-guide-related-grid h3 a{text-decoration:none}.visual-guide-related-grid article>p:not(.eyebrow){color:var(--ink-soft);margin:10px 0 0;font-size:.9rem;line-height:1.72}.visual-guides-hub__boundary,.visual-guide-source-note{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);box-shadow:var(--shadow-small);margin-top:48px;padding:28px 30px}.visual-guides-hub__boundary h2{font-family:var(--font-display);margin:0;font-size:1.55rem}.visual-guides-hub__boundary p:not(.eyebrow){max-width:760px;color:var(--ink-soft);margin:8px 0 0}.visual-guide-page{padding:34px 0 88px}.visual-guide-page__container{max-width:1120px}.visual-guide-header{border-bottom:1px solid var(--line);margin:34px 0 38px;padding-bottom:34px}.visual-guide-header h1{max-width:950px;font-family:var(--font-display);letter-spacing:-.045em;margin:0;font-size:clamp(2.25rem,5vw,4.25rem);font-weight:600;line-height:1.16}.visual-guide-header__intro{max-width:820px;color:var(--ink-soft);margin:20px 0 0;font-size:1.04rem;line-height:1.9}.visual-guide-header__meta .article-view-stats-trigger{align-self:center}.visual-guide-overview{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);box-shadow:var(--shadow-small);grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);align-items:start;gap:34px;padding:28px 30px;display:grid}.visual-guide-overview ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.visual-guide-overview li{color:var(--ink-soft);padding-left:25px;position:relative}.visual-guide-overview li:before{color:var(--teal);content:"✓";font-weight:900;position:absolute;left:0}.visual-guide-caution{border-left:5px solid var(--warning);background:var(--warning-pale);color:var(--ink-soft);border-radius:8px;margin:18px 0 0;padding:13px 15px}.visual-guide-content{margin-top:64px}.visual-guide-gallery{counter-reset:visual-guide-page;gap:32px;margin:0;padding:0;list-style:none;display:grid}.visual-guide-gallery__item{counter-increment:visual-guide-page;min-width:0}.visual-guide-gallery__label{color:var(--ink-soft);justify-content:space-between;gap:14px;margin-bottom:8px;font-size:.78rem;display:flex}.visual-guide-gallery__label span:first-child{color:var(--teal-deep);flex:none;font-weight:850}.visual-guide-gallery__open{background:var(--paper);border:1px solid #cbd9d4;border-radius:12px;width:100%;padding:0;line-height:0;display:block;position:relative;overflow:hidden;box-shadow:0 12px 36px #15413c17}.visual-guide-gallery__open img{width:100%;height:auto;display:block}.visual-guide-gallery__zoom{color:#fff;opacity:0;background:#0d4e4beb;border-radius:999px;padding:10px 13px;font-size:.75rem;font-weight:850;line-height:1;transition:opacity .16s,transform .16s;position:absolute;bottom:12px;right:12px;transform:translateY(4px)}.visual-guide-gallery__open:hover .visual-guide-gallery__zoom,.visual-guide-gallery__open:focus-visible .visual-guide-gallery__zoom{opacity:1;transform:translateY(0)}.visual-guide-lightbox{z-index:100;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.visual-guide-lightbox__backdrop{cursor:zoom-out;background:#081817e6;border:0;width:100%;position:absolute;inset:0}.visual-guide-lightbox__dialog{color:#fff;background:#101a19;border-radius:14px;grid-template-rows:auto minmax(0,1fr) auto;width:min(1500px,100%);max-height:calc(100dvh - 36px);display:grid;position:relative;overflow:hidden;box-shadow:0 24px 90px #00000073}.visual-guide-lightbox__toolbar,.visual-guide-lightbox__controls{background:#152725;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;display:flex}.visual-guide-lightbox__toolbar>div{min-width:0;display:grid}.visual-guide-lightbox__toolbar strong{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;overflow:hidden}.visual-guide-lightbox__toolbar span{color:#b8cbc7;font-size:.75rem}.visual-guide-lightbox__close,.visual-guide-lightbox__controls button{color:#fff;background:0 0;border:1px solid #ffffff40;border-radius:999px;font-weight:800}.visual-guide-lightbox__close{flex:none;width:40px;height:40px;font-size:1.5rem;line-height:1}.visual-guide-lightbox__stage{overscroll-behavior:contain;touch-action:pan-y pinch-zoom;background:#050807;place-items:center;min-height:0;display:grid;overflow:auto}.visual-guide-lightbox__stage img{width:min(100%,1920px);height:auto;display:block}.visual-guide-lightbox__controls button{flex:none;min-height:40px;padding:6px 13px}.visual-guide-lightbox__controls p{color:#dce8e5;text-align:center;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.8rem;overflow:hidden}.visual-guide-related-resources{gap:52px;margin-top:68px;display:grid}.visual-guide-related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.visual-guide-related-grid article{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);min-width:0;padding:22px}.visual-guide-source-note dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:22px 0 0;display:grid}.visual-guide-source-note dl>div{border:1px solid var(--line);background:var(--cream);border-radius:10px;min-width:0;padding:12px}.visual-guide-source-note dt{color:var(--ink-soft);font-size:.72rem;font-weight:800}.visual-guide-source-note dd{overflow-wrap:anywhere;color:var(--ink);margin:4px 0 0;font-size:.84rem}@media (max-width:980px){.visual-guide-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.visual-guide-related-grid,.visual-guide-overview,.visual-guide-source-note dl{grid-template-columns:minmax(0,1fr)}.visual-guide-section-heading{flex-direction:column;align-items:flex-start}.visual-guide-gallery{gap:24px}.visual-guide-gallery__label{flex-direction:column;align-items:flex-start;gap:1px}.visual-guide-gallery__zoom{opacity:1;transform:none}.visual-guide-lightbox{padding:0}.visual-guide-lightbox__dialog{border-radius:0;width:100%;min-height:100dvh;max-height:100dvh}.visual-guide-lightbox__controls{gap:8px;padding:10px}.visual-guide-lightbox__controls p{display:none}.visual-guide-lightbox__controls button{flex:1}}@media (max-width:430px){.visual-guide-page{padding-top:24px}.visual-guide-header{margin-top:26px}.visual-guide-overview,.visual-guide-source-note,.visual-guides-hub__boundary{padding:21px}}@media (prefers-reduced-motion:reduce){.visual-guide-gallery__zoom{transition:none}}