/* Scoped presentation layer. Adapt to the site's existing components. */
.yb-article, .yb-preview { --yb-ink:#252433; --yb-muted:#5b5765; --yb-paper:#fff8e7; --yb-accent:#ffe14a; --yb-border:#e5dfcf; color:var(--yb-ink); font-family:system-ui,-apple-system,"Segoe UI",sans-serif; }
.yb-article { max-width:850px; margin:0 auto; padding:32px 22px 72px; font-size:18px; line-height:1.72; overflow-wrap:anywhere; }
.yb-article *, .yb-preview * { box-sizing:border-box; }
.yb-article h1 { font-size:clamp(31px,4.4vw,47px); line-height:1.12; letter-spacing:-.025em; margin:18px 0 28px; }
.yb-article h2 { font-size:clamp(25px,3vw,32px); line-height:1.2; letter-spacing:-.015em; margin:48px 0 18px; scroll-margin-top:32px; }
.yb-article h3 { font-size:22px; line-height:1.3; margin:30px 0 12px; scroll-margin-top:32px; }
.yb-article p { margin:0 0 19px; }
.yb-article a { color:inherit; text-decoration-thickness:1px; text-underline-offset:3px; }
.yb-article a:hover { text-decoration-thickness:2px; }
.yb-article a:focus-visible, .yb-article button:focus-visible, .yb-article input:focus-visible, .yb-article [tabindex]:focus-visible { outline:3px solid #342b83; outline-offset:4px; }
.yb-article .yb-cta { background:var(--yb-paper); border:1px solid var(--yb-border); border-left:5px solid var(--yb-accent); border-radius:14px; padding:24px; margin:30px 0; }
.yb-article .yb-cta__title { font-size:21px; line-height:1.3; margin-bottom:12px; }
.yb-article .yb-button { display:inline-flex; align-items:center; justify-content:center; min-height:46px; max-width:100%; padding:12px 19px; background:var(--yb-accent); color:var(--yb-ink); border:1px solid transparent; border-radius:10px; font:inherit; font-size:16px; font-weight:700; text-decoration:none; line-height:1.35; cursor:pointer; text-align:center; }
.yb-article .yb-button:hover { filter:brightness(.97); }
.yb-article .yb-button--secondary { background:white; border-color:var(--yb-border); }
.yb-article .yb-product-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr)); gap:18px; margin:24px 0 12px; }
.yb-article .yb-product-grid:has(> :only-child) { max-width:410px; }
.yb-article .yb-product-card { margin:0; padding:16px; border:1px solid var(--yb-border); border-radius:16px; background:white; }
.yb-article .yb-media { width:100%; aspect-ratio:1/1; background:var(--yb-paper); border-radius:10px; overflow:hidden; margin-bottom:14px; }
.yb-article .yb-media img { display:block; width:100%; height:100%; object-fit:contain; font-size:14px; }
.yb-article .yb-product-card figcaption { font-size:16px; line-height:1.5; }
.yb-article .yb-product-card figcaption > strong { font-size:18px; }
.yb-article .yb-product-card figcaption p { margin:10px 0; }
.yb-article .yb-caption { color:var(--yb-muted); font-size:13px; line-height:1.5; margin:10px 0 26px; }
.yb-article .yb-table-scroll { max-width:100%; overflow-x:auto; margin:24px 0; border:1px solid var(--yb-border); border-radius:12px; }
.yb-article table { width:100%; min-width:650px; border-collapse:collapse; font-size:15px; line-height:1.5; }
.yb-article th, .yb-article td { text-align:left; vertical-align:top; padding:14px; border-bottom:1px solid var(--yb-border); }
.yb-article th { background:var(--yb-paper); }
.yb-article tbody tr:last-child td { border-bottom:0; }
.yb-article .yb-calculator { padding:25px; border:1px solid var(--yb-border); border-radius:14px; background:var(--yb-paper); margin:28px 0; }
.yb-article .yb-calculator h3 { margin-top:0; }
.yb-article .yb-calculator label { display:block; font-weight:600; margin-bottom:9px; }
.yb-article .yb-calculator input { width:104px; max-width:100%; font:inherit; padding:10px 12px; border:1px solid var(--yb-muted); border-radius:8px; background:white; margin:0 10px 18px 0; }
.yb-article .yb-calculator input[aria-invalid="true"] { border:2px solid #a31212; }
.yb-article .yb-calculator [data-yb-result] { margin:16px 0; }
.yb-preview { margin:0; background:#fffefb; }
.yb-preview .yb-preview-bar { max-width:1050px; margin:0 auto; padding:20px 24px; border-bottom:1px solid var(--yb-border); display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; font-size:14px; }
.yb-preview .yb-preview-bar a { color:var(--yb-ink); }
.yb-preview .yb-preview-note { background:var(--yb-paper); padding:13px 24px; text-align:center; font-size:13px; color:var(--yb-muted); }
.yb-preview .yb-meta { max-width:806px; margin:26px auto 0; padding:0 22px; font-size:14px; color:var(--yb-muted); }
@media(max-width:550px) { .yb-article { font-size:17px; padding:22px 18px 50px; } .yb-article .yb-cta, .yb-article .yb-calculator { padding:19px; } .yb-article .yb-product-grid { grid-template-columns:1fr; } .yb-article .yb-media { max-height:330px; } .yb-article .yb-button { width:100%; } }

.yb-article .yb-toc { font-size:15px; padding:14px 18px; margin:0 0 26px; border:1px solid var(--yb-border); border-radius:10px; }
.yb-article .yb-toc summary { cursor:pointer; font-weight:600; }
.yb-article .yb-toc ul { padding-left:20px; margin-bottom:0; }
.yb-article .yb-toc li { margin:7px 0; }