/* Shared article typography, layout and media styles come from style.css and project.css. */
.native-showcase .log-media video{aspect-ratio:16/9;object-fit:contain}
.native-showcase .features{max-width:570px;padding-left:20px;margin:10px 0 20px;font-size:10px;line-height:1.8}
.native-showcase .features li{padding-left:2px;margin:8px 0}
.native-showcase .signup{margin:32px 0 40px;max-width:460px}
.native-showcase .signup>label{display:block;border-bottom:1px dashed #382f2b;padding-bottom:5px;margin-bottom:17px;font:9px/1.4 Verdana,sans-serif}
.native-showcase .signup-row{display:flex;gap:8px}
.native-showcase .signup-row input{min-width:0;flex:1;background:#fffefa;border:1px solid #b8b3a8;border-radius:0;padding:10px;color:#382f2b;font:11px Verdana,sans-serif}
.native-showcase .signup-row button{border:1px solid #382f2b;background:#382f2b;color:#faf9ef;border-radius:0;padding:10px 14px;font:9px Verdana,sans-serif;cursor:pointer;white-space:nowrap}
.native-showcase .signup-row button:hover{background:#637186;border-color:#637186}
.native-showcase .signup-row button:disabled{opacity:.6;cursor:wait}
.native-showcase .signup-row :focus-visible{outline:2px solid #586a81;outline-offset:4px}
.native-showcase .signup-trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.native-showcase #signup-status{font-size:9px;line-height:1.6;margin:10px 0 0;color:#777067;min-height:15px}
@media(max-width:520px){.native-showcase .signup-row input{font-size:16px}.native-showcase .signup-row button{min-height:44px}}
@media(max-width:360px){.native-showcase .signup-row{flex-direction:column}}
.comments{margin:40px 0;border-top:1px dashed #b8b3a8;padding-top:24px}
.comments h2{font:700 13px Verdana,sans-serif;margin:0 0 20px}
.comments form{max-width:460px}
.comments label{display:block;font:10px Verdana,sans-serif;margin:12px 0 6px}
.comments label span{color:#777067}
.comments input,.comments textarea{box-sizing:border-box;display:block;width:100%;border:1px solid #b8b3a8;background:#fffefa;color:#382f2b;border-radius:0;padding:10px;font:12px/1.6 Verdana,sans-serif}
.comments textarea{resize:vertical;min-height:110px}
.comments button{border:1px solid #382f2b;background:#382f2b;color:#faf9ef;padding:10px 14px;font:10px Verdana,sans-serif;cursor:pointer;margin-top:12px}
.comments button:disabled{opacity:.6;cursor:wait}
.comments :focus-visible{outline:2px solid #586a81;outline-offset:3px}
#comment-status,#comments-load-status{font:10px/1.6 Verdana,sans-serif;color:#777067;min-height:16px}
.comment{padding:18px 0;border-bottom:1px solid #dedacf}
.comment header{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap;margin:0;font:11px Verdana,sans-serif}
.comment time{font-size:9px;color:#777067}
.comment p{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.8 Verdana,sans-serif;margin:10px 0 0}
@media(max-width:520px){.comments input,.comments textarea{font-size:16px}.comments button{min-height:44px}}