/* Novel feature card: adapted from the former picture.html hero card.
   Isolated selectors to avoid changing existing article layouts. */
.novel-feature-wrap{width:min(1180px,calc(100% - 36px));margin:24px auto 28px}
.novel-feature-card{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:168px;overflow:hidden;padding:30px 34px;border:1px solid rgba(0,200,83,.22);border-radius:17px;background:radial-gradient(ellipse at 88% 12%,rgba(0,200,83,.17),transparent 35%),linear-gradient(120deg,#101b14 0%,#101713 56%,#14241a 100%);box-shadow:0 12px 34px rgba(0,0,0,.16);text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .2s}
.novel-feature-card:hover{transform:translateY(-2px);border-color:rgba(0,200,83,.48);box-shadow:0 16px 38px rgba(0,0,0,.24)}
.novel-feature-copy{position:relative;z-index:1;min-width:0}
.novel-feature-eyebrow{display:inline-flex;align-items:center;gap:9px;color:#7be5a4;font-size:11px;font-weight:850;letter-spacing:2px}
.novel-feature-eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:#00c853;box-shadow:0 0 12px rgba(0,200,83,.8)}
.novel-feature-copy h2{margin:11px 0 8px;color:#fff;font-size:29px;line-height:1.25;font-weight:850}
.novel-feature-copy p{max-width:700px;margin:0;color:rgba(255,255,255,.68);font-size:14px;line-height:1.85}
.novel-feature-visual{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 170px;width:170px;height:112px;border:2px solid rgba(0,200,83,.17);border-radius:17px;color:rgba(0,200,83,.23);font-size:34px;font-weight:950;letter-spacing:3px;transform:rotate(-7deg);background:rgba(0,200,83,.025)}
.novel-feature-cta{display:inline-flex;align-items:center;gap:7px;margin-top:14px;color:#77e5a0;font-size:12px;font-weight:800}
.novel-feature-cta:after{content:"→";font-size:16px;transition:transform .2s}
.novel-feature-card:hover .novel-feature-cta:after{transform:translateX(4px)}
@media(max-width:700px){
 .novel-feature-wrap{width:calc(100% - 24px);margin:17px auto 22px}
 .novel-feature-card{min-height:145px;padding:22px 19px;border-radius:14px;gap:10px}
 .novel-feature-copy h2{margin:9px 0 6px;font-size:23px}
 .novel-feature-copy p{max-width:75%;font-size:12px;line-height:1.7}
 .novel-feature-visual{flex-basis:95px;width:95px;height:78px;border-radius:12px;font-size:19px;letter-spacing:1px}
 .novel-feature-eyebrow{font-size:9px;letter-spacing:1.4px}
 .novel-feature-cta{margin-top:10px;font-size:11px}
}
@media(prefers-reduced-motion:reduce){.novel-feature-card,.novel-feature-cta:after{transition:none}}