/* Scoped journal styles: the invoice workspace is unchanged. */
.journal{--journal-blue:#0025cc;--journal-ink:#102967;max-width:1180px;margin:auto;padding:28px 32px 72px;color:var(--journal-ink)}
.journal *{box-sizing:border-box}.journal [hidden]{display:none!important}.journal a{color:inherit}.journal a:focus-visible,.journal button:focus-visible,.journal input:focus-visible,.journal [tabindex]:focus-visible{outline:3px solid #4266f2;outline-offset:4px}
.journal-breadcrumb{display:flex;flex-wrap:wrap;gap:12px;color:#52617e;font-size:13px;margin-bottom:44px}.journal-breadcrumb a:hover{text-decoration:underline}
.journal-kicker{display:block;font-size:11px;font-weight:700;letter-spacing:1.8px;color:var(--journal-blue);margin-bottom:16px}
.journal-hero{display:grid;grid-template-columns:1.5fr 1fr;gap:70px;align-items:center;margin-bottom:48px}.journal h1{font-size:clamp(38px,5vw,68px);font-weight:700;letter-spacing:-2.8px;line-height:1.08;color:var(--journal-blue);margin:0 0 24px}.journal-hero p{font-size:18px;line-height:1.75;max-width:570px;margin:0;color:#3d527b}
.journal-hero-note{border:1px solid #c9d5ed;background:linear-gradient(130deg,#eef3ff,#fff);padding:32px;border-radius:18px;position:relative;overflow:hidden}.journal-hero-note:after{content:'↗';position:absolute;right:-10px;bottom:-30px;color:#dce5ff;font-size:150px;line-height:1;pointer-events:none}.journal-hero-note>span{font-size:10px;letter-spacing:1.8px;color:#486084}.journal-hero-note strong{display:block;font-size:25px;line-height:1.45;letter-spacing:-.6px;margin:26px 0;color:var(--journal-ink)}.journal-hero-note a{position:relative;z-index:1;font-size:14px;font-weight:650;color:var(--journal-blue)}
.journal-tabs{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid #cfdaed;padding-bottom:20px;margin-bottom:40px}.journal-tabs a{display:flex;align-items:center;gap:12px;padding:10px 16px;min-height:44px;font-size:14px;border-radius:7px;border:1px solid transparent}.journal-tabs a span{font-size:11px;background:#e7edfb;padding:3px 7px;border-radius:4px}.journal-tabs a:hover{background:#eaf0ff}.journal-tabs a[aria-current]{color:white;background:var(--journal-blue)}.journal-tabs a[aria-current] span{color:white;background:#ffffff26}
.journal-library-head{display:flex;justify-content:space-between;align-items:end;gap:26px}.journal h2{font-size:29px;line-height:1.3;letter-spacing:-.7px;margin:0 0 20px;color:var(--journal-ink)}.journal-library-head h2{margin:0}.journal-library-head .journal-kicker{margin-bottom:9px}.journal-search{width:330px;max-width:100%}.journal-search label{display:block;font-size:12px;font-weight:650;margin-bottom:7px}.journal-search>div{display:flex;border:1px solid #bdcbe5;border-radius:7px;background:white;overflow:hidden}.journal-search input{min-width:0;width:100%;font:14px 'Segoe UI',sans-serif;border:0;background:transparent;padding:12px;color:var(--journal-ink)}.journal-search button{font:600 12px 'Segoe UI',sans-serif;border:0;border-left:1px solid #dce4f4;background:white;color:var(--journal-blue);padding:0 12px;cursor:pointer}.journal-results{font-size:12px;color:#52617e;margin:20px 0}
.journal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.journal-card{border:1px solid #d1dbed;border-radius:13px;overflow:hidden;background:#fff;min-width:0;transition:border-color .15s,box-shadow .15s}.journal-card:hover{border-color:#8ca3eb;box-shadow:0 8px 28px #163d7a0c}.journal-card-link{display:flex;flex-direction:column;height:100%;text-decoration:none}.journal-art{min-height:194px;background:#eaf0ff;position:relative;padding:25px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;border-bottom:1px solid #dce4f5}.journal-art>span{font-size:30px;font-weight:400;color:var(--journal-blue);line-height:1}.journal-art small{display:block;font-size:8px;letter-spacing:1.2px;color:#426092;margin:14px 0 9px}.journal-art strong{display:block;font-size:24px;line-height:1.2;white-space:pre-line;color:var(--journal-blue);letter-spacing:-.6px}.journal-art i{position:absolute;right:22px;top:24px;font-style:normal;font-size:24px;color:#4665c3}.art-tutorial{background:repeating-linear-gradient(0deg,transparent,transparent 25px,#d7e4f644 26px),#f1f6ff}.art-template{background:linear-gradient(135deg,#e4edff,#f8faff)}.art-template:after{content:'';position:absolute;border:1px solid #bdd0f5;right:-16px;bottom:-20px;width:100px;height:136px;transform:rotate(-12deg);border-radius:7px;pointer-events:none}
.journal-card-copy{padding:23px;display:flex;flex-direction:column;flex:1}.journal-meta{display:flex;align-items:center;gap:15px;font-size:11px;color:#52617e;margin-bottom:15px}.journal-meta>:first-child{color:var(--journal-blue);background:#eef2ff;padding:4px 8px;border-radius:4px;font-weight:650}.journal-card h3{font-size:21px;line-height:1.4;letter-spacing:-.5px;color:var(--journal-ink);margin:0 0 12px}.journal-card p{font-size:14px;line-height:1.75;margin:0 0 24px;color:#4a5d7d}.journal-card-end{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #e4eaf5;padding-top:16px;margin-top:auto;font-size:11px;color:#52617e}.journal-card-end>span{color:var(--journal-blue);font-weight:650}
.journal-cta{margin-top:54px;padding:35px 38px;background:#e9efff;border:1px solid #cad8f6;border-radius:14px;display:flex;justify-content:space-between;gap:28px;align-items:center}.journal-cta h2{font-size:29px;margin-bottom:12px}.journal-cta p{font-size:15px;line-height:1.7;margin:0}.journal-cta>a{background:var(--journal-blue);color:#fff;padding:15px 18px;border-radius:7px;font-size:14px;white-space:nowrap}.journal-empty{text-align:center;padding:50px 20px;background:#fff;border:1px dashed #bdcbe5;border-radius:12px}.journal-empty p{font-size:16px}.journal-empty a{color:var(--journal-blue);text-decoration:underline}
.journal-post-head{max-width:860px;margin:0 auto 42px;text-align:center}.journal-post-head h1{font-size:clamp(34px,4vw,53px);letter-spacing:-1.8px;line-height:1.15}.journal-post-head .journal-meta{justify-content:center}.journal-deck{font-size:19px;line-height:1.7;color:#465c80;margin:0 auto 25px;max-width:760px}.journal-byline{display:flex;align-items:center;gap:10px;justify-content:center;font-size:12px}.journal-byline strong,.journal-byline div>span{display:block}.journal-byline div>span{font-size:11px;color:#52617e;margin-top:4px}.journal-avatar{display:grid;place-items:center;width:37px;height:37px;border-radius:50%;background:#e7edff;font-size:12px;color:var(--journal-blue);font-weight:700}
.journal-post-layout{display:grid;grid-template-columns:215px minmax(0,1fr);gap:60px;align-items:start;border-top:1px solid #d2dcee;padding-top:35px}.journal-sidebar{position:sticky;top:90px}.journal-sidebar nav>strong{font-size:10px;letter-spacing:1.5px;display:block;margin-bottom:16px;color:#52617e}.journal-sidebar nav>a{display:block;font-size:13px;line-height:1.6;padding:9px 0;border-bottom:1px solid #e1e7f3}.journal-sidebar nav>a:hover{color:var(--journal-blue);text-decoration:underline}.journal-sidebar-cta{background:#eaf0ff;padding:20px;border-radius:9px;margin-top:26px}.journal-sidebar-cta strong{font-size:16px}.journal-sidebar-cta p,.journal-sidebar-cta a{font-size:13px;line-height:1.65}.journal-sidebar-cta a{color:var(--journal-blue);font-weight:650}
.journal-body{min-width:0;max-width:815px}.journal-body>section{scroll-margin-top:90px;margin:35px 0}.journal-body h2{font-size:27px;margin-bottom:18px}.journal-body p,.journal-body li{font-size:16px;line-height:1.85;color:#344d75}.journal-body p{margin:0 0 20px}.journal-body ul,.journal-body ol{padding-left:24px;margin:15px 0 24px}.journal-body li{margin:9px 0}.journal-body a{color:var(--journal-blue);text-decoration:underline;text-underline-offset:3px}.journal-takeaway{padding:26px 28px;border-left:3px solid var(--journal-blue);border-radius:0 9px 9px 0;background:#eaf0ff}.journal-takeaway p{margin:0;color:var(--journal-ink);font-size:17px}.journal-takeaway .journal-kicker{margin-bottom:10px}.journal-note{padding:22px;background:#eff4fd;border:1px solid #d0ddf3;border-radius:8px;margin:24px 0}.journal-note strong{font-size:16px;color:var(--journal-ink)}.journal-note p{margin:10px 0 0;font-size:15px}
.comparison-tools{display:flex;align-items:center;flex-wrap:wrap;gap:12px;justify-content:space-between;margin:20px 0 12px;font-size:12px}.comparison-tools label{display:flex;align-items:center;gap:8px;min-height:36px;cursor:pointer}.comparison-tools input{accent-color:var(--journal-blue);width:16px;height:16px}.journal-body .comparison-hint{font-size:12px;margin:0 0 8px;color:#536889}.journal-table-scroll{overflow:auto;border:1px solid #c5d3eb;border-radius:9px;max-width:100%}.journal-table-scroll table{width:100%;border-collapse:collapse;min-width:580px;font-size:14px;line-height:1.6;background:white}.journal-table-scroll caption{text-align:left;padding:12px 16px;font-size:11px;background:#f4f7fc;color:#455c80}.journal-table-scroll th,.journal-table-scroll td{text-align:left;vertical-align:top;border-bottom:1px solid #dfe6f2;padding:17px;width:34%}.journal-table-scroll th:first-child{width:32%}.journal-table-scroll thead th{background:#e9efff;color:var(--journal-blue);font-weight:700}.journal-table-scroll tbody th{font-weight:600;color:var(--journal-ink)}.journal-table-scroll tr:last-child>*{border-bottom:0}.journal-body .journal-source{font-size:12px;line-height:1.7;margin-top:12px}.journal-source a{display:inline-block;margin-right:8px}
.journal-example{margin:24px 0;border:1px solid #c8d6ee;border-radius:9px;background:#fff;overflow:hidden}.journal-example>div{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#eaf0ff;padding:12px 16px;font-size:12px;font-weight:600}.journal-example button{border:1px solid #afbfe6;background:#fff;border-radius:5px;color:var(--journal-blue);font:600 12px 'Segoe UI',sans-serif;padding:9px 12px;cursor:pointer;flex-shrink:0}.journal-example pre{margin:0;padding:22px;font:14px/1.85 Consolas,monospace;color:var(--journal-ink);white-space:pre-wrap;overflow-wrap:anywhere}.journal-example .copy-feedback{font-size:12px;margin:0;padding:0 20px 12px}.journal-example .copy-feedback:empty{display:none}.journal-article-end{border-top:1px solid #cbd8ef;padding-top:22px;margin-top:38px}.journal-article-end p{font-size:13px}.journal-article-end a{font-size:14px}.journal-related{margin-top:64px;border-top:1px solid #d2dcee;padding-top:32px}
@media(max-width:950px){.journal-hero{gap:32px}.journal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.journal-post-layout{grid-template-columns:180px minmax(0,1fr);gap:30px}.journal-cta{padding:28px}.journal-cta>a{white-space:normal;min-width:150px}}
@media(max-width:650px){.journal{padding:22px 20px 45px}.journal-breadcrumb{margin-bottom:30px;font-size:12px}.journal-hero{grid-template-columns:1fr;gap:24px;margin-bottom:30px}.journal h1{letter-spacing:-1.5px}.journal-hero p{font-size:16px}.journal-hero-note{padding:22px}.journal-hero-note strong{font-size:22px;margin:16px 0}.journal-tabs{gap:5px;margin-bottom:28px}.journal-tabs a{padding:9px 10px;font-size:12px;gap:8px}.journal-library-head{align-items:stretch;flex-direction:column;gap:20px}.journal-search{width:100%}.journal-search input{font-size:16px}.journal h2{font-size:25px}.journal-grid{grid-template-columns:1fr;gap:20px}.journal-art{min-height:180px}.journal-card-copy{padding:22px}.journal-card h3{font-size:22px}.journal-card p{font-size:15px}.journal-cta{margin-top:35px;flex-direction:column;align-items:start;padding:25px}.journal-cta h2{font-size:26px}.journal-post-head{text-align:left;margin-bottom:27px}.journal-post-head .journal-meta,.journal-byline{justify-content:flex-start}.journal-deck{font-size:17px}.journal-post-layout{grid-template-columns:minmax(0,1fr);gap:24px;padding-top:24px}.journal-sidebar{position:static;background:#eef3fc;border:1px solid #d3dff3;border-radius:8px;padding:18px}.journal-sidebar nav>a{padding:6px 0}.journal-sidebar-cta{display:none}.journal-takeaway{padding:22px}.journal-body h2{font-size:25px}.journal-example>div{align-items:start}.journal-example pre{padding:18px;font-size:13px}.journal-related{margin-top:42px}}
@media(prefers-reduced-motion:reduce){.journal-card{transition:none}}
