.toiletry-recommendation{margin:1.25rem 0 1.5rem;--consider-rule:#dbe3e9}
.article-body .consider-main{display:grid;grid-template-columns:110px minmax(0,1fr);gap:1.25rem;align-items:center;padding:0 0 1.25rem}
.article-body .consider-main img,.article-body .consider-option img{display:block;width:100%;height:110px;object-fit:contain;border:0;border-radius:0;margin:0;background:#fff}
.article-body .consider-main h3{font:700 1.12rem/1.35 var(--font-sans);margin:0 0 .35rem}
.article-body .consider-main p{font-size:.95rem;line-height:1.5;margin:0 0 .45rem}
.article-body .also-consider{padding-top:1rem;border-top:1px solid var(--consider-rule);scroll-margin-top:100px}
.article-body .also-consider>h3{font:700 .95rem/1.4 var(--font-sans);margin:0 0 .9rem}
.consider-options{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}
.article-body .consider-option{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:start;gap:.8rem;min-width:0;margin:0;padding:0;background:transparent;border:0}
.article-body .consider-option img{height:92px}
.article-body .consider-option h4{font:700 .96rem/1.35 var(--font-sans);margin:0 0 .3rem}
.article-body .consider-name{font-size:.82rem;font-weight:650;line-height:1.4;margin:0 0 .3rem}
.article-body .consider-benefit{font-size:.83rem;line-height:1.45;margin:0 0 .2rem}
.article-body a.consider-shop{display:inline-flex;align-items:center;min-height:38px;font:650 .83rem/1.4 var(--font-sans);gap:.25rem;color:var(--blue-dark);text-underline-offset:3px}
.article-body .consider-details{border:0;border-top:1px solid var(--consider-rule);background:transparent;border-radius:0;margin:1rem 0 0;padding:0;scroll-margin-top:100px}
.article-body .consider-details>summary{padding:.75rem 0;font:650 .86rem/1.4 var(--font-sans);color:var(--blue-dark);min-height:44px;cursor:pointer}
.consider-detail-body{min-width:0}
.article-body .consider-table{table-layout:fixed;width:100%;font-size:.8rem;margin:0}
.article-body .consider-table th,.article-body .consider-table td{padding:.65rem .5rem;text-align:left;vertical-align:top;line-height:1.5;overflow-wrap:anywhere;border-bottom:1px solid var(--consider-rule)}
.article-body .consider-table th{background:#f4f7fa}
.article-body .consider-fit,.article-body .consider-sources{font-size:.82rem;line-height:1.5;margin:.9rem 0}
.article-body .consider-sources a{overflow-wrap:anywhere}
.toiletry-recommendation a:focus-visible,.toiletry-recommendation summary:focus-visible{outline:3px solid #1682b2;outline-offset:3px;border-radius:3px}
@media(max-width:700px){
 .consider-options{grid-template-columns:minmax(0,1fr);gap:.9rem}
 .article-body .consider-main{grid-template-columns:86px minmax(0,1fr);gap:.85rem}
 .article-body .consider-main img{height:104px}
 .article-body .consider-main h3{font-size:1.03rem}
 .article-body .consider-main p{font-size:.88rem}
 .article-body .consider-option{grid-template-columns:80px minmax(0,1fr);gap:.9rem}
 .article-body .consider-option img{height:92px}
 .article-body .consider-option h4{font-size:.94rem}
 .article-body .consider-table thead tr,.article-body .consider-table tbody tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
 .article-body .consider-table th:first-child{grid-column:1/-1}
 .article-body .consider-table th,.article-body .consider-table td{padding:.6rem .35rem}
}

.article-body a.consider-photo{display:block;min-width:0;border:0;text-decoration:none}