.guide-page .guide-byline,.example-page .guide-byline{letter-spacing:.04em;color:var(--g600);flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0 18px;font-size:13px;display:flex}.guide-page .guide-byline-author,.example-page .guide-byline-author{color:var(--crimson);letter-spacing:.06em;text-transform:uppercase;font-weight:700}.guide-page .guide-byline-sep,.example-page .guide-byline-sep{color:var(--g400);font-weight:700}.guide-page .guide-byline-updated,.example-page .guide-byline-updated{color:var(--g500);font-weight:600}.guide-page .guide-also-search,.example-page .guide-also-search{letter-spacing:.04em;color:var(--g600);max-width:800px;margin-top:20px;font-size:12px;line-height:1.9}.guide-page .guide-also-search-label,.example-page .guide-also-search-label{color:var(--g500);letter-spacing:.08em;text-transform:uppercase;margin-right:4px;font-weight:700}.guide-page .guide-also-search-chip,.example-page .guide-also-search-chip{background:var(--g50);border:1.5px solid var(--g200);color:var(--g700);margin:4px 4px 0 0;padding:3px 9px;font-weight:600;display:inline-block}.guide-page .guide-lead{color:var(--black);max-width:760px;margin-bottom:16px;font-size:22px;font-weight:700;line-height:1.35}.guide-page .guide-body{color:var(--g700);max-width:760px;margin:0 0 20px;font-size:18px;line-height:1.65}.guide-page .guide-featured-brand-link{color:var(--crimson);text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:2px;-webkit-text-decoration-color:var(--lime);text-decoration-color:var(--lime)}.guide-page .guide-featured-brand-link:hover{-webkit-text-decoration-color:var(--crimson);text-decoration-color:var(--crimson)}.guide-page .guide-patterns{background:var(--g50);border-bottom:2.5px solid var(--black);padding:64px 0}.guide-page .guide-subject-list{margin:24px 0 0;padding:0;list-style:none}.guide-page .guide-subject-list li{background:var(--white);border:2px solid var(--black);color:var(--g900);box-shadow:4px 4px 0 0 var(--lime);align-items:baseline;gap:16px;margin-bottom:10px;padding:14px 18px;font-size:17px;line-height:1.45;display:flex}.guide-page .guide-subject-num{color:var(--crimson);min-width:28px;font-size:12px;font-weight:700}.guide-page .guide-subject-text{flex:1;font-weight:600}.example-page .guide-back-to-hub{background:var(--white);padding:24px 0 8px}.example-page .guide-back-link{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--crimson);align-items:center;gap:6px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.example-page .guide-back-link:hover{text-decoration:underline}.guide-page .guide-editorial,.example-page .guide-editorial{border-bottom:2.5px solid var(--black);padding:56px 0}.guide-page .guide-editorial.is-light,.example-page .guide-editorial.is-light{background:var(--white)}.guide-page .guide-editorial.is-dark,.example-page .guide-editorial.is-dark{background:var(--g50)}.guide-page .guide-editorial-h,.example-page .guide-editorial-h{margin-bottom:12px}.guide-page .guide-editorial-lead,.example-page .guide-editorial-lead{color:var(--g700);border-left:4px solid var(--crimson);max-width:760px;margin:0 0 24px;padding-left:16px;font-size:19px;font-weight:600;line-height:1.5}.guide-page .guide-editorial-body,.example-page .guide-editorial-body{max-width:780px}.guide-page .guide-editorial.has-side-image .guide-editorial-two-col,.example-page .guide-editorial.has-side-image .guide-editorial-two-col{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:40px;margin-top:8px;display:grid}.guide-page .guide-editorial-side-image,.example-page .guide-editorial-side-image{margin:0;position:sticky;top:24px}.guide-page .guide-editorial-side-image .gv-image-frame,.example-page .guide-editorial-side-image .gv-image-frame{max-height:520px}@media (max-width:900px){.guide-page .guide-editorial.has-side-image .guide-editorial-two-col,.example-page .guide-editorial.has-side-image .guide-editorial-two-col{grid-template-columns:1fr;gap:24px}.guide-page .guide-editorial-side-image,.example-page .guide-editorial-side-image{max-width:360px;position:static}}.guide-page .guide-editorial-body p,.example-page .guide-editorial-body p{color:var(--g800);margin:0 0 18px;font-size:17px;line-height:1.7}.guide-page .guide-editorial-body p:last-child,.example-page .guide-editorial-body p:last-child{margin-bottom:0}.guide-page .guide-editorial-bullets,.example-page .guide-editorial-bullets{max-width:780px;margin:20px 0 0;padding:0;list-style:none}.guide-page .guide-editorial-bullets li,.example-page .guide-editorial-bullets li{color:var(--g800);border-bottom:1px dashed var(--g300);padding:10px 0 10px 24px;font-size:17px;line-height:1.55;position:relative}.guide-page .guide-editorial-bullets li:before,.example-page .guide-editorial-bullets li:before{content:"▸";color:var(--crimson);font-weight:700;position:absolute;top:10px;left:4px}.guide-page .guide-best-practices,.example-page .guide-best-practices{background:var(--white);border-bottom:2.5px solid var(--black);padding:64px 0}.guide-page .bp-grid,.example-page .bp-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:32px;display:grid}.guide-page .bp-card,.example-page .bp-card{background:var(--g50);border:2.5px solid var(--black);box-shadow:5px 5px 0 0 var(--lime);padding:24px 26px 22px;position:relative}.guide-page .bp-num,.example-page .bp-num{letter-spacing:.1em;color:var(--crimson);margin-bottom:10px;font-size:11px;font-weight:700}.guide-page .bp-h,.example-page .bp-h{color:var(--black);margin:0 0 10px;font-size:18px;font-weight:700;line-height:1.3}.guide-page .bp-body,.example-page .bp-body{color:var(--g700);margin:0;font-size:15px;line-height:1.6}.guide-page .guide-howto,.example-page .guide-howto{background:var(--g50);border-bottom:2.5px solid var(--black);padding:64px 0}.guide-page .howto-steps,.example-page .howto-steps{counter-reset:howto;max-width:880px;margin:32px 0 0;padding:0;list-style:none}.guide-page .howto-step,.example-page .howto-step{background:var(--white);border:2.5px solid var(--black);box-shadow:4px 4px 0 0 var(--crimson);margin-bottom:14px;padding:22px 26px}.guide-page .howto-num,.example-page .howto-num{letter-spacing:.12em;color:var(--crimson);margin-bottom:6px;font-size:11px;font-weight:700}.guide-page .howto-h,.example-page .howto-h{color:var(--black);margin:0 0 10px;font-size:19px;font-weight:700;line-height:1.3}.guide-page .howto-body,.example-page .howto-body{color:var(--g700);margin:0;font-size:16px;line-height:1.6}.guide-page .guide-sequence,.example-page .guide-sequence{background:var(--white);border-bottom:2.5px solid var(--black);padding:64px 0}.guide-page .seq-list,.example-page .seq-list{max-width:880px;margin:32px 0 0;padding:0;list-style:none}.guide-page .seq-item,.example-page .seq-item{border-bottom:2px dashed var(--g300);gap:20px;padding:22px 0;display:flex}.guide-page .seq-item:last-child,.example-page .seq-item:last-child{border-bottom:none}.guide-page .seq-marker,.example-page .seq-marker{background:var(--lime);border:2.5px solid var(--black);width:56px;height:56px;color:var(--black);box-shadow:3px 3px 0 0 var(--crimson);flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.guide-page .seq-content,.example-page .seq-content{flex:1}.guide-page .seq-h,.example-page .seq-h{color:var(--black);margin:0 0 8px;font-size:18px;font-weight:700}.guide-page .seq-body,.example-page .seq-body{color:var(--g700);margin:0;font-size:16px;line-height:1.6}.guide-page .guide-mistakes,.example-page .guide-mistakes{background:var(--g50);border-bottom:2.5px solid var(--black);padding:64px 0}.guide-page .mistakes-grid,.example-page .mistakes-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;margin-top:24px;display:grid}.guide-page .mistake-card,.example-page .mistake-card{background:var(--white);border:2.5px solid var(--black);box-shadow:4px 4px 0 0 var(--g300);gap:16px;padding:20px 22px;display:flex}.guide-page .mistake-x,.example-page .mistake-x{background:var(--crimson);width:32px;height:32px;color:var(--white);border:2px solid var(--black);flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.guide-page .mistake-h,.example-page .mistake-h{color:var(--black);margin:0 0 6px;font-size:16px;font-weight:700}.guide-page .mistake-body,.example-page .mistake-body{color:var(--g700);margin:0;font-size:14px;line-height:1.55}.guide-page .guide-editorial-steps,.example-page .guide-editorial-steps{max-width:1080px;margin:24px 0 0;padding:0;list-style:none}.guide-page .guide-editorial-steps>li,.example-page .guide-editorial-steps>li{border-bottom:1px dashed var(--g300);gap:16px;padding:18px 0;display:flex}.guide-page .guide-editorial-steps>li.has-image,.example-page .guide-editorial-steps>li.has-image{grid-template-columns:28px 1fr 340px;align-items:start;gap:20px;padding:28px 0;display:grid}.guide-page .guide-editorial-steps .step-num,.example-page .guide-editorial-steps .step-num{color:var(--crimson);flex-shrink:0;font-size:14px;font-weight:700}.guide-page .guide-editorial-steps .step-content,.example-page .guide-editorial-steps .step-content{min-width:0}.guide-page .guide-editorial-steps .step-h,.example-page .guide-editorial-steps .step-h{color:var(--black);margin:0 0 6px;font-size:17px;font-weight:700}.guide-page .guide-editorial-steps p,.example-page .guide-editorial-steps p{color:var(--g700);margin:0;font-size:15px;line-height:1.55}.guide-page .step-image-frame,.example-page .step-image-frame{align-self:start}.guide-page .step-image-link,.example-page .step-image-link{transition:transform .15s;display:block}.guide-page .step-image-link:hover,.example-page .step-image-link:hover{transform:translate(-2px,-2px)}.guide-page .step-image,.example-page .step-image{border:2.5px solid var(--black);background:var(--white);width:100%;height:auto;box-shadow:5px 5px 0 0 var(--lime);object-fit:cover;object-position:top;max-height:520px;display:block}.guide-page .step-image-caption,.example-page .step-image-caption{color:var(--g500);letter-spacing:.03em;text-align:center;margin-top:8px;font-size:11px;line-height:1.4}@media (max-width:900px){.guide-page .guide-editorial-steps>li.has-image,.example-page .guide-editorial-steps>li.has-image{grid-template-columns:28px 1fr;grid-template-areas:"num content"".image";gap:16px}.guide-page .guide-editorial-steps>li.has-image .step-num,.example-page .guide-editorial-steps>li.has-image .step-num{grid-area:num}.guide-page .guide-editorial-steps>li.has-image .step-content,.example-page .guide-editorial-steps>li.has-image .step-content{grid-area:content}.guide-page .guide-editorial-steps>li.has-image .step-image-frame,.example-page .guide-editorial-steps>li.has-image .step-image-frame{grid-area:image;max-width:340px;margin-top:16px}}.guide-page .guide-editorial a,.example-page .guide-editorial a{color:var(--crimson);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:2px;-webkit-text-decoration-color:var(--lime);text-decoration-color:var(--lime);word-break:break-word;font-weight:600}.guide-page .guide-editorial a:hover,.example-page .guide-editorial a:hover{-webkit-text-decoration-color:var(--crimson);text-decoration-color:var(--crimson);background:#c5d60026}.guide-page .gv-charts-block,.example-page .gv-charts-block{grid-template-columns:1fr;gap:32px;max-width:880px;margin:32px 0 0;display:grid}.guide-page .gv-chart,.example-page .gv-chart{border:2.5px solid var(--black);background:var(--white);box-shadow:5px 5px 0 0 var(--lime);margin:0;padding:24px 26px 20px}.guide-page .gv-chart-h,.example-page .gv-chart-h{letter-spacing:.06em;text-transform:uppercase;color:var(--crimson);margin-bottom:6px;font-size:13px;font-weight:700}.guide-page .gv-chart-subtitle,.example-page .gv-chart-subtitle{color:var(--g600);margin:0 0 20px;font-size:14px;line-height:1.4}.guide-page .gv-chart-bars,.example-page .gv-chart-bars{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.guide-page .gv-bar-row,.example-page .gv-bar-row{grid-template-columns:minmax(120px,200px) 1fr;align-items:center;gap:16px;display:grid}.guide-page .gv-bar-label,.example-page .gv-bar-label{flex-direction:column;gap:2px;font-size:14px;display:flex}.guide-page .gv-bar-label-main,.example-page .gv-bar-label-main{color:var(--black);font-weight:700;line-height:1.25}.guide-page .gv-bar-sublabel,.example-page .gv-bar-sublabel{color:var(--g500);letter-spacing:.03em;font-size:11px}.guide-page .gv-bar-track,.example-page .gv-bar-track{background:var(--g100);border:1.5px solid var(--black);align-items:center;height:26px;display:flex;position:relative}.guide-page .gv-bar-fill,.example-page .gv-bar-fill{background:var(--crimson);height:100%;transition:width .4s}.guide-page .gv-bar-value,.example-page .gv-bar-value{color:var(--black);background:var(--white);border:1.5px solid var(--black);padding:1px 6px;font-size:12px;font-weight:700;position:absolute;right:8px}.guide-page .gv-chart-caption,.example-page .gv-chart-caption{color:var(--g500);letter-spacing:.03em;margin:16px 0 0;font-size:12px}@media (max-width:700px){.guide-page .gv-bar-row,.example-page .gv-bar-row{grid-template-columns:1fr;gap:6px}.guide-page .gv-bar-label,.example-page .gv-bar-label{font-size:13px}}.guide-page .guide-editorial-body strong,.example-page .guide-editorial-body strong,.guide-page .guide-editorial-bullets strong,.example-page .guide-editorial-bullets strong,.guide-page .guide-editorial-steps strong,.example-page .guide-editorial-steps strong{color:var(--black);font-weight:800}.guide-page .guide-editorial-body em,.example-page .guide-editorial-body em,.guide-page .guide-editorial-bullets em,.example-page .guide-editorial-bullets em,.guide-page .guide-editorial-steps em,.example-page .guide-editorial-steps em{color:var(--g900);font-style:italic}.guide-page .gv-stats-container,.example-page .gv-stats-container{flex-direction:column;gap:32px;margin-top:32px;display:flex}.guide-page .gv-stats-block,.example-page .gv-stats-block{margin:0}.guide-page .gv-stats-h,.example-page .gv-stats-h{letter-spacing:.06em;text-transform:uppercase;color:var(--crimson);margin-bottom:6px;font-size:13px;font-weight:700}.guide-page .gv-stats-subtitle,.example-page .gv-stats-subtitle{color:var(--g600);margin:0 0 16px;font-size:14px;line-height:1.4}.guide-page .gv-stats-grid,.example-page .gv-stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;max-width:880px;display:grid}.guide-page .gv-stat-card,.example-page .gv-stat-card{background:var(--white);border:2.5px solid var(--black);box-shadow:5px 5px 0 0 var(--crimson);padding:20px 22px 18px}.guide-page .gv-stat-value,.example-page .gv-stat-value{font-family:var(--font-display,"Lacquer"), var(--font-mono,monospace);color:var(--black);word-break:break-word;margin-bottom:8px;font-size:42px;font-weight:900;line-height:1}.guide-page .gv-stat-label,.example-page .gv-stat-label{color:var(--g800);font-size:14px;font-weight:700;line-height:1.3}.guide-page .gv-stat-sublabel,.example-page .gv-stat-sublabel{color:var(--g500);letter-spacing:.03em;margin-top:6px;font-size:11px}.guide-page .gv-tables-container,.example-page .gv-tables-container{flex-direction:column;gap:32px;margin-top:32px;display:flex}.guide-page .gv-table-block,.example-page .gv-table-block{margin:0}.guide-page .gv-table-h,.example-page .gv-table-h{letter-spacing:.06em;text-transform:uppercase;color:var(--crimson);margin-bottom:6px;font-size:13px;font-weight:700}.guide-page .gv-table-subtitle,.example-page .gv-table-subtitle{color:var(--g600);margin:0 0 16px;font-size:14px;line-height:1.4}.guide-page .gv-table-wrap,.example-page .gv-table-wrap{border:2.5px solid var(--black);background:var(--white);box-shadow:6px 6px 0 0 var(--lime);max-width:100%;overflow-x:auto}.guide-page .gv-table,.example-page .gv-table{border-collapse:collapse;width:100%;min-width:480px;font-size:14px}.guide-page .gv-table thead th,.example-page .gv-table thead th{background:var(--black);color:var(--white);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;text-align:left;border-bottom:2px solid var(--crimson);padding:12px 14px;font-size:12px;font-weight:700}.guide-page .gv-table thead th:first-child,.example-page .gv-table thead th:first-child{background:var(--crimson)}.guide-page .gv-table tbody td,.example-page .gv-table tbody td{border-top:1.5px solid var(--g200);vertical-align:top;color:var(--g800);padding:12px 14px;line-height:1.5}.guide-page .gv-table tbody tr:nth-child(2n) td,.example-page .gv-table tbody tr:nth-child(2n) td{background:var(--g50)}.guide-page .gv-table-first,.example-page .gv-table-first{color:var(--black);font-weight:700}.guide-page .gv-table-caption,.example-page .gv-table-caption{color:var(--g500);letter-spacing:.03em;margin:12px 0 0;font-size:12px}.guide-page .gv-timelines-container,.example-page .gv-timelines-container{flex-direction:column;gap:32px;margin-top:32px;display:flex}.guide-page .gv-timeline-block,.example-page .gv-timeline-block{max-width:880px;margin:0}.guide-page .gv-timeline-h,.example-page .gv-timeline-h{letter-spacing:.06em;text-transform:uppercase;color:var(--crimson);margin-bottom:6px;font-size:13px;font-weight:700}.guide-page .gv-timeline-subtitle,.example-page .gv-timeline-subtitle{color:var(--g600);margin:0 0 20px;font-size:14px;line-height:1.4}.guide-page .gv-timeline,.example-page .gv-timeline{margin:0;padding:0;list-style:none;position:relative}.guide-page .gv-timeline:before,.example-page .gv-timeline:before{content:"";background:var(--black);width:3px;position:absolute;top:12px;bottom:12px;left:90px}.guide-page .gv-timeline-event,.example-page .gv-timeline-event{grid-template-columns:90px 1fr;gap:24px;padding:12px 0 24px;display:grid;position:relative}.guide-page .gv-timeline-event:before,.example-page .gv-timeline-event:before{content:"";background:var(--crimson);border:2.5px solid var(--black);z-index:1;width:15px;height:15px;position:absolute;top:18px;left:84px}.guide-page .gv-timeline-date,.example-page .gv-timeline-date{color:var(--crimson);letter-spacing:.06em;text-transform:uppercase;text-align:right;padding-top:14px;padding-right:18px;font-size:12px;font-weight:700}.guide-page .gv-timeline-content,.example-page .gv-timeline-content{background:var(--white);border:2.5px solid var(--black);box-shadow:4px 4px 0 0 var(--lime);margin-left:12px;padding:16px 20px}.guide-page .gv-timeline-title,.example-page .gv-timeline-title{color:var(--black);margin:0 0 6px;font-size:16px;font-weight:700;line-height:1.3}.guide-page .gv-timeline-body,.example-page .gv-timeline-body{color:var(--g700);margin:0;font-size:14px;line-height:1.5}.guide-page .gv-codes-container,.example-page .gv-codes-container{flex-direction:column;gap:24px;margin-top:32px;display:flex}.guide-page .gv-code-block,.example-page .gv-code-block{border:2.5px solid var(--black);background:var(--g900,#1a1a1a);max-width:880px;box-shadow:5px 5px 0 0 var(--crimson);margin:0;overflow:hidden}.guide-page .gv-code-h,.example-page .gv-code-h{background:var(--black);color:var(--white);border-bottom:2px solid var(--crimson);align-items:center;gap:10px;padding:10px 16px;display:flex}.guide-page .gv-code-lang,.example-page .gv-code-lang{background:var(--crimson);color:var(--white);letter-spacing:.08em;text-transform:uppercase;padding:2px 8px;font-size:10px;font-weight:700}.guide-page .gv-code-title,.example-page .gv-code-title{color:var(--g100,#e5e5e5);letter-spacing:.04em;font-size:12px}.guide-page .gv-code-subtitle,.example-page .gv-code-subtitle{background:var(--g900,#1a1a1a);color:var(--g300);border-bottom:1px solid var(--g700);margin:0;padding:8px 16px;font-size:13px}.guide-page .gv-code-pre,.example-page .gv-code-pre{background:var(--g900,#1a1a1a);color:var(--lime);font-family:var(--font-mono,"Courier New"), monospace;white-space:pre;margin:0;padding:16px 20px;font-size:13px;line-height:1.6;overflow-x:auto}.guide-page .gv-code-pre code,.example-page .gv-code-pre code{color:inherit;background:0 0;padding:0;font-family:inherit}.guide-page .gv-code-caption,.example-page .gv-code-caption{background:var(--black);color:var(--g400);letter-spacing:.03em;margin:0;padding:8px 16px;font-size:11px}.guide-page .gv-images-container,.example-page .gv-images-container{grid-template-columns:repeat(auto-fit,minmax(280px,340px));gap:24px;max-width:880px;margin-top:32px;display:grid}.guide-page .gv-image-block,.example-page .gv-image-block{margin:0}.guide-page .gv-image-frame,.example-page .gv-image-frame{border:2.5px solid var(--black);background:var(--white);box-shadow:5px 5px 0 0 var(--lime);max-height:480px;padding:6px;position:relative;overflow:hidden}.guide-page .gv-image-frame:after,.example-page .gv-image-frame:after{content:"";pointer-events:none;background:linear-gradient(#fff0,#fffffff2);height:80px;position:absolute;bottom:6px;left:6px;right:6px}.guide-page .gv-image,.example-page .gv-image{border:1px solid var(--g200);object-fit:cover;object-position:top;width:100%;height:auto;display:block}.guide-page .gv-image-caption,.example-page .gv-image-caption{color:var(--g600);max-width:340px;margin:10px 0 0;font-size:12px;line-height:1.5}.guide-page .gv-image-credit,.example-page .gv-image-credit{color:var(--g500);letter-spacing:.03em}.guide-page .gv-vaults-container,.example-page .gv-vaults-container{max-width:1000px;margin-top:32px}.guide-page .gv-vault-mockup,.example-page .gv-vault-mockup{margin:0}.guide-page .gv-vault-frame,.example-page .gv-vault-frame{background:var(--white);border:2.5px solid var(--black);box-shadow:8px 8px 0 0 var(--crimson);overflow:hidden}.guide-page .gv-vault-titlebar,.example-page .gv-vault-titlebar{background:var(--g100);border-bottom:2px solid var(--black);align-items:center;gap:8px;padding:10px 14px;display:flex}.guide-page .gv-vault-dot,.example-page .gv-vault-dot{border:1.5px solid var(--black);border-radius:50%;width:12px;height:12px;display:inline-block}.guide-page .gv-vault-dot-r,.example-page .gv-vault-dot-r{background:var(--crimson)}.guide-page .gv-vault-dot-y,.example-page .gv-vault-dot-y{background:var(--lime)}.guide-page .gv-vault-dot-g,.example-page .gv-vault-dot-g{background:var(--g400)}.guide-page .gv-vault-url,.example-page .gv-vault-url{color:var(--g700);letter-spacing:.04em;background:var(--white);border:1.5px solid var(--g400);text-align:center;min-width:200px;margin-left:auto;padding:4px 12px;font-size:11px}.guide-page .gv-vault-header,.example-page .gv-vault-header{border-bottom:1.5px solid var(--g200);background:var(--white);padding:14px 20px 10px}.guide-page .gv-vault-header-count,.example-page .gv-vault-header-count{color:var(--black);align-items:center;gap:12px;font-size:13px;font-weight:600;display:flex}.guide-page .gv-vault-header-badge,.example-page .gv-vault-header-badge{background:var(--crimson);color:var(--white);letter-spacing:.08em;text-transform:uppercase;padding:3px 10px;font-size:10px;font-weight:700}.guide-page .gv-vault-filters,.example-page .gv-vault-filters{border-bottom:1.5px solid var(--g200);background:var(--g50);flex-wrap:wrap;gap:6px;padding:10px 20px 14px;display:flex}.guide-page .gv-vault-filter,.example-page .gv-vault-filter{border:1.5px solid var(--g300);background:var(--white);color:var(--g700);letter-spacing:.04em;padding:4px 10px;font-size:11px;font-weight:600}.guide-page .gv-vault-filter.is-active,.example-page .gv-vault-filter.is-active{background:var(--black);color:var(--white);border-color:var(--black)}.guide-page .gv-vault-grid,.example-page .gv-vault-grid{background:var(--g50);grid-template-columns:repeat(4,1fr);gap:12px;padding:16px 20px 20px;display:grid}.guide-page .gv-vault-card,.example-page .gv-vault-card{background:var(--white);border:1.5px solid var(--black);flex-direction:column;display:flex;overflow:hidden}.guide-page .gv-vault-thumb-wrap,.example-page .gv-vault-thumb-wrap{aspect-ratio:1;border-bottom:1.5px solid var(--g200);background:var(--white);overflow:hidden}.guide-page .gv-vault-thumb,.example-page .gv-vault-thumb{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.guide-page .gv-vault-card-meta,.example-page .gv-vault-card-meta{padding:8px 10px 10px}.guide-page .gv-vault-card-brand,.example-page .gv-vault-card-brand{color:var(--crimson);letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:700}.guide-page .gv-vault-card-subject,.example-page .gv-vault-card-subject{color:var(--black);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:30px;margin-bottom:8px;font-size:11px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.guide-page .gv-vault-card-tags,.example-page .gv-vault-card-tags{flex-wrap:wrap;gap:3px;display:flex}.guide-page .gv-vault-tag,.example-page .gv-vault-tag{letter-spacing:.04em;border:1px solid;padding:2px 5px;font-size:9px;font-weight:700;line-height:1.2}.guide-page .gv-vault-tag.is-hook,.example-page .gv-vault-tag.is-hook{color:var(--crimson);background:var(--white);border-color:var(--crimson)}.guide-page .gv-vault-tag.is-framework,.example-page .gv-vault-tag.is-framework{color:var(--black);background:var(--lime);border-color:var(--black)}.guide-page .gv-vault-tag.is-esp,.example-page .gv-vault-tag.is-esp{color:var(--g700);background:var(--g100);border-color:var(--g400)}.guide-page .gv-vault-caption,.example-page .gv-vault-caption{color:var(--g600);margin-top:12px;font-size:12px;line-height:1.5}@media (max-width:900px){.guide-page .gv-vault-grid,.example-page .gv-vault-grid{grid-template-columns:repeat(2,1fr)}.guide-page .gv-vault-url,.example-page .gv-vault-url{display:none}}@media (max-width:700px){.guide-page .gv-timeline:before,.example-page .gv-timeline:before{left:12px}.guide-page .gv-timeline-event,.example-page .gv-timeline-event{grid-template-columns:1fr;gap:6px;padding-left:32px}.guide-page .gv-timeline-event:before,.example-page .gv-timeline-event:before{top:10px;left:5px}.guide-page .gv-timeline-date,.example-page .gv-timeline-date{text-align:left;padding:0 0 4px}.guide-page .gv-timeline-content,.example-page .gv-timeline-content{margin-left:0}}.example-page .ex-hero-preview-cta{flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px;display:flex}.example-page .ex-hero-btn{padding:12px 22px;font-size:15px}.example-page .ex-hero-preview-note{color:var(--g500);letter-spacing:.04em;font-size:11px}.example-page .ex-teardowns{background:var(--g50);border-bottom:2.5px solid var(--black);padding:56px 0}.example-page .ex-teardowns-lead{color:var(--g600);max-width:780px;margin:8px 0 24px;font-size:14px}.example-page .ex-teardowns-lead a{color:var(--crimson);text-decoration:underline;-webkit-text-decoration-color:var(--lime);text-decoration-color:var(--lime);font-weight:700;text-decoration-thickness:2px}.example-page .ex-teardowns-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:24px;display:grid}.example-page .ex-teardown-card{background:var(--white);border:2.5px solid var(--black);box-shadow:5px 5px 0 0 var(--lime);color:inherit;text-decoration:none;transition:transform .15s,box-shadow .15s;display:block}.example-page .ex-teardown-card:hover{box-shadow:7px 7px 0 0 var(--crimson);transform:translate(-2px,-2px)}.example-page .ex-teardown-thumb-wrap{aspect-ratio:4/3;border-bottom:2px solid var(--black);background:var(--white);position:relative;overflow:hidden}.example-page .ex-teardown-thumb{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.example-page .ex-teardown-thumb-missing{background:var(--g100);width:100%;height:100%}.example-page .ex-teardown-badge{background:var(--lime);color:var(--black);border:2px solid var(--black);letter-spacing:.08em;padding:4px 8px;font-size:9px;font-weight:700;position:absolute;top:10px;right:10px}.example-page .ex-teardown-meta{padding:14px 16px}.example-page .ex-teardown-brand{color:var(--crimson);letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:700}.example-page .ex-teardown-subject{color:var(--black);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:38px;margin-bottom:10px;font-size:14px;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.example-page .ex-teardown-tags{flex-wrap:wrap;gap:4px;margin-bottom:8px;display:flex}.example-page .ex-teardown-tag{letter-spacing:.04em;border:1.5px solid;padding:2px 6px;font-size:10px;font-weight:700;line-height:1.2}.example-page .ex-teardown-tag.is-hook{color:var(--crimson);background:var(--white);border-color:var(--crimson)}.example-page .ex-teardown-tag.is-framework{color:var(--black);background:var(--lime);border-color:var(--black)}.example-page .ex-teardown-tag.is-esp{color:var(--g700);background:var(--g100);border-color:var(--g400)}.example-page .ex-teardown-classify{color:var(--g500);letter-spacing:.03em;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px;font-size:10px;display:flex}.example-page .ex-teardown-dot{color:var(--g300)}.example-page .ex-teardown-cta{color:var(--crimson);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:700}.example-page .ex-teardowns-footer{flex-wrap:wrap;align-items:center;gap:16px;margin-top:32px;display:flex}.example-page .ex-teardowns-footer-note{color:var(--g500);letter-spacing:.04em;font-size:11px}.example-page .ex-crosslinks{background:var(--white);border-bottom:2.5px solid var(--black);padding:48px 0}.example-page .ex-crosslinks-group{margin-top:24px}.example-page .ex-crosslinks-group+.ex-crosslinks-group{border-top:1.5px dashed var(--g300);margin-top:32px;padding-top:24px}.example-page .ex-crosslinks-h{color:var(--g500);letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px;font-size:11px;font-weight:700}.example-page .ex-crosslinks-chips{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.example-page .ex-crosslinks-chips a{border:2px solid var(--black);background:var(--white);color:var(--black);box-shadow:3px 3px 0 0 var(--lime);padding:8px 14px;font-size:13px;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-block}.example-page .ex-crosslinks-chips a:hover{box-shadow:4px 4px 0 0 var(--crimson);color:var(--crimson);transform:translate(-1px,-1px)}.guide-page .gv-sources,.example-page .gv-sources{background:var(--g50);border-left:4px solid var(--crimson);max-width:880px;margin-top:32px;padding:20px 24px}.guide-page .gv-sources-label,.example-page .gv-sources-label{letter-spacing:.1em;text-transform:uppercase;color:var(--crimson);margin-bottom:12px;font-size:11px;font-weight:700}.guide-page .gv-sources-list,.example-page .gv-sources-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.guide-page .gv-sources-list li,.example-page .gv-sources-list li{color:var(--g700);font-size:14px}.guide-page .gv-sources-list a,.example-page .gv-sources-list a{color:var(--crimson);text-decoration:underline;-webkit-text-decoration-color:var(--lime);text-decoration-color:var(--lime);word-break:break-word;font-weight:600;text-decoration-thickness:2px}@media (max-width:700px){.guide-page .guide-editorial,.example-page .guide-editorial,.guide-page .guide-best-practices,.example-page .guide-best-practices,.guide-page .guide-howto,.example-page .guide-howto,.guide-page .guide-sequence,.example-page .guide-sequence,.guide-page .guide-mistakes,.example-page .guide-mistakes{padding:40px 0}.guide-page .guide-editorial-lead,.example-page .guide-editorial-lead{font-size:17px}.guide-page .guide-editorial-body p,.example-page .guide-editorial-body p{font-size:16px}.guide-page .seq-marker,.example-page .seq-marker{width:44px;height:44px;font-size:15px}}