.page-module__oN_YhG__displayDemo{background:var(--muted);border-radius:var(--radius);padding:.75rem}.page-module__oN_YhG__displayItem{background:var(--primary);color:var(--primary-foreground);border-radius:calc(var(--radius) - 2px);padding:.75rem 1rem;font-size:.875rem;font-weight:600}.page-module__oN_YhG__displayBlock{margin-bottom:.5rem;display:block}.page-module__oN_YhG__displayInline{margin:0 .25rem;display:inline}.page-module__oN_YhG__displayInlineBlock{text-align:center;background:var(--secondary);width:180px;color:var(--secondary-foreground);margin:.5rem .25rem;display:inline-block}.page-module__oN_YhG__displayLabel{text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground);font-size:.6875rem;font-family:var(--font-jetbrains-mono),monospace;margin-bottom:.25rem;display:block}.page-module__oN_YhG__positionContainer{border:2px dashed var(--border);border-radius:var(--radius);background:var(--muted);min-height:320px;padding:1rem;position:relative}.page-module__oN_YhG__positionBox{color:#fff;border-radius:calc(var(--radius) - 2px);margin:.5rem 0;padding:.75rem 1rem;font-size:.8125rem;font-weight:600}.page-module__oN_YhG__posStatic{background:var(--primary);position:static}.page-module__oN_YhG__posRelative{background:#764be5;background:lab(44.0672% 46.1876 -73.4033);position:relative;top:8px;left:16px}.page-module__oN_YhG__posAbsolute{background:#11ad32;background:lab(61.7444% -56.3779 49.029);position:absolute;top:70px;right:16px}.page-module__oN_YhG__posFixed{color:#2d1f01;color:lab(13.056% 3.90694 18.9236);z-index:10;background:#dba400;background:lab(71.1048% 15.6634 102.058);position:absolute;bottom:16px;right:16px}.page-module__oN_YhG__posSticky{z-index:10;background:#f32aa4;background:lab(56.0088% 78.6761 -15.3752);position:sticky;top:16px}.page-module__oN_YhG__zIndexDemo{background:var(--muted);border-radius:var(--radius);height:180px;padding:1.5rem;position:relative}.page-module__oN_YhG__zBox{color:#fff;border-radius:calc(var(--radius) - 2px);justify-content:center;align-items:center;width:130px;height:90px;font-size:.8125rem;font-weight:700;transition:transform .2s;display:flex;position:absolute;box-shadow:0 4px 12px #00000026;box-shadow:0 4px 12px lab(0% 0 0/.15)}.page-module__oN_YhG__zBox:hover{transform:scale(1.05)}.page-module__oN_YhG__zBox1{background:var(--primary);z-index:1;top:16px;left:16px}.page-module__oN_YhG__zBox2{z-index:2;background:#764be5;background:lab(44.0672% 46.1876 -73.4033);top:44px;left:60px}.page-module__oN_YhG__zBox3{z-index:3;background:#11ad32;background:lab(61.7444% -56.3779 49.029);top:72px;left:104px}.page-module__oN_YhG__multiColumnDemo{column-count:2;column-rule:2px solid var(--border);background:var(--muted);border-radius:var(--radius);color:var(--foreground);column-gap:2rem;padding:1rem;font-size:.9rem;line-height:1.7}.page-module__oN_YhG__multiColumnDemo p{margin:0 0 1rem}.page-module__oN_YhG__multiColumnDemo p:last-child{margin-bottom:0}.page-module__oN_YhG__centredDemo{background:var(--muted);border-radius:var(--radius);justify-content:center;align-items:center;height:220px;display:flex;position:relative}.page-module__oN_YhG__centredBox{background:var(--primary);color:var(--primary-foreground);border-radius:var(--radius);padding:1.5rem 2.5rem;font-size:1.125rem;font-weight:700;box-shadow:0 8px 24px #00000026;box-shadow:0 8px 24px lab(0% 0 0/.15)}.page-module__oN_YhG__holyGrailDemo{border:2px solid var(--border);border-radius:var(--radius);grid-template-rows:auto 1fr auto;height:280px;font-size:.8125rem;display:grid;overflow:hidden}.page-module__oN_YhG__hgHeader{background:var(--primary);color:var(--primary-foreground);text-align:center;grid-column:1/-1;padding:.75rem 1rem;font-weight:700}.page-module__oN_YhG__hgContent{background:var(--muted);grid-template-columns:90px 1fr 90px;gap:.75rem;padding:.75rem;display:grid}.page-module__oN_YhG__hgSidebar{color:#fff;border-radius:calc(var(--radius) - 2px);text-align:center;background:#764be5;background:lab(44.0672% 46.1876 -73.4033);justify-content:center;align-items:center;padding:.75rem;font-weight:600;display:flex}.page-module__oN_YhG__hgMain{background:var(--card);color:var(--card-foreground);border-radius:calc(var(--radius) - 2px);border:1px solid var(--border);justify-content:center;align-items:center;padding:.75rem;font-weight:600;display:flex}.page-module__oN_YhG__hgFooter{color:#fff;text-align:center;background:#11ad32;background:lab(61.7444% -56.3779 49.029);grid-column:1/-1;padding:.75rem 1rem;font-weight:700}.page-module__oN_YhG__stickyLayoutDemo{background:var(--muted);border-radius:var(--radius);grid-template-columns:160px 1fr;gap:1rem;min-height:300px;padding:1rem;display:grid}.page-module__oN_YhG__stickySidebar{background:var(--primary);height:fit-content;color:var(--primary-foreground);border-radius:calc(var(--radius) - 2px);align-self:start;padding:1rem;font-size:.8125rem;position:sticky;top:100px}.page-module__oN_YhG__stickySidebar p{margin:0 0 .75rem}.page-module__oN_YhG__stickySidebar p:last-child{margin-bottom:0}.page-module__oN_YhG__stickyContent{background:var(--card);border-radius:calc(var(--radius) - 2px);border:1px solid var(--border);color:var(--card-foreground);padding:1rem;font-size:.875rem;line-height:1.7}.page-module__oN_YhG__stickyContent p{margin:0 0 1rem}.page-module__oN_YhG__stickyContent p:last-child{margin-bottom:0}.page-module__oN_YhG__cardGridDemo{background:var(--muted);border-radius:var(--radius);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem;padding:.75rem;display:grid}.page-module__oN_YhG__cardGridItem{aspect-ratio:1;background:linear-gradient(135deg,var(--primary),#764be5);color:#fff;border-radius:calc(var(--radius) - 2px);justify-content:center;align-items:center;font-size:1rem;font-weight:700;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 12px #0000001a;box-shadow:0 4px 12px lab(0% 0 0/.1)}@supports (color:lab(0% 0 0)){.page-module__oN_YhG__cardGridItem{background:linear-gradient(135deg,var(--primary),lab(44.0672% 46.1876 -73.4033))}}.page-module__oN_YhG__cardGridItem:hover{transform:translateY(-3px);box-shadow:0 8px 20px #00000026;box-shadow:0 8px 20px lab(0% 0 0/.15)}.page-module__oN_YhG__floatDemo{background:var(--muted);border-radius:var(--radius);color:var(--foreground);padding:1rem;font-size:.9rem;line-height:1.7}.page-module__oN_YhG__floatDemo:after{content:"";clear:both;display:table}.page-module__oN_YhG__floatBox{float:left;color:#fff;border-radius:calc(var(--radius) - 2px);background:#11ad32;background:lab(61.7444% -56.3779 49.029);justify-content:center;align-items:center;width:120px;height:120px;margin:0 1rem .75rem 0;font-size:.8125rem;font-weight:700;display:flex}.page-module__oN_YhG__floatDemo p{margin:0 0 1rem}.page-module__oN_YhG__floatDemo p:last-child{margin-bottom:0}.page-module__oN_YhG__tipsGrid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;display:grid}.page-module__oN_YhG__tipCard{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;transition:border-color .2s,transform .2s}.page-module__oN_YhG__tipCard:hover{border-color:var(--primary);transform:translateY(-2px)}.page-module__oN_YhG__tipIcon{background:var(--primary);width:2.5rem;height:2.5rem;color:var(--primary-foreground);border-radius:calc(var(--radius) - 2px);font-family:var(--font-jetbrains-mono),monospace;justify-content:center;align-items:center;margin-bottom:.75rem;font-size:.875rem;font-weight:700;display:inline-flex}.page-module__oN_YhG__tipCard h3{color:var(--foreground);margin-bottom:.5rem;font-size:1rem;font-weight:600}.page-module__oN_YhG__tipCard p{color:var(--muted-foreground);margin:0;font-size:.875rem;line-height:1.6}.page-module__oN_YhG__nextGrid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;max-width:900px;display:grid}.page-module__oN_YhG__nextLink{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);color:inherit;align-items:center;gap:1rem;padding:1.5rem;text-decoration:none;transition:border-color .3s,transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;display:flex;position:relative;overflow:hidden}.page-module__oN_YhG__nextLink:before{content:"";background:linear-gradient(to bottom,var(--primary),#4ea4ca);opacity:0;width:3px;transition:opacity .3s;position:absolute;top:0;bottom:0;left:0}@supports (color:lab(0% 0 0)){.page-module__oN_YhG__nextLink:before{background:linear-gradient(to bottom,var(--primary),lab(63.1292% -18.1274 -28.0657))}}.page-module__oN_YhG__nextLink:hover{border-color:var(--primary);transform:translateY(-3px);box-shadow:0 12px 28px #357a3a1f,0 4px 10px #0000000f;box-shadow:0 12px 28px lab(45.7706% -33.6758 28.0119/.12),0 4px 10px lab(0% 0 0/.06)}.page-module__oN_YhG__nextLink:hover:before{opacity:1}.page-module__oN_YhG__nextIcon{font-size:2rem;font-family:var(--font-jetbrains-mono),monospace;color:var(--primary);flex-shrink:0}.page-module__oN_YhG__nextLink h3{color:var(--foreground);margin-bottom:.25rem;font-size:1.125rem;font-weight:600}.page-module__oN_YhG__nextLink p{color:var(--muted-foreground);margin:0;font-size:.8125rem}@media (max-width:768px){.page-module__oN_YhG__displayInlineBlock{width:100%;margin:.5rem 0}.page-module__oN_YhG__multiColumnDemo{column-count:1}.page-module__oN_YhG__holyGrailDemo{height:auto}.page-module__oN_YhG__hgContent{grid-template-rows:auto 1fr auto;grid-template-columns:1fr}.page-module__oN_YhG__stickyLayoutDemo{grid-template-columns:1fr}.page-module__oN_YhG__stickySidebar{position:static}.page-module__oN_YhG__cardGridDemo{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.5rem}.page-module__oN_YhG__floatBox{width:100px;height:100px;margin:0 .75rem .5rem 0}.page-module__oN_YhG__nextGrid,.page-module__oN_YhG__tipsGrid{grid-template-columns:1fr}}@media (max-width:480px){.page-module__oN_YhG__positionContainer{min-height:260px}.page-module__oN_YhG__positionBox{padding:.5rem .75rem;font-size:.75rem}.page-module__oN_YhG__zBox{width:100px;height:70px;font-size:.75rem}.page-module__oN_YhG__cardGridDemo{grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.page-module__oN_YhG__floatBox{width:80px;height:80px}}@media (prefers-reduced-motion:reduce){.page-module__oN_YhG__cardGridItem,.page-module__oN_YhG__tipCard,.page-module__oN_YhG__nextLink,.page-module__oN_YhG__zBox{transition:none!important}}