/* ScrillaB guides: article styles layered on /assets/styles.css */
.crumbs{font-size:.85rem;margin:0 0 1rem;color:#BFD9CD}
.crumbs a{color:var(--gold-2);text-decoration:none}
.crumbs a:hover{text-decoration:underline;color:var(--gold-2)}
.page-hero .meta{font-size:.9rem;color:#BFD9CD;margin-top:.9rem}
.article{padding:2.5rem 0 3.5rem}
.article h2{font-size:1.5rem;margin-top:2.4rem}
.article h3{margin-top:1.6rem}
.article ul,.article ol{padding-left:1.3rem}
.article li{margin-bottom:.45rem}
.article code{font:500 .9em/1.4 ui-monospace,"Roboto Mono",Menlo,monospace;background:var(--pale);border:1px solid var(--line);border-radius:6px;padding:.08em .35em;overflow-wrap:anywhere}
.article pre{background:var(--e4);color:#E3F0EA;border-radius:12px;padding:1rem 1.15rem;overflow-x:auto;font-size:.88rem;line-height:1.55;border-left:4px solid var(--gold)}
.article pre code{background:none;border:0;padding:0;color:inherit;overflow-wrap:normal}
.article table{width:100%;border-collapse:collapse;margin:1rem 0 1.5rem;font-size:.95rem}
.article th,.article td{border:1px solid var(--line);padding:.55rem .7rem;text-align:left;vertical-align:top}
.article th{background:var(--pale);color:var(--e3)}
.table-wrap{overflow-x:auto}
.callout{background:var(--pale-2);border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:12px;padding:1rem 1.2rem;margin:1.5rem 0}
.callout p:last-child{margin:0}
.toc{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:1rem 1.3rem;margin:0 0 2rem}
.toc strong{color:var(--e3)}
.toc ol{margin:.5rem 0 0}
.soft-cta{margin:2.5rem 0 0;background:linear-gradient(150deg,var(--e2),var(--e3));color:#DCEDE5;border-radius:18px;padding:1.6rem 1.6rem 1.4rem;border-top:4px solid var(--gold)}
.soft-cta h2{color:#fff;margin-top:0;font-size:1.35rem}
.soft-cta .btn{margin-top:.4rem}
.related{margin-top:2.5rem}
.related ul{list-style:none;padding:0;display:grid;gap:.6rem}
.related a{font-weight:600}
.guide-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}
.guide-cards .card h2{font-size:1.15rem;margin:0 0 .5rem}
.guide-cards .card h2 a{color:var(--e3);text-decoration:none}
.guide-cards .card h2 a::after{content:"";position:absolute;inset:0}
.guide-cards .card h2 a:hover{color:var(--e1)}
.guide-cards .tag{margin:0 0 .7rem}
.faq-inline{margin-top:1rem}
@media (max-width:640px){.guide-cards{grid-template-columns:1fr}}
/* tools */
.tool{background:#fff;border:1px solid var(--line);border-top:5px solid var(--gold);border-radius:20px;padding:clamp(1.2rem,3vw,2rem);box-shadow:var(--shadow-lg);margin:0 0 2rem}
.tool h2{font-size:1.3rem;margin-top:0}
.dropzone{display:block;border:2px dashed #9FC3B2;border-radius:14px;background:var(--pale-2);padding:1.6rem;text-align:center;cursor:pointer;transition:background .15s,border-color .15s}
.dropzone:focus-within,.dropzone.is-over{border-color:var(--e1);background:var(--pale)}
.dropzone input[type=file]{display:block;margin:.8rem auto 0;font:inherit;max-width:100%}
.or{text-align:center;color:var(--muted);margin:1rem 0;font-weight:600}
.tool textarea{font-family:ui-monospace,"Roboto Mono",Menlo,monospace;font-size:.9rem}
.btn-row{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1rem}
.btn-line{background:#fff;color:var(--e2);border-color:var(--e1)}
.btn-line:hover{background:var(--pale);color:var(--e3)}
.opts{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem 1.2rem;margin:0 0 1.2rem;padding:0;border:0}
.opts .check{margin:0}
.col-table td,.col-table th{font-size:.9rem}
.col-table select{padding:.45rem 2rem .45rem .6rem;font-size:.9rem}
.col-sample{display:block;font-weight:400;color:var(--muted);font-size:.8rem;overflow-wrap:anywhere}
.report{list-style:none;padding:0;margin:0 0 1rem;display:grid;grid-template-columns:repeat(2,1fr);gap:.4rem 1.2rem}
.report li{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px dashed var(--line);padding:.3rem 0}
.preview td,.preview th{font-size:.82rem;white-space:pre-wrap;max-width:16rem;overflow-wrap:anywhere}
.est-out{background:linear-gradient(150deg,var(--e2),var(--e3));color:#DCEDE5;border-radius:16px;padding:1.3rem 1.4rem;margin-top:1.2rem;border-top:4px solid var(--gold)}
.est-range{font-size:clamp(1.8rem,1.4rem + 2vw,2.6rem);font-weight:800;color:#fff;margin:0 0 .3rem}
.est-msg{margin:0 0 .8rem}
.privacy-pill{display:inline-block;background:#FBF1DA;color:var(--gold-ink);border:1px solid #EAD29C;border-radius:999px;padding:.25rem .8rem;font-size:.85rem;font-weight:600;margin:.8rem 0 0}
@media (max-width:640px){.opts,.report{grid-template-columns:1fr}}
.opts-1{grid-template-columns:1fr}
.tool input[type=number]{width:100%;max-width:14rem;font:400 1rem/1.4 var(--font);color:var(--ink);background:#fff;border:1.5px solid #B9CEC3;border-radius:var(--r-sm);padding:.8rem .9rem}
.tool input[type=number]:focus{outline:none;border-color:var(--e1);box-shadow:0 0 0 4px rgba(15,122,85,.18)}