/* Generated by tools/extract-reference-css.mjs — do not edit; edit site-additions.css. */ /* ---- Reference styles (verbatim from jp-bookkeeping-reference.html) ---- */ #jp-site#jp-site .section h2{font-size:clamp(32px,4.5vw,48px);font-weight:650;line-height:1.12;letter-spacing:-1.4px} #jp-site#jp-site .section .eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:12px;font-weight:650;letter-spacing:1.8px;margin-bottom:22px} #jp-site#jp-site .section .eyebrow:before{content:'';display:block;width:34px;height:3px;background:currentColor;border-radius:3px;flex-shrink:0} #jp-site#jp-site .section-head{max-width:760px;margin-bottom:38px} #jp-site#jp-site .section-head:not(.service-heading) h2:after{content:'';display:block;width:60px;height:4px;background:var(--copper);border-radius:4px;margin-top:22px} #jp-site#jp-site .service-heading{max-width:none;background:var(--navy);padding:38px 40px;border-radius:20px;margin-bottom:30px;position:relative;border-bottom:5px solid var(--copper)} #jp-site#jp-site .service-heading h2{color:#fff} #jp-site#jp-site .service-heading .eyebrow,#jp-site#jp-site .heading-accent{color:#ebbc96} #jp-site#jp-site .path{display:flex;flex-direction:column;padding:32px;box-shadow:0 6px 22px rgba(20,40,63,.05)} #jp-site#jp-site .path small{min-height:1.65em} #jp-site#jp-site .path h3{font-weight:600;min-height:2.7em;display:flex;align-items:flex-start} #jp-site#jp-site .path p{flex-grow:1;margin-top:12px} #jp-site#jp-site .path .text-link{align-self:flex-start;margin-top:25px} #jp-site#jp-site .service h3{font-weight:600} @media(max-width:580px){#jp-site#jp-site .service-heading{padding:28px 25px}#jp-site#jp-site .path h3{min-height:0}#jp-site#jp-site .section h2{letter-spacing:-.8px}} #jp-site#jp-site{border-radius:20px;overflow:clip} #jp-site#jp-site .monogram{border-radius:12px} #jp-site#jp-site .action{border-radius:12px} #jp-site#jp-site .hero-image{border-radius:20px;overflow:hidden} #jp-site#jp-site .hero-image img{border-radius:20px} #jp-site#jp-site .hero-caption{border-radius:0 0 20px 20px} #jp-site#jp-site .path{border-radius:18px;overflow:hidden} #jp-site#jp-site .split-photo,#jp-site#jp-site .portrait{border-radius:20px;overflow:hidden} #jp-site#jp-site .service{border-radius:14px} #jp-site#jp-site blockquote{border-radius:16px} #jp-site#jp-site .credentials,#jp-site#jp-site .slate,#jp-site#jp-site .founder,#jp-site#jp-site .cta,#jp-site#jp-site .detail-head{border-radius:20px} #jp-site#jp-site .nav-link,#jp-site#jp-site .text-link,#jp-site#jp-site details,#jp-site#jp-site summary,#jp-site#jp-site .resource-row{border-radius:10px} #jp-site#jp-site .top{border-radius:20px 20px 0 0} #jp-site#jp-site .site-footer{border-radius:20px} #jp-site{--navy:#14283f;--copper:#a65f35;--ink:#213346;--light:#f1f4f7;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}#jp-site *{box-sizing:border-box}#jp-site button,#jp-site a{font:inherit}#jp-site a{color:inherit;text-decoration:none}#jp-site button{cursor:pointer}#jp-site h1,#jp-site h2,#jp-site h3,#jp-site p{margin:0}#jp-site h1{font-size:clamp(38px,5.5vw,62px);line-height:1.08;letter-spacing:-2px;font-weight:600;color:var(--navy)}#jp-site h2{font-size:clamp(28px,3.4vw,40px);line-height:1.18;letter-spacing:-1px;font-weight:500;color:var(--navy)}#jp-site h3{font-size:22px;line-height:1.35;font-weight:500;color:var(--navy)}#jp-site p{margin-top:18px}#jp-site .wrap{max-width:1180px;margin:auto;padding:0 48px}#jp-site .top{background:var(--navy);color:#fff;font-size:12px;letter-spacing:.4px;padding:8px 0}#jp-site .top .wrap{display:flex;justify-content:space-between;gap:12px}#jp-site header{border-bottom:1px solid #e1e6ea;background:#fff}#jp-site .header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:94px}#jp-site .brand{border:0;background:none;color:var(--navy);padding:0;display:flex;align-items:center;gap:12px;text-align:left}#jp-site .monogram{border:1px solid var(--navy);font-family:Georgia,serif;font-size:31px;width:52px;height:54px;line-height:52px;text-align:center}#jp-site .brand-name{font-size:19px;font-weight:600;line-height:1.2}#jp-site .brand-sub{font-size:10px;letter-spacing:2px;margin-top:5px;display:block}#jp-site nav{display:flex;gap:20px;align-items:center}#jp-site .nav-link{border:0;background:none;color:var(--ink);padding:12px 0;font-size:13px}#jp-site .nav-link:hover{color:var(--copper)}#jp-site .action{display:inline-flex;justify-content:center;align-items:center;padding:13px 20px;background:var(--copper);color:#fff!important;border:1px solid var(--copper);font-size:14px;border-radius:2px;font-weight:500}#jp-site .action.secondary{background:transparent;color:var(--navy)!important;border-color:#bdc7d0}#jp-site .action:hover{filter:brightness(.92)}#jp-site .eyebrow{font-size:11px;letter-spacing:1.7px;text-transform:uppercase;color:var(--copper);font-weight:600;margin-bottom:18px}#jp-site .hero{display:grid;grid-template-columns:1.05fr 1fr;min-height:585px}#jp-site .hero-copy{padding:65px 36px 54px 48px;align-self:center}#jp-site .hero-copy p{max-width:460px;color:#4c5d6d;font-size:17px}#jp-site .hero-image{position:relative;min-height:480px}#jp-site .hero-image img{height:100%;width:100%;position:absolute;object-fit:cover;object-position:40% center}#jp-site .hero-caption{position:absolute;bottom:0;left:0;right:0;background:var(--navy);color:#fff;padding:22px 28px;font-size:13px}#jp-site .hero-caption strong{font-weight:500;display:block;font-size:20px}#jp-site .buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}#jp-site .mini-note{font-size:12px;margin-top:18px;color:#61707e}#jp-site .credentials{background:var(--light);border-bottom:1px solid #dde4ea}#jp-site .credential-inner{display:grid;grid-template-columns:repeat(3,1fr);padding-top:23px;padding-bottom:23px;gap:30px}#jp-site .credential{font-size:13px;color:#566575}#jp-site .credential b{display:block;color:var(--navy);font-size:15px;font-weight:500}#jp-site .section{padding:72px 0}#jp-site .section-head{max-width:660px;margin-bottom:34px}#jp-site .section-head p{color:#5b6976}#jp-site .paths{display:grid;grid-template-columns:1fr 1fr;gap:24px}#jp-site .path{padding:32px;border:1px solid #d9e0e6;border-top:3px solid var(--copper);background:#fff}#jp-site .path small{font-size:11px;color:var(--copper);letter-spacing:1.5px;text-transform:uppercase}#jp-site .path h3{margin-top:12px;font-size:26px}#jp-site .path p{color:#596776;font-size:15px}#jp-site .text-link{border:0;border-bottom:1px solid var(--copper);padding:0 0 4px;background:none;color:var(--navy);margin-top:24px;font-size:14px}#jp-site .split{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}#jp-site .split-photo{width:100%;height:390px;object-fit:cover}#jp-site .slate{background:var(--light)}#jp-site .checks{list-style:none;padding:0;margin:25px 0 0}#jp-site .checks li{padding:9px 0 9px 23px;position:relative;border-bottom:1px solid #dce3e9;font-size:15px}#jp-site .checks li:before{content:'✓';position:absolute;left:0;color:var(--copper)}#jp-site .service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid #dce2e8}#jp-site .service{padding:25px 20px 28px 0;border-bottom:1px solid #dce2e8;text-align:left;border-left:0;border-right:0;background:transparent;color:var(--ink)}#jp-site .service:hover{background:var(--light)}#jp-site .service span{font-size:11px;color:var(--copper);display:block;margin-bottom:12px}#jp-site .service h3{font-size:19px}#jp-site .service p{font-size:14px;color:#627080;margin-top:10px}#jp-site .founder{background:var(--navy);color:#e7edf3}#jp-site .founder h2{color:#fff}#jp-site .portrait{position:relative;height:435px;overflow:hidden}#jp-site .portrait img{width:100%;height:158%;object-fit:cover;position:absolute;top:-27%;object-position:center center}#jp-site .founder .eyebrow{color:#e4b58f}#jp-site .founder p{color:#d5dee7}#jp-site .founder .text-link{color:#fff}#jp-site .signature{font-family:Georgia,serif;font-size:26px;margin-top:24px}#jp-site .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-top:35px}#jp-site .step-number{font-family:Georgia,serif;font-size:30px;color:var(--copper);border-bottom:1px solid #dae1e7;padding-bottom:12px;margin-bottom:18px}#jp-site .steps h3{font-size:18px}#jp-site .steps p{font-size:14px;color:#5c6a77;margin-top:10px}#jp-site .quote-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}#jp-site blockquote{margin:0;padding:28px;background:#fff;border-left:3px solid var(--copper);font-family:Georgia,serif;font-size:20px;line-height:1.6}#jp-site blockquote footer{font-family:Arial,sans-serif;font-size:12px;color:#5c6976;margin-top:20px}#jp-site details{padding:18px 0;border-bottom:1px solid #dbe2e8}#jp-site summary{cursor:pointer;font-size:17px;color:var(--navy)}#jp-site details p{font-size:15px;color:#5b6977;padding:0 20px}#jp-site .cta{background:#e9edf1;padding:55px 0}#jp-site .cta .wrap{display:flex;gap:30px;justify-content:space-between;align-items:center}#jp-site .cta h2{font-size:32px;max-width:510px}#jp-site .cta p{font-size:15px;margin-top:12px}#jp-site .site-footer{background:var(--navy);color:#d4dee7;padding:40px 0 22px}#jp-site .footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:32px;font-size:13px}#jp-site .footer-grid h3{color:#fff;font-size:17px;margin-bottom:12px}#jp-site .footer-grid button{display:block;background:none;border:0;color:#d4dee7;padding:4px 0;font-size:13px;text-align:left}#jp-site .copyright{margin-top:32px;border-top:1px solid #34485c;padding-top:18px;font-size:11px}#jp-site .detail-head{background:var(--light);padding:58px 0}#jp-site .detail-head h1{max-width:800px;font-size:48px}#jp-site .detail-head p{max-width:730px;color:#556474;font-size:18px}#jp-site .detail-body{padding:52px 0 66px}#jp-site .detail-body h2{font-size:29px;margin:32px 0 14px}#jp-site .detail-body h2:first-child{margin-top:0}#jp-site .detail-body p{max-width:800px;color:#566575}#jp-site .detail-body ul{padding-left:22px;max-width:800px}#jp-site .resource-row{padding:26px 0;border-bottom:1px solid #dce2e8}#jp-site .resource-row h3{font-size:24px}#jp-site button:focus-visible,#jp-site a:focus-visible,#jp-site summary:focus-visible{outline:3px solid #a65f35;outline-offset:5px}#jp-site [hidden]{display:none!important} @media(max-width:850px){#jp-site .wrap{padding-left:25px;padding-right:25px}#jp-site .header-inner{flex-wrap:wrap;padding-top:20px;padding-bottom:15px;gap:14px}#jp-site nav{width:100%;gap:18px;flex-wrap:wrap}#jp-site .hero-copy{padding:44px 25px}#jp-site .hero{min-height:520px}#jp-site .hero-image{min-height:420px}#jp-site .split{gap:28px}#jp-site .service-grid{grid-template-columns:1fr 1fr}#jp-site .steps{grid-template-columns:1fr 1fr}#jp-site .section{padding:52px 0}} @media(max-width:580px){#jp-site .top .wrap span:last-child{display:none}#jp-site .hero,#jp-site .paths,#jp-site .split,#jp-site .quote-grid{grid-template-columns:1fr}#jp-site .hero-image{min-height:320px}#jp-site .hero h1{font-size:43px}#jp-site .credential-inner{grid-template-columns:1fr;gap:16px}#jp-site .credential{border-bottom:1px solid #dce2e8;padding-bottom:12px}#jp-site .service-grid{grid-template-columns:1fr}#jp-site .cta .wrap{display:block}#jp-site .cta .action{margin-top:24px}#jp-site .footer-grid{grid-template-columns:1fr}#jp-site .split-photo{height:280px}#jp-site .portrait{height:420px}#jp-site nav{gap:15px}#jp-site .nav-link{font-size:12px}#jp-site nav .action{padding:8px 12px;font-size:12px}#jp-site .detail-head h1{font-size:38px}} /* ---- Additions ---- */ /* Additions to the reference stylesheet. Each rule either gives a real link the box the reference's