.condition-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.condition-grid button{appearance:none;text-align:left;border:1px solid rgba(45,73,105,.16);background:#fff;padding:1.5rem;min-height:170px;cursor:pointer;transition:.25s;color:var(--ink)}.condition-grid button:hover,.condition-grid button:focus{transform:translateY(-4px);border-color:var(--pink);box-shadow:0 15px 35px rgba(45,73,105,.1)}.condition-grid span{display:block;color:var(--pink);font:italic 1.5rem var(--serif)}.condition-grid b{display:block;color:var(--blue);font:1.45rem/1.2 var(--serif);margin:.8rem 0}.condition-grid small{color:#637180;font-size:.82rem}.modal[hidden],.modal-backdrop[hidden]{display:none}.modal-backdrop{position:fixed;inset:0;background:rgba(20,34,49,.72);z-index:70;backdrop-filter:blur(4px)}.modal{position:fixed;z-index:71;left:50%;top:50%;transform:translate(-50%,-50%);width:min(760px,calc(100% - 2rem));max-height:88vh;overflow:auto;background:var(--cream);padding:clamp(2rem,5vw,4rem);box-shadow:0 30px 80px rgba(0,0,0,.28)}.modal-close{position:absolute;right:1rem;top:.7rem;border:0;background:none;font-size:2rem;color:var(--blue);cursor:pointer}.recommendation{display:grid;grid-template-columns:1fr auto;gap:1rem;padding:1rem 0;border-top:1px solid var(--line);align-items:center}.recommendation h3{margin:0;color:var(--blue);font:1.3rem var(--serif)}.recommendation p{margin:0;font-size:.88rem;color:#596777}.recommendation a{font-size:.76rem}.yulabe-new img{object-position:center 18%}.brands{background:#fff}.brands>img{height:auto;max-height:260px;object-fit:contain;background:#fff;margin-bottom:2rem}.brand-notes{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.brand-notes article{border-top:2px solid var(--pink);padding:1.2rem 0}.brand-notes h3{font:1.25rem var(--serif);color:var(--blue)}.brand-notes p{font-size:.82rem;color:#62707e}.did-you-know{background:var(--pink2);padding:1.6rem 1.8rem;margin:2rem 0;border-radius:0 50px 0 0}.did-you-know b{display:block;color:#8d6570;text-transform:uppercase;letter-spacing:.13em;font-size:.7rem;margin-bottom:.5rem}.blog-tools{display:flex;justify-content:space-between;gap:2rem;align-items:end;margin-bottom:2.5rem}.blog-tools label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--blue);font-weight:800}.blog-tools input{display:block;margin-top:.5rem;width:min(440px,80vw);padding:.85rem 1rem;border:1px solid #bdc6cf;font:1rem var(--sans)}#blog-categories{display:flex;gap:.5rem;flex-wrap:wrap}#blog-categories button{border:1px solid #bdc6cf;background:#fff;color:var(--blue);padding:.55rem .8rem;cursor:pointer}.blog-card{background:#fff;padding-bottom:1.5rem}.blog-card .blog-img{height:220px}.blog-card>div:not(.blog-img){padding:0 1.3rem}.blog-card h2{font-size:1.6rem}.article-hero{padding:clamp(5rem,9vw,9rem) clamp(1.25rem,16vw,16rem);background:var(--blue);color:#fff}.article-hero h1{color:#fff;max-width:950px}.article-hero .lead{color:#dce4eb}.article-body{max-width:820px;margin:auto}.article-body h2{font-size:2.2rem;margin-top:3rem}.article-body p,.article-body li{font-size:1.05rem}.article-callout{background:var(--pink2);padding:1.5rem;margin:2rem 0}.article-meta{color:var(--pink);font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem}.article-nav{display:flex;justify-content:space-between;gap:1rem;margin-top:3rem;border-top:1px solid var(--line);padding-top:1.5rem}
@media(max-width:900px){.condition-grid{grid-template-columns:repeat(2,1fr)}.brand-notes{grid-template-columns:repeat(2,1fr)}.blog-tools{display:block}#blog-categories{margin-top:1rem}}
@media(max-width:600px){.condition-grid,.brand-notes{grid-template-columns:1fr}.recommendation{grid-template-columns:1fr}.blog-tools input{width:100%}}