/* Shared by the three answer pages (journal guide, TOMO vs notebook, app roundup).
   Uses the blog's existing colours only: #F5A623 gold, #333 rules, #888 muted, #ccc body. */
.article table { width: 100%; border-collapse: collapse; margin: 24px 0; font-size: 15px; }
.article th, .article td { text-align: left; vertical-align: top; padding: 10px 12px; border-bottom: 1px solid #333; color: #ccc; }
.article th { color: #fff; font-weight: 600; font-size: 13px; letter-spacing: .02em; }
.article td:first-child { color: #fff; font-weight: 600; }
.table-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.table-scroll table { min-width: 560px; }
.template { background: #161616; border: 1px solid #333; border-left: 3px solid #F5A623; border-radius: 8px; padding: 20px 22px; margin: 24px 0; font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 14px; line-height: 1.9; color: #ddd; white-space: pre-wrap; }
.note { font-size: 14px; color: #888; }
.faq details { border-bottom: 1px solid #333; padding: 14px 0; }
.faq summary { cursor: pointer; color: #fff; font-weight: 600; font-size: 17px; list-style: none; }
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after { content: "+"; float: right; color: #F5A623; }
.faq details[open] summary::after { content: "\2212"; }
.faq .a { margin: 10px 0 0; color: #ccc; }
.app-facts { font-size: 14px; color: #888; margin-top: -8px; }