/* eyelashglasses.com - guide article styles */
.crumb{font-family:var(--mono); font-size:12px; color:var(--dim); letter-spacing:.08em; padding:18px 0 0;}
.crumb a{color:var(--dim); text-decoration:none;}
.crumb a:hover{color:var(--text);}
article{max-width:720px; padding:36px 0 70px;}
article h1{font-family:var(--body); font-weight:700; font-size:clamp(30px,4.5vw,42px); line-height:1.12; letter-spacing:-.01em; margin-bottom:14px;}
article .dek{font-size:19px; color:var(--dim); margin-bottom:8px;}
article .meta{font-family:var(--mono); font-size:12px; color:var(--dim); letter-spacing:.1em; text-transform:uppercase; margin-bottom:34px;}
article h2{font-size:clamp(21px,2.6vw,26px); margin:38px 0 12px;}
article p{margin-bottom:18px; color:var(--text);}
article p b{font-weight:600;}
article .aside{border-left:3px solid var(--accent); padding:10px 0 10px 18px; color:var(--dim); margin:24px 0; font-size:15.5px;}
article .aside b{color:var(--text);}
article .cta{
  margin:34px 0; border:1px dashed var(--line); border-radius:8px; padding:18px 20px;
  background:rgba(157,123,216,.05);
}
article .cta a{font-weight:600;}
.guide-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:16px; margin-top:36px;}
.gcard{
  display:block; text-decoration:none; color:var(--text);
  background:var(--panel); border:1px solid var(--line); border-radius:10px; padding:24px 22px;
}
.gcard:hover{border-color:var(--accent2);}
.gcard .gn{font-family:var(--mono); font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:var(--accent2);}
.gcard h3{font-size:20px; margin:10px 0 8px; line-height:1.25;}
.gcard p{font-size:14.5px; color:var(--dim);}
.next-read{margin-top:44px; border-top:1px solid var(--line); padding-top:24px; font-size:15px; color:var(--dim);}