:root{font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif;color:#f1f9f6;background:#07141a;line-height:1.55}*{box-sizing:border-box}body{margin:0}a{color:#c4ee9c}button,input,select,textarea{font:inherit}button{cursor:pointer}.feature-header{max-width:1200px;margin:auto;padding:24px 22px;display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid #264038}.feature-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:white}.feature-brand b{font-size:27px;letter-spacing:-1.5px}.feature-brand b span{color:#a8ed6f}.feature-brand small{display:block;font-size:9px;letter-spacing:1px;color:#b1bcba}.feature-back{font-size:13px}.feature-main{max-width:1200px;margin:0 auto;padding:55px 22px 70px}.feature-eyebrow{color:#a8ed6f;font-size:12px;font-weight:800;letter-spacing:1.5px}h1{font-size:clamp(30px,5vw,55px);margin:6px 0 12px}h1:after{content:attr(data-count);margin-left:16px;font-size:13px;color:#b4c7c5;font-weight:400;white-space:nowrap}.feature-main>p{max-width:800px;color:#a9c0bd}.feature-controls{display:flex;gap:12px;align-items:center;margin:32px 0;flex-wrap:wrap}.feature-controls input{flex:1;min-width:220px}.feature-controls input,.feature-controls select,.feature-story-dialog textarea,.feature-story-dialog select{background:#142b30;border:1px solid #3b5c52;color:white;border-radius:12px;padding:12px 15px}.feature-controls label{font-size:13px;color:#bac9c6}.feature-group{margin:35px 0}.feature-group h2{font-size:23px;margin:0 0 16px;color:#d7efa9}.feature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));gap:14px}.feature-card{background:linear-gradient(145deg,#12292c,#0b1c24);border:1px solid #315147;border-radius:18px;padding:22px;display:flex;flex-direction:column}.feature-card h3{font-size:17px;margin:14px 0 7px}.feature-card p{font-size:13px;color:#bacac6;flex:1;margin:0 0 19px}.feature-badge{font-size:10px;letter-spacing:.5px;font-weight:700;color:#b4e99c}.feature-badge.pending{color:#e7cc90}.feature-card button,.feature-story-buttons button{background:#bced77;border:0;border-radius:12px;padding:12px;color:#0d2c22;font-weight:800}.feature-card button:hover,.feature-story-buttons button:hover{filter:brightness(1.1)}.feature-story-dialog{width:min(520px,92vw);max-height:90dvh;overflow-y:auto;background:#0d2027;color:white;border:1px solid #9ac873;border-radius:19px;padding:28px}.feature-story-dialog::backdrop{background:#000c}.feature-story-dialog h2{margin:6px 0 24px}.feature-story-dialog label{display:block;font-size:13px;margin:15px 0 5px}.feature-story-dialog textarea,.feature-story-dialog select{width:100%;resize:vertical}.feature-story-dialog textarea{min-height:90px}.feature-story-dialog p{font-size:12px;color:#c1d0cd}.feature-close{float:right;background:none;border:0;color:white;font-size:29px}.feature-story-buttons{display:flex;gap:8px;margin-top:19px;flex-wrap:wrap}footer{padding:30px;text-align:center;border-top:1px solid #28453e;font-size:13px;color:#b0bfbc}footer a{margin:0 6px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #defba1;outline-offset:2px}

/* REV11 comprehensive readable expandable guide and true 9:16 preview */
.feature-card .feature-how{margin:2px 0 16px;background:#092228;border:1px solid #2f5347;border-radius:10px;padding:11px 13px;color:#c4ded2}
.feature-how summary{cursor:pointer;color:#d7efa9;font-size:13px;font-weight:700;list-style-position:inside}
.feature-how h4{font-size:13px;color:#dff7c0;margin:14px 0 5px}
.feature-how p{font-size:13px;margin:0 0 8px;color:#c2d0cc}
.feature-how[open]{margin-bottom:18px}
.feature-story-preview{margin:17px auto 2px;display:flex;align-items:center;justify-content:center;min-height:190px;border:1px solid #315147;background:#09171d;border-radius:12px;padding:10px;overflow:hidden}
.feature-story-preview img{display:block;width:clamp(105px,26vw,170px);height:auto;aspect-ratio:9/16;object-fit:contain;border-radius:8px}
.feature-story-preview img[hidden]{display:none}
.feature-story-preview span{color:#bacfbd;text-align:center;font-size:12px}
.feature-share-note{margin:-10px 0 12px}
.feature-story-dialog{overscroll-behavior:contain}
@media(max-width:420px){.feature-header{padding:14px}.feature-brand b{font-size:20px}.feature-brand small{font-size:7px}.feature-back{font-size:12px}.feature-main{padding:32px 16px 45px}.feature-story-dialog{padding:16px}.feature-story-preview{min-height:140px}}

/* REV7: select several features, one readable story per feature. */
.feature-series-toolbar,.feature-series-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:15px 0}
.feature-series-toolbar button,.feature-series-nav button{min-height:44px;padding:9px 12px;border:1px solid #66864e;border-radius:10px;background:#173529;color:#eaffd7;font-weight:700}
.feature-series-toolbar button:disabled,.feature-series-nav button:disabled{opacity:.45;cursor:default}
.feature-top{gap:10px;flex-wrap:wrap}.feature-top label{display:flex;gap:6px;align-items:center;font-size:12px;min-height:32px}.feature-top input{width:18px;height:18px;accent-color:#c5f873}
.feature-series-nav{font-size:13px}.feature-series-nav button{flex:0 0 auto}

.feature-badge.partial{background:#50451e;color:#fff1ad;border:1px solid #a1944c66}.feature-badge.available{background:#1c4b29;color:#c6ffb5}.feature-card{min-width:0}.feature-badge{white-space:normal;text-align:center;line-height:1.5}