.examples-page{padding:30px 5% 0}.examples-intro{max-width:800px;padding:25px 0 35px}.examples-intro h1{font-size:clamp(28px,3.5vw,43px)}.concept-note{font-size:14px;color:var(--muted);border-left:3px solid #d8a363;padding-left:16px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.filters button,.slide-controls button,.dialog-top button{font:inherit;cursor:pointer;border:1px solid var(--line);padding:8px 18px;background:#fffdf6;color:var(--ink);border-radius:5px}.filters button[aria-pressed=true]{background:var(--accent);color:#fff}.shorts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px;margin-top:24px}.idea-card[hidden]{display:none}.idea-open{font:inherit;text-align:left;width:100%;border:0;background:transparent;padding:0;cursor:pointer;color:inherit}.short-cover{aspect-ratio:9/13;display:flex;flex-direction:column;padding:26px;border-radius:14px;background:#29363b;color:#fffdf2;transition:transform .2s}.idea-open:hover .short-cover{transform:translateY(-4px)}.cover-team{background:#29363b}.cover-owner{background:#4b4237}.cover-kicker{font-size:12px;letter-spacing:.12em;opacity:.8}.cover-question{font-size:clamp(20px,2.2vw,29px);font-weight:600;line-height:1.65;margin-top:30px}.cover-divider{width:38px;border-top:2px solid #dfb77f;margin:25px 0}.cover-answer{font-size:17px;line-height:1.8;color:#fff5e5}.cover-bottom{margin-top:auto;padding-top:25px;font-size:12px;opacity:.8}.card-category{display:block;font-size:12px;color:var(--muted);margin:14px 0 6px}.idea-card h2{font-family:inherit;font-size:17px;font-weight:600;line-height:1.7;margin:0 0 6px}.card-tags{font-size:13px;color:var(--muted)}.examples-contact{margin-top:70px;padding:45px 0 60px;border-top:1px solid var(--line)}.examples-contact h2{font-size:27px}dialog{width:min(590px,calc(100% - 28px));max-height:90dvh;overflow:auto;border:1px solid var(--line);border-radius:16px;background:var(--paper);padding:25px;color:var(--ink)}dialog::backdrop{background:rgba(25,32,36,.65)}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:12px;margin-bottom:20px}.dialog-top button{font-size:14px;padding:6px 12px}#slide-progress{display:flex;gap:5px;margin:0 0 30px}#slide-progress span{height:4px;background:#e2d6c4;flex:1}#slide-progress .active{background:var(--accent)}#idea-title{font-size:29px}#slide-content{min-height:160px;font-size:18px}#slide-content li{margin-bottom:12px}.slide-controls{display:flex;justify-content:space-between;align-items:center;margin:25px 0}.slide-controls button:disabled{opacity:.4;cursor:default}button:focus-visible{outline:3px solid #b87435;outline-offset:4px}@media(min-width:1150px){.shorts-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.short-cover{aspect-ratio:9/11}}@media(max-width:760px){.shorts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 14px}.short-cover{padding:18px}.cover-question{font-size:21px;margin-top:20px}.cover-answer{font-size:15px}.filters button{font-size:14px;padding:7px 12px}}@media(max-width:440px){.shorts-grid{grid-template-columns:1fr}.short-cover{aspect-ratio:9/11}.cover-question{font-size:28px}.cover-answer{font-size:18px}}

#idea-video:not([hidden]) { display:block; width:100%; max-height:65vh; aspect-ratio:9 / 16; object-fit:contain; background:#fff8e8; border-radius:12px; margin:16px auto; }
#idea-dialog [hidden] {display:none !important;}

#article-wrap { margin: 24px 0; }
#idea-article.note-button { display:flex; justify-content:center; align-items:center; min-height:56px; width:100%; box-sizing:border-box; padding:16px 20px; background:#29363b; color:#fffdf7; border:2px solid #29363b; border-radius:10px; font-weight:700; text-decoration:none; text-align:center; line-height:1.6; }
#idea-article.note-button:hover { background:#1e2a30; border-color:#1e2a30; }
#idea-article.note-button:focus-visible { outline:3px solid #bda66c; outline-offset:4px; }

/* Quiet moving previews beneath a consistent, readable green layer. */
.short-cover{position:relative;isolation:isolate;overflow:hidden;background:#29363b}
.short-cover .cover-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;pointer-events:none;opacity:1}
.short-cover::after{content:"";position:absolute;inset:0;background:rgba(29,40,45,.80);z-index:-1;pointer-events:none}
.short-cover>span{position:relative}
.preview-toggle{font:inherit;font-size:13px;color:var(--accent);background:transparent;border:1px solid var(--line);border-radius:6px;padding:7px 12px;cursor:pointer}
@media(prefers-reduced-motion:reduce){.short-cover{transition:none}.idea-open:hover .short-cover{transform:none}}