/* Parq.ai - article, hub, glossary layer (extends parq-v6.css) */
.artpage{background:var(--gray-l4)}
.artpage .nav{position:sticky}
.hubhead{padding-top:104px}
.hubhead>.w{gap:28px}
.crumb{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:var(--gray)}
.crumb a{color:var(--gray);text-decoration:none}
.crumb a:hover{color:var(--blue)}
.crumb span[aria-current]{color:var(--gray-d3)}
.hubstats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;border-top:1px solid var(--gray-l1);border-bottom:1px solid var(--gray-l1);padding:24px 0}
.hubstats b{display:block;font-size:30px;font-weight:700;letter-spacing:-.03em;color:var(--gray-d3);line-height:1.1}
.hubstats span{font-size:13px;font-weight:600;color:var(--gray)}
@media(max-width:760px){.hubstats{grid-template-columns:1fr 1fr}}
.pod__d{font-size:12.5px;font-weight:600;color:var(--gray);letter-spacing:.02em}
/* article */
.art{padding:104px 0 0}
.art__w{max-width:820px;display:flex;flex-direction:column;gap:26px}
.art__cat{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--blue)}
.art h1{font-size:clamp(30px,4.2vw,46px);font-weight:700;letter-spacing:-.03em;line-height:1.1;color:var(--gray-d3);text-wrap:pretty}
.art__dek{font-size:18px;line-height:1.6;color:var(--gray);font-weight:500}
.art__meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,auto));justify-content:start;gap:10px 30px;padding:16px 0;border-top:1px solid var(--gray-l1);border-bottom:1px solid var(--gray-l1);font-size:13.5px;line-height:1.5;color:var(--gray);font-weight:500}
.art__meta>span{display:block;min-width:0}
.art__meta b{color:var(--gray-d3);font-weight:700}
.art__meta a{color:var(--blue);text-decoration:none}
.art__answer{background:var(--blue-l3);border-left:3px solid var(--blue);border-radius:0 12px 12px 0;padding:24px 28px}
.art__answer-l{display:block;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--blue-d1);margin-bottom:10px}
.art__answer p{font-size:18px;line-height:1.62;color:var(--gray-d2);font-weight:600}
.art__tk{background:#fff;border:1px solid var(--gray-l1);border-radius:12px;padding:26px 28px}
.art__tk h2{font-size:13px!important;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gray-d1);margin:0 0 14px!important}
.art__tk ul{display:flex;flex-direction:column;gap:12px;list-style:none}
.art__tk li{position:relative;padding-left:22px;font-size:15.5px;line-height:1.6;color:var(--gray-d1);font-weight:500}
.art__tk li:before{content:"";position:absolute;left:0;top:9px;width:8px;height:8px;border-radius:2px;background:var(--blue)}
.art__tk b{color:var(--gray-d3);font-weight:700}
.art__body{display:flex;flex-direction:column;gap:20px}
.art__body h2{font-size:26px;font-weight:700;letter-spacing:-.02em;color:var(--gray-d3);margin-top:22px;scroll-margin-top:90px}
.art__body p{font-size:17px;line-height:1.75;color:var(--gray-d1);font-weight:400}
.art__body strong{color:var(--gray-d3);font-weight:700}
.art__body a.gl{color:var(--blue);text-decoration:underline;text-decoration-color:var(--blue-l2);text-underline-offset:3px}
.art__body a.gl:hover{text-decoration-color:var(--blue)}
.art__note{font-size:15px;color:var(--gray);font-style:italic;padding-top:8px;border-top:1px solid var(--gray-l1)}
.guest,.cite{background:#fff;border:1px solid var(--gray-l1);border-radius:12px;padding:26px 28px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.guest__l,.cite__l{font-size:11px;font-weight:700;letter-spacing:.1em;line-height:1.5;text-transform:uppercase;color:var(--blue);margin-bottom:2px}
.guest b{font-size:20px;font-weight:700;letter-spacing:-.02em;color:var(--gray-d3)}
.guest p{font-size:15px;color:var(--gray);font-weight:500;margin-bottom:8px}
.cite p{font-size:13.5px;line-height:1.65;color:var(--gray);font-weight:500;word-break:break-word}
.art__cta{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;background:var(--ink);border-radius:12px;padding:30px 32px}
.art__cta b{display:block;font-size:20px;font-weight:700;letter-spacing:-.02em;color:#fff;margin-bottom:8px}
.art__cta p{font-size:15px;line-height:1.6;color:var(--blue-l2);font-weight:500;max-width:520px}
.rel{padding:12px 0 64px;display:flex;flex-direction:column;gap:20px}
.rel h2{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gray-d1)}
.rel .pods{grid-template-columns:repeat(3,1fr)}
@media(max-width:760px){.rel .pods{grid-template-columns:1fr}.art__body h2{font-size:22px}}
/* glossary */
.gl-w{display:flex;flex-direction:column;gap:44px;max-width:900px}
.glgroup{display:flex;flex-direction:column;gap:18px;scroll-margin-top:90px}
.glgroup__h{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--blue);padding-bottom:12px;border-bottom:1px solid var(--gray-l1)}
.gl-list{display:flex;flex-direction:column;gap:14px}
.glterm{background:#fff;border:1px solid var(--gray-l1);border-radius:12px;padding:22px 24px;scroll-margin-top:90px;transition:border-color .25s var(--e)}
.glterm:target{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-l3)}
.glterm dt{font-size:18px;font-weight:700;letter-spacing:-.02em;color:var(--gray-d3);margin-bottom:8px}
.glterm dd{font-size:15.5px;line-height:1.7;color:var(--gray-d1);font-weight:400}
a.pfil{text-decoration:none;display:inline-flex;align-items:center}

.artpage .nav__row{gap:20px}}


/* comparison table */
.cmptable{background:#fff;border:1px solid var(--gray-l1);border-radius:12px;overflow:hidden}
.cmptable table{width:100%;border-collapse:collapse}
.cmptable th,.cmptable td{padding:15px 20px;text-align:left;font-size:15px;line-height:1.55;vertical-align:top;border-bottom:1px solid var(--gray-l2)}
.cmptable thead th{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gray);background:var(--gray-l4);border-bottom:1px solid var(--gray-l1)}
.cmptable thead th.on{color:var(--blue)}
.cmptable tbody th{font-weight:700;color:var(--gray-d3);width:26%}
.cmptable td{color:var(--gray-d1);font-weight:500}
.cmptable td.on{color:var(--gray-d3);font-weight:600;background:rgba(0,144,254,.045);border-left:1px solid var(--blue-l3)}
.cmptable tbody tr:last-child th,.cmptable tbody tr:last-child td{border-bottom:0}
@media(max-width:700px){.cmptable th,.cmptable td{padding:12px 14px;font-size:13.5px}.cmptable tbody th{width:32%}}
.artpage .faq{display:flex;flex-direction:column;gap:0}
.draftbar{background:#FFF8E1;border:1px solid #F7BE2D;border-radius:12px;padding:16px 20px;font-size:14.5px;line-height:1.6;color:var(--gray-d2);font-weight:500}
.draftbar b{color:var(--gray-d3)}
.draftbar code{font-family:ui-monospace,monospace;font-size:13px;background:rgba(0,0,0,.06);padding:1px 5px;border-radius:4px}
.fill{color:var(--blue)!important;background:var(--blue-l3);padding:0 6px;border-radius:4px}

.art__body .art__list{margin:0 0 22px;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}
.art__body .art__list li{position:relative;padding-left:22px;font-size:17px;line-height:1.72;color:var(--gray-d1)}
.art__body .art__list li::before{content:'';position:absolute;left:2px;top:11px;width:7px;height:7px;border-radius:50%;background:var(--blue)}
.art__body .art__list li strong{color:var(--gray-d3);font-weight:700}