/* Editorial comparisons and practical tools share the Capture reading system. */
body.capture-tenth { --panel:#14101c;--line:#ffffff28;--accent:#d4bbfc;--muted:#bcb5cb;--ink:#f2edf8; }
body.capture-tenth.capture-full main :is(.container,.resource-main) { max-width:1280px!important; }
body.capture-tenth.capture-full main .sd-hero:not(.ce8-hero-media) { grid-template-columns:minmax(0,1.35fr) minmax(0,.8fr);align-items:center;gap:72px; }
body.capture-tenth.capture-full main .sd-hero-index { min-width:0; }
body.capture-tenth.capture-full main .sd-hero-copy>p:not(.article-meta):not(.eyebrow):not(.lp-hero__label) { font-size:17px;line-height:1.95;color:var(--muted); }
body.capture-tenth.capture-full main :is(.article-body,.article-lead,.ce-chapter__body) { min-width:0; }
body.capture-tenth.capture-full main :is(.tldr,.disclosure,.answer-block,.note,.capture-example,.example,.step-box) { padding:26px!important;border:1px solid #a78bfa38!important;border-radius:14px!important;background:#14101d!important;color:#cec4da!important;box-shadow:none;line-height:1.95; }
body.capture-tenth.capture-full main :is(.tldr,.disclosure,.answer-block,.note,.capture-example,.example,.step-box)>:first-child { margin-top:0; }
body.capture-tenth.capture-full main :is(.tldr,.disclosure,.answer-block,.note,.capture-example,.example,.step-box)>:last-child { margin-bottom:0; }
body.capture-tenth.capture-full main :is(.tip-card,.app-card) { margin:30px 0;padding:30px 0;border:0;border-top:1px solid #b89bd250;border-radius:0;background:none;box-shadow:none; }
body.capture-tenth.capture-full main :is(.tip-card,.app-card):first-child { margin-top:0; }
body.capture-tenth.capture-full main :is(.tip-card__header,.app-card__header) { display:flex;flex-wrap:wrap;align-items:baseline;gap:16px;margin:0 0 22px; }
body.capture-tenth.capture-full main :is(.tip-card__rank,.app-card__rank,.step-number,.diff-num,.diff-card__num) { display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:38px;min-height:38px;padding:4px 10px;border:1px solid #a78bfa44;border-radius:8px;background:#21162d;color:#ddc5ff;font:500 16px/1.5 ui-monospace,monospace; }
body.capture-tenth.capture-full main :is(.tip-card__name,.app-card__name) { margin:0;color:#f3edf9;font-size:24px;line-height:1.6; }
body.capture-tenth.capture-full main :is(.app-card__meta,.app-card__for) { color:#c0b6cd;font-size:14px;line-height:1.9; }
body.capture-tenth.capture-full main :is(.app-card__pros,.app-card__cons) { padding:18px 22px;border:1px solid #ffffff20;border-radius:10px;background:#101016;color:#d3cadf;font-size:15px;line-height:1.95; }
body.capture-tenth.capture-full main :is(.vs-cards,.diff-cards,.reason-cards,.choose-grid) { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:28px 0; }
body.capture-tenth.capture-full main :is(.vs-card,.diff-card,.reason-card,.choose-card) { min-width:0;margin:0;padding:30px;border:1px solid #ad8ace40;border-radius:16px;background:linear-gradient(135deg,#1b1324,#101016 85%);box-shadow:none;color:#d0c6dc;text-align:start; }
body.capture-tenth.capture-full main .vs-card { position:relative;text-decoration:none;transition:border-color .18s,background-color .18s; }
body.capture-tenth.capture-full main .vs-card:hover { border-color:#bc95e7;background:#20162d; }
body.capture-tenth.capture-full main :is(.vs-card__label,.vs-card__arrow) { color:#d4bbfc; }
body.capture-tenth.capture-full main :is(.vs-card__title,.diff-card__title,.reason-card__title,.choose-card__title) { display:block;color:#f0e8fa;font-size:22px;line-height:1.6;margin:16px 0; }
body.capture-tenth.capture-full main :is(.vs-card__desc,.diff-card__desc,.reason-card__desc,.choose-card__list) { color:#c3b9cf;font-size:16px;line-height:1.95; }
body.capture-tenth.capture-full main .diff-list { padding:0;list-style:none; }
body.capture-tenth.capture-full main .diff-list>li { padding:24px 0;padding-inline-start:58px;padding-inline-end:12px;background:none;border:0;border-radius:0;border-bottom:1px solid var(--line);line-height:1.95; }
body.capture-tenth.capture-full main :is(.yes,.highlight,.highlight-col) { color:#e2ceff;background:#251b3033; }
body.capture-tenth.capture-full main .diff-list>li>strong { display:block;margin-bottom:10px;color:#f0e8fa; }
body.capture-tenth.capture-full main .diff-list .diff-num { left:auto;right:auto;inset-inline-start:0;top:25px; }
body.capture-tenth.capture-full main .no { color:#beb5ca; }
body.capture-tenth.capture-full main .cta-box { margin:42px 0;padding:36px 32px;border:1px solid #ba94e455;border-radius:18px;background:linear-gradient(115deg,#261831,#141018);box-shadow:none;text-align:start; }
body.capture-tenth.capture-full main .cta-box h3 { color:#f4edfc;font-size:26px;line-height:1.6; }
body.capture-tenth.capture-full main .cta-box p { color:#c8bdd5;line-height:1.95; }
body.capture-tenth.capture-full main :is(.related-links,.references,.author-bio) { max-width:1280px;margin:36px auto;padding:30px 0;border-top:1px solid var(--line);background:none;border-radius:0;color:#bfb5cc;font-size:15px;line-height:1.95; }
body.capture-tenth.capture-full main :is(.related-links,.references)>h2 { font-size:24px;line-height:1.6;color:#eee5f8; }
body.capture-tenth.capture-full main :is(.related-links,.references) a { display:inline-block;padding-block:7px; }
body.capture-tenth.capture-full main .author-bio img { width:48px;height:48px;border-radius:12px; }
body.capture-tenth.capture-full main :is(.tip-card__rank,.app-card__rank) { flex-shrink:1;max-width:100%;overflow-wrap:anywhere;font-family:inherit;font-size:13px;line-height:1.7; }
/* Keep form semantics and output IDs intact; the two panels remain in reading order. */
body.capture-tenth.capture-full main .tool-grid { grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:28px;margin:40px 0 56px; }
body.capture-tenth.capture-full main .tool-panel { min-width:0;padding:32px;border:1px solid #b597d64d;border-radius:18px;background:linear-gradient(135deg,#181220,#0f0e15); }
body.capture-tenth.capture-full main .tool-panel.ce-chapter { display:block;margin:0;padding:32px!important; }
body.capture-tenth.capture-full main .tool-panel .ce-chapter__head { position:static;margin:0 0 24px; }
body.capture-tenth.capture-full main .tool-panel .ce-chapter__head h2 { font-size:25px; }
body.capture-tenth.capture-full main .tool-panel label { font-size:15px;line-height:1.8;color:#e9e1f3;margin:24px 0 8px; }
body.capture-tenth.capture-full main .tool-panel :is(input,select,textarea) { min-width:0;max-width:100%;border:1px solid #8d769f;border-radius:9px;background:#0b0911;color:#f0e8fa;font-size:16px;line-height:1.6;padding:12px; }
body.capture-tenth.capture-full main .tool-panel input[type=checkbox] { accent-color:#c4a0ec;padding:0; }
body.capture-tenth.capture-full main :is(input,select,textarea):focus-visible { outline:3px solid #e9ccff;outline-offset:4px; }
body.capture-tenth.capture-full main .tool-panel .small { color:#bcb1c9;font-size:14px;line-height:1.9; }
body.capture-tenth.capture-full main .tool-panel button { min-height:48px;padding:12px 20px;border:1px solid #e8d4ff;border-radius:9px;background:#e8d4ff;color:#261337;font-size:15px;font-weight:650;line-height:1.7; }
body.capture-tenth.capture-full main .tool-panel #reset-tool { background:transparent;color:#decaef;border-color:#a68cba; }
body.capture-tenth.capture-full main .tool-panel :is(#uri-output,#decoded-params) { direction:ltr;text-align:left;unicode-bidi:isolate;line-height:1.8;font-family:ui-monospace,SFMono-Regular,monospace; }
body.capture-tenth.capture-full main .tool-panel #uri-output { min-height:210px;font-size:14px; }
body.capture-tenth.capture-full main :is(#uri-status,#syntax-status) { color:#d9c5ee;font-size:15px;line-height:1.8; }
body.capture-tenth.capture-full main .uri-refresh details { border:0;border-bottom:1px solid var(--line);border-radius:0;padding:0;background:none; }
body.capture-tenth.capture-full main .uri-refresh summary { padding:22px 0;line-height:1.8; }
body.capture-tenth.capture-full main .uri-refresh figure { padding:12px;border:1px solid var(--line);border-radius:14px;background:#141019; }
body.capture-tenth.capture-full main .uri-refresh figcaption { padding:14px 8px 6px;color:#bcb1c9;font-size:14px;line-height:1.9; }
@media(max-width:1000px) {
 body.capture-tenth.capture-full main .sd-hero:not(.ce8-hero-media) { gap:36px;grid-template-columns:minmax(0,1fr); }
 body.capture-tenth.capture-full main .tool-grid { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:767px) {
 body.capture-tenth.capture-full main :is(.vs-cards,.diff-cards,.reason-cards,.choose-grid) { grid-template-columns:minmax(0,1fr);gap:16px; }
 body.capture-tenth.capture-full main :is(.vs-card,.diff-card,.reason-card,.choose-card,.tool-panel,.cta-box) { padding:24px 20px; }
 body.capture-tenth.capture-full main :is(.tldr,.disclosure,.answer-block,.note,.capture-example,.example,.step-box) { padding:20px!important; }
 body.capture-tenth.capture-full main :is(.tip-card__name,.app-card__name) { font-size:22px; }
 body.capture-tenth.capture-full main :is(.related-links,.references,.author-bio) { margin-inline:0;padding-inline:0; }
 body.capture-tenth.capture-full main .tool-panel .actions { flex-direction:column;align-items:stretch; }
}
@media(max-width:767px) { body.capture-tenth.capture-full main .tool-panel.ce-chapter { padding:24px 20px!important; } }
@media print {
 body.capture-tenth.capture-full main :is(.tool-panel,.vs-card,.diff-card,.reason-card,.choose-card,.cta-box,.tldr,.disclosure,.answer-block,.note,.capture-example,.example,.step-box) { background:#fff!important;color:#111!important;box-shadow:none; }
 body.capture-tenth.capture-full main :is(.app-card__meta,.app-card__for,.app-card__pros,.app-card__cons,.vs-card__title,.vs-card__desc,.diff-card__title,.diff-card__desc,.reason-card__title,.reason-card__desc,.choose-card__title,.choose-card__list,.tool-panel label,.tool-panel .small) { color:#111;background:none; }
}