@charset "UTF-8";
/* Diginako - shared article component layer (current and future n8n markup).
   Covers the live n24-* components without changing any visible text. */

.dn-body{overflow-wrap:break-word}
.dn-body h2,.dn-body h3,.dn-body h4{scroll-margin-top:90px}
.dn-body p{margin:0}
.dn-body>*+*{margin-top:16px}
.dn-body>*+h2,.dn-body>*+h3{margin-top:34px}

/* tables */
.dn-table-scroll{overflow-x:auto;border:1px solid var(--line);background:var(--surface);margin:22px 0}
.dn-table-scroll:focus-visible{outline:2px solid var(--signal);outline-offset:2px}
.dn-body table,.n24-table{width:100%;border-collapse:collapse;font-size:15px;background:var(--surface)}
.dn-body th,.dn-body td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
.dn-body thead th{background:#EEF2F4;font-family:var(--mono);font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink)}
.dn-layout-table{overflow-x:auto}
.dn-layout-table table{border:0}
.dn-layout-table td{border:0;padding:0 10px 0 0}

/* snapshot / stats */
.n24-snapshot-block{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--signal);padding:18px 20px;margin:24px 0}
.n24-snapshot-block>*+*{margin-top:10px}
.n24-snapshot-block h2,.n24-snapshot-block h3{font-size:18px}
.n24-stats-line,.dn-stat{font-family:var(--mono);font-size:12.5px;color:var(--ink-2)}
.dn-stat{margin-right:6px}

/* cards */
.n24-card,.dn-card-grid>*{background:var(--surface);border:1px solid var(--line);padding:16px 18px}
.dn-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:22px 0}
.n24-card-num{font-family:var(--mono);font-size:11px;color:var(--signal);letter-spacing:.06em;text-transform:uppercase}
.n24-card-title{font-family:var(--display);font-size:17px;margin:6px 0 8px;line-height:1.25}
.n24-card-body{font-size:15px;color:var(--ink-2)}
.n24-card-header>*+*{margin-top:6px}
.n24-clarity-col,.n24-clarity-col>*{min-width:0}
.n24-clarity{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0}
.n24-clarity h3{font-size:17px;margin-bottom:8px}

/* notes, tips, tldr */
.n24-tldr{background:#EEF2F4;border:1px solid var(--line);padding:16px 18px;margin:22px 0}
.n24-tldr p:first-child,.n24-tldr strong{font-family:var(--display)}
.n24-note,.n24-tip,.n24-warning{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--amber);padding:14px 18px;margin:20px 0;font-size:15.5px}
.n24-note-label,.n24-tip-label{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);margin-bottom:6px}
.n24-blockquote{border-left:3px solid var(--signal);padding-left:16px;font-size:17px;color:var(--ink-2)}

/* FAQ */
.n24-faq-item{border:1px solid var(--line);background:var(--surface);margin:10px 0}
.n24-faq-item>summary{cursor:pointer;padding:14px 18px;font-family:var(--display);font-size:16.5px;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:12px}
.n24-faq-item>summary::-webkit-details-marker{display:none}
.n24-faq-item>summary::after{content:"+";font-family:var(--mono);color:var(--signal)}
.n24-faq-item[open]>summary::after{content:"–"}
.n24-faq-item>*:not(summary){padding:0 18px 16px}
.n24-faq-item h3,.n24-faq-item h4{font-size:16px;margin-bottom:6px}

/* lists */
.n24-list,.n24-list-tight{margin:20px 0;border-top:1px solid var(--line)}
.n24-list>li,.n24-list-tight>li{display:grid;grid-template-columns:88px minmax(0,1fr);gap:14px;padding:14px 0;border-bottom:1px solid var(--line-soft);align-items:center}
.n24-list-thumb{background:#E7ECEF}
.n24-list-thumb img{width:100%;aspect-ratio:4/3;object-fit:cover}
.n24-list-title{font-family:var(--display);font-size:16.5px;font-weight:600}
.n24-p{margin:0}
.n24-p+p{margin-top:16px}

@media (max-width:768px){
  .dn-card-grid,.n24-clarity{grid-template-columns:1fr}
  .n24-list>li,.n24-list-tight>li{grid-template-columns:76px minmax(0,1fr);gap:12px}
}