.lab-header{position:relative;flex-wrap:wrap}.lab-header nav{display:flex!important;flex-wrap:wrap}.lab-shell{max-width:1200px;margin:0 auto;padding:48px 6vw 75px;position:relative}.lab-shell h1{font-size:clamp(2.5rem,6vw,4.8rem);line-height:1.08;letter-spacing:-.055em;max-width:900px;margin:16px 0 24px}.lab-intro{max-width:680px;font-size:1.125rem;color:var(--muted)}.lab-backdrop{position:relative;isolation:isolate}.lab-backdrop:before{content:'';position:absolute;inset:0;background:url('/assets/doodles.png') repeat;background-size:650px;opacity:.09;z-index:-1;pointer-events:none}.lab-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;margin-top:30px;align-items:start}.lab-card{background:white;border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:0 12px 40px #41152e09}.lab-card h2{font-size:1.65rem;letter-spacing:-.03em;margin-bottom:18px}.lab-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.lab-fields label{font-size:.9rem;font-weight:600;display:grid;gap:8px}.lab-fields input,.lab-fields select,.lab-filter{font:inherit;border:1px solid #ce93ad;padding:12px;border-radius:9px;color:var(--ink);background:var(--blush);width:100%;min-width:0}.lab-fields .full{grid-column:1/-1}.lab-check{display:flex;gap:10px;margin-top:22px;font-size:.9rem;align-items:flex-start}.lab-check input{width:20px;height:20px;accent-color:var(--pink);flex-shrink:0}.lab-note{font-size:.9rem;color:var(--muted);margin-top:18px;line-height:1.7}.lab-presets{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.lab-presets a{padding:9px 13px;border:1px solid #ce93ad;border-radius:30px;background:white;color:var(--pink);font-size:.9rem}.lab-result-top{display:flex;gap:20px;align-items:center}.lab-result-top img{width:75px;height:85px;object-fit:contain;transform:rotate(7deg)}.lab-amount{font-size:clamp(2rem,4vw,3.5rem);color:var(--pink);font-weight:800;letter-spacing:-.04em;overflow-wrap:anywhere}.lab-results dl{display:grid;grid-template-columns:1fr auto;gap:15px;font-size:1rem;margin-top:24px}.lab-results dd{text-align:right;font-weight:700;overflow-wrap:anywhere}.lab-results dt,.lab-results dd{margin:0;padding-bottom:12px;border-bottom:1px solid var(--line)}.lab-error{background:#fff2de;color:#673d16;padding:16px;border-radius:12px}.lab-bars{margin-top:25px;display:grid;gap:14px}.lab-bar{display:grid;grid-template-columns:70px 1fr;gap:14px;align-items:center;font-size:.9rem}.lab-bar i{display:block;height:20px;border-radius:5px;background:var(--pink);min-width:0;max-width:100%;transition:width .2s}.lab-bar:first-child i{background:#f18ab5}.lab-budget{margin-top:24px;background:var(--light);padding:16px;border-radius:12px}.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px;margin-top:30px}.blog-card{display:flex;flex-direction:column;gap:15px}.blog-card h2{font-size:1.65rem;line-height:1.2;margin:0}.blog-card h2 a:hover{text-decoration:underline}.blog-card p{color:var(--muted)}.blog-card .underlined-link{margin-top:auto;align-self:flex-start}.lab-meta{font-size:.875rem;color:var(--muted)}.blog-category{font-size:.875rem;font-weight:700;color:var(--pink)}.lab-filter{max-width:340px;margin-top:24px}.article-shell{max-width:860px}.article-shell h1{font-size:clamp(2.5rem,5vw,4.2rem)}.article-body{background:white;border:1px solid var(--line);border-radius:20px;padding:clamp(20px,4vw,45px);margin-top:30px}.article-body h2{font-size:1.65rem;margin:30px 0 12px;letter-spacing:-.03em;line-height:1.25}.article-body h2:first-child{margin-top:0}.article-body p{font-size:1.05rem;line-height:1.85}.article-body ul{padding-left:22px}.article-body li{margin:10px 0}.article-body a{color:var(--pink);text-decoration:underline;text-underline-offset:3px}.article-cta{background:var(--light);padding:25px;border-radius:16px;margin:30px 0}.article-cta p{margin-bottom:18px}.article-cta .button{color:white;text-decoration:none}.related-posts{margin-top:30px}.related-posts a{display:block;margin:14px 0;color:var(--pink);text-decoration:underline}.lab-mobile-links{display:flex;gap:20px;justify-content:center;padding:15px;flex-wrap:wrap;border-bottom:1px solid var(--line);color:var(--pink);font-weight:700}[hidden]{display:none!important}.lab-shell :focus-visible{outline:3px solid var(--pink);outline-offset:4px}
.blog-card-image{display:block;overflow:hidden;border-radius:12px;background:var(--blush)}.blog-card-image img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.article-illustration{margin:28px 0 0}.article-illustration img{display:block;width:100%;height:auto;border-radius:18px;border:1px solid var(--line)}.article-illustration figcaption{font-size:.875rem;color:var(--muted);line-height:1.6;margin-top:10px}.article-table-wrap{max-width:100%;overflow-x:auto;margin:24px 0}.article-table-wrap table{width:100%;border-collapse:collapse;font-size:.95rem}.article-table-wrap caption{text-align:left;color:var(--muted);font-size:.875rem;margin-bottom:10px}.article-table-wrap th,.article-table-wrap td{padding:12px 10px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}.article-table-wrap thead{background:var(--light)}.article-table-wrap tbody th{font-weight:600}
@media(max-width:800px){.lab-grid,.blog-grid{grid-template-columns:1fr}.lab-shell{padding-top:25px}.lab-header nav{width:100%;justify-content:center;font-size:.9rem;gap:20px}.lab-card{padding:22px}.lab-shell h1{font-size:2.6rem}.lab-results dl{grid-template-columns:1fr;gap:4px}.lab-results dt{border-bottom:0;padding-bottom:0}.lab-results dd{text-align:left;margin-bottom:12px}.lab-result-top{gap:12px}}@media(max-width:380px){.lab-fields{grid-template-columns:1fr}.lab-fields .full{grid-column:auto}}@media(prefers-reduced-motion:reduce){.lab-bar i{transition:none}}