/* Shared styles for My Virtual CPA SEO / comparison / legal pages — Paper & Ink theme */
@import url('https://fonts.googleapis.com/css2?family=Source+Serif+4:opsz,wght@8..60,500;8..60,600&family=Inter:wght@400;500;600;700&display=swap');
:root{--bg:#F6F2E9;--bg2:#FCFAF4;--card:#FFFFFF;--rule:#E6DECF;--ink:#1B2330;--mut:#505C6B;--dim:#6A6253;--teal:#0B6B53;--teal-l:#0B6B53;--teal-d:#08503F}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.6}
a{color:var(--teal);text-decoration:none}
.wrap{max-width:760px;margin:0 auto;padding:0 22px}
header{border-bottom:1px solid var(--rule);background:rgba(246,242,233,.88);backdrop-filter:blur(8px);position:sticky;top:0;z-index:5}
nav{display:flex;align-items:center;justify-content:space-between;height:60px;max-width:760px;margin:0 auto;padding:0 22px}
.brand{display:flex;align-items:center;gap:9px;font-family:'Source Serif 4',Georgia,serif;font-variant-ligatures:none;font-weight:600;font-size:1.1rem;color:var(--ink)}
.brand .mark{width:28px;height:28px;border-radius:7px;background:var(--teal);display:flex;align-items:center;justify-content:center;color:#fff;font-family:'Inter',sans-serif;font-weight:800}
h1,h2{font-family:'Source Serif 4',Georgia,serif;font-variant-ligatures:none;color:var(--ink);font-weight:600}
h1{font-size:clamp(1.8rem,4vw,2.6rem);letter-spacing:-.015em;line-height:1.15;margin:36px 0 14px}
h2{font-size:1.55rem;letter-spacing:-.01em;margin:38px 0 12px}
p{color:var(--mut);margin:0 0 1.1em}
.accent{color:var(--teal)}
.lead{font-size:1.15rem;color:var(--mut)}
.btn{display:inline-block;padding:13px 24px;border-radius:11px;font-weight:700;cursor:pointer;border:none;background:var(--teal);color:#fff}
.btn:hover{background:var(--teal-d)}
.btn-ghost{background:#fff;color:var(--ink);border:1px solid var(--rule)}
.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin:8px 0 6px}
.muted{color:var(--dim);font-size:.9rem}
.tblwrap{overflow-x:auto;border:1px solid var(--rule);border-radius:12px;margin:18px 0;background:#fff}
.tblwrap th:not(:first-child),.tblwrap td:not(:first-child){text-align:center}
table{width:100%;border-collapse:collapse;font-size:.95rem}
th,td{padding:13px 15px;text-align:left;border-bottom:1px solid var(--rule)}
thead tr{background:var(--bg2)}
th{color:var(--mut);font-weight:700}
td:first-child{color:var(--ink);font-weight:600}
.yes{color:var(--teal-d);font-weight:700}
.no{color:var(--dim)}
.col-us{background:rgba(11,107,83,.05)}
.box{background:#fff;border:1px solid var(--rule);border-radius:14px;padding:24px;margin:24px 0;text-align:center}
details{border-bottom:1px solid var(--rule);padding:15px 0}
summary{cursor:pointer;font-weight:600;color:var(--ink);list-style:none}
summary::-webkit-details-marker{display:none}
summary:before{content:"+ ";color:var(--teal)}
details[open] summary:before{content:"\2013 "}
details p{margin:11px 0 0;font-size:.95rem}
footer{border-top:1px solid var(--rule);margin-top:48px;padding:28px 0;color:var(--dim);font-size:.85rem;background:var(--bg2)}
.disc{font-size:.78rem;color:var(--dim);line-height:1.5;margin-top:14px}
