.result-kicker{display:block;font-size:11px;letter-spacing:1.3px;color:#666;line-height:1.8}.result-preview{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:center;padding:36px;border:1px solid #333;background:#fff;box-shadow:7px 7px 0 #c6c6c6;border-radius:2px 5px 3px 2px;min-width:0}.result-preview h2{font-size:29px;letter-spacing:-.8px;margin:15px 0}.result-preview p{font-size:14px;line-height:1.9;color:#555;margin:0 0 20px}.result-preview-copy{min-width:0}.result-facts{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 15px}.result-facts span{font-size:10px;padding:5px 8px;border:1px solid #aaa;background:#f5f5f5;color:#444;line-height:1.5}.result-link{display:inline-flex;align-items:center;gap:15px;border-bottom:1px solid #888;padding-bottom:6px;font-size:13px;color:#222;line-height:1.6}.result-video-frame{min-width:0;position:relative}.result-video-frame video{width:100%;aspect-ratio:16/9;display:block;object-fit:contain;background:#111;border:1px solid #333;box-shadow:3px 3px 0 #b7b7b7;border-radius:2px}.result-video-error{padding:14px;font-size:13px;line-height:1.8;border:1px solid #999;background:#fff;margin-top:12px}.todo-home-results{padding:55px 7vw 35px}.result-showcase{padding:0 7vw 70px}.result-page-hero{padding-bottom:35px!important}.result-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-bottom:30px}.result-tabs button{display:grid;grid-template-columns:22px 1fr;gap:7px 12px;align-items:center;text-align:left;border:1px solid #888;background:#fff;padding:20px;border-radius:2px 5px 2px 4px;color:#444;min-width:0}.result-tabs button>span{font-size:11px;grid-row:span 2;align-self:start;padding-top:4px;color:#777}.result-tabs strong{font-size:20px;line-height:1.4}.result-tabs small{font-size:11px;line-height:1.5;font-weight:400}.result-tabs button[aria-selected=true]{background:#252525;color:#fff;border-color:#111;box-shadow:4px 4px 0 #aaa}.result-tabs button[aria-selected=true]>span{color:#ccc}.result-tabs button:focus-visible,.result-link:focus-visible{outline:3px solid #555;outline-offset:5px}.result-panel{background:#fff;border:1px solid #555;box-shadow:7px 7px 0 #ccc;padding:35px;border-radius:3px 2px 5px 2px}.result-main{display:grid;grid-template-columns:1.4fr 1fr;gap:36px;align-items:center}.result-main>div{min-width:0}.result-description h2{font-size:30px;line-height:1.5;letter-spacing:-.7px;margin:13px 0 18px}.result-description p{font-size:14px;line-height:1.9;color:#555}.result-description ul{list-style:none;padding:0;margin:20px 0 25px;display:grid;gap:10px;font-size:13px;color:#444}.result-description li:before{content:'↗';margin-right:10px}.result-description .button{font-size:13px}.result-video-caption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:14px;font-size:10px;line-height:1.6;color:#666}.result-input{display:grid;grid-template-columns:.8fr 1.6fr;gap:30px;border-top:1px solid #bbb;margin-top:35px;padding-top:26px}.result-input>div>p{font-size:12px;color:#666;line-height:1.8;margin-top:10px}.result-input blockquote{margin:0;padding:18px 22px;border-left:3px solid #444;background:#f3f3f3;font-size:14px;line-height:2;color:#333}.result-source{font-size:11px;line-height:1.9;color:#666;margin:23px 0 0}.result-interface{border-top:1px solid #bbb;margin-top:23px;padding-top:18px}.result-interface summary{cursor:pointer;display:flex;justify-content:space-between;gap:20px;font-size:13px;line-height:1.8;list-style:none}.result-interface[open] summary{margin-bottom:20px}.result-interface .software-shot{margin:0}.result-next{display:flex;align-items:center;justify-content:space-between;gap:35px;border-top:1px solid #aaa;padding-top:35px;margin-top:55px}.result-next h2{font-size:25px;margin:13px 0}.result-next p{font-size:13px;color:#555;line-height:1.9}.result-scenes-link{margin-top:25px}.todo-card-results{margin:30px 0}.result-preview.compact{padding:25px;box-shadow:4px 4px 0 #ccc;gap:28px}.result-preview.compact h2{font-size:24px}.result-preview.compact p{font-size:13px}.result-preview.compact .result-facts span{font-size:9px}
@media(max-width:1000px){.result-main{grid-template-columns:1fr;gap:28px}.result-description h2{max-width:650px}.result-description ul{display:flex;flex-wrap:wrap;gap:13px 22px}.result-preview{gap:25px;padding:27px}.result-tabs button{padding:16px}.result-tabs strong{font-size:18px}.result-tabs small{font-size:10px}}
@media(max-width:700px){.todo-home-results{padding:35px 5vw}.result-showcase{padding:0 5vw 45px}.result-preview,.result-preview.compact{grid-template-columns:1fr;gap:22px;padding:22px}.result-preview h2{font-size:25px}.result-tabs{gap:10px;margin-bottom:22px}.result-tabs button{display:flex;flex-direction:column;align-items:start;gap:8px;padding:13px 10px}.result-tabs strong{font-size:16px}.result-tabs small{font-size:10px}.result-panel{padding:21px;box-shadow:4px 4px 0 #ccc}.result-description h2{font-size:25px}.result-input{grid-template-columns:1fr;gap:15px;padding-top:21px;margin-top:25px}.result-input blockquote{padding:15px;font-size:13px}.result-description ul{display:grid}.result-next{flex-direction:column;align-items:start;gap:15px;margin-top:40px}.result-next h2{font-size:23px}.result-video-caption{font-size:10px}.result-facts span{font-size:9px}.result-description .button{width:100%;justify-content:space-between}.result-tabs button[aria-selected=true]{box-shadow:2px 2px 0 #aaa}}
.result-play-toggle{position:absolute;top:12px;right:12px;z-index:1;display:flex;align-items:center;justify-content:center;border:1px solid #444;border-radius:2px 5px 2px 3px;background:#fff;color:#222;box-shadow:3px 3px 0 #777;padding:9px 13px;font:inherit;font-size:12px;cursor:pointer}.result-play-toggle:focus-visible{outline:3px solid #999;outline-offset:5px}
.result-page-hero{padding-top:35px!important;padding-bottom:24px!important}.result-page-hero .page-hero-row{margin-top:15px}.result-page-hero h1{font-size:42px;line-height:1.25}.result-tabs button{padding-top:15px;padding-bottom:15px}
@media(max-width:700px){.result-page-hero{padding-top:30px!important}.result-page-hero h1{font-size:32px}.result-page-hero .page-hero-row{gap:15px}.result-tabs button{padding-top:13px;padding-bottom:13px}}
@media(prefers-reduced-motion:reduce){.result-tabs button{transition:none}}