/* Fonts are bundled (SIL Open Font License, via Fontsource) so the app runs under a strict content security policy. */
@font-face{font-family:'Lora';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/lora-latin-400-normal.woff2') format('woff2')}@font-face{font-family:'Lora';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/lora-latin-500-normal.woff2') format('woff2')}@font-face{font-family:'Lora';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/lora-latin-600-normal.woff2') format('woff2')}@font-face{font-family:'DM Sans';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/dm-sans-latin-400-normal.woff2') format('woff2')}@font-face{font-family:'DM Sans';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/dm-sans-latin-500-normal.woff2') format('woff2')}@font-face{font-family:'DM Sans';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/dm-sans-latin-700-normal.woff2') format('woff2')}
:root{--bg:#f8f7fc;--ink:#24143e;--muted:#686075;--line:#e6e0ed;--green:#2b0b70;--light:#ede8fb;--purple:#6d4de0;--shadow:0 6px 25px #1a054205}
body{font-size:15px}.rail{width:252px;background:#fff;border-color:var(--line);padding:26px 16px 18px;overflow-y:auto}.shell{margin-left:252px}.brand{font:500 30px Lora,Georgia,serif;letter-spacing:-1px;color:#1a0542;gap:10px}.brand-sub{font-size:9px;letter-spacing:3px}.workspace{padding:25px 12px 20px;margin-bottom:12px}.workspace strong{font-size:13px}.workspace-sub{font-size:12px}.rail nav{gap:3px}.rail nav a{font-size:13px;padding:10px 12px;color:#62596e}.rail nav a.active{background:#ede8fb;color:#2b0b70}.rail nav a:hover{background:#f4f0fc}.rail nav small{background:#e2d9f7;color:#2b0b70}.rail-note{background:#f8f6fc;border-color:var(--line);margin-top:24px;font-size:12px}.rail-note strong{font-size:12px}.rail-note p{font-size:12px;color:var(--muted)}.avatar{background:#e6e0fa;color:#2b0b70}.rail-bottom strong,.rail-bottom small{font-size:12px}.topbar{background:#fff;height:70px}.breadcrumb,.local-status{font-size:12px}main{max-width:1500px;margin:0 auto;padding:34px 36px 44px}h1{font-family:Lora,Georgia,serif;font-weight:500;font-size:34px;letter-spacing:-.8px;color:#1a0542}h2,h3{font-family:'DM Sans',sans-serif;letter-spacing:-.3px}h2{font-size:19px}h3{font-size:15px}.page-heading p{font-size:14px;max-width:740px}.eyebrow{color:#6d4de0;font-size:11px;letter-spacing:1.4px}.panel{box-shadow:var(--shadow);border-color:var(--line);border-radius:12px}.panel-header p,.panel-body p,.inspector p,.field small{font-size:14px}.panel-body{padding:24px}.button{font-size:13px;border-radius:7px;min-height:38px}.button.small{font-size:12px;min-height:34px}.button.primary{background:#2b0b70;border-color:#2b0b70}.button.primary:hover{background:#441591}.pill{font-size:11px}.pill.approved{background:#e4f2e9;color:#245f3e}.pill.proposed,.pill.pending{background:#fff0d8;color:#825212}.pill.kind{background:#eee8fb;color:#523386}.stat span,.stat small{font-size:12px}.stat strong{color:#1a0542}.stat-icon,.persona-icon,.format-icon{background:#ede8fb!important;color:#6d4de0!important}.source-card p,.source-card small,.source-link,.definition,.example,.inspector-section p,.relation-line,.field span,.check-field,.notice,.source-card h3,.answer-term p{font-size:13px}.source-card{border-color:var(--line)}.notice,.notice.green{background:#f2eefb;border:1px solid #e4dbf7;color:#4f3a73;line-height:1.7}.tabs button,.view-toggle button{font-size:13px}.tabs button.active{color:#2b0b70;border-color:#6d4de0}.field input,.field select,.field textarea{font-size:14px;padding:11px 12px}.audience-option.active,.format-button.active{background:#f3effc;border-color:#6d4de0}.audience-option strong,.format-button strong{font-size:14px}.audience-option span,.format-button small{font-size:12px}.code-panel{background:#211333;color:#ebe4fa}.code-panel pre{font-size:12px}.code-header{border-color:#483457;font-size:12px}.export-metadata{font-size:12px}.bottom-callout{background:#eee8fb;border-color:#e4dbf7}.bottom-callout p{font-size:13px}.bottom-callout strong{font-size:14px}.graph-caption{font-size:11px}.graph-node rect{stroke:#d6cdec}.graph-node[aria-label] text{font-size:12px}.graph-node:hover rect{fill:#f3effc}.graph-node rect[fill="#eaf2e5"]{fill:#eee8fb;stroke:#6d4de0}td,th{font-size:13px}td code{font-size:11px}td strong{color:#2b0b70}.error{font-size:13px}.review-row,.review-row small{font-size:13px}.formula{font-size:12px}footer{font-size:12px;color:var(--muted)}footer a{text-decoration:none}#toast{background:#2b0b70;font-size:13px}
.hero{display:grid;grid-template-columns:1.35fr 1fr;gap:32px;background:#e6e0fa;border:1px solid #dcd2f1;border-radius:16px;padding:34px;margin-bottom:24px}.hero h1{font-size:40px;max-width:630px;line-height:1.18}.hero p{font-size:15px;color:#4e3e68;max-width:650px}.hero .eyebrow{margin-bottom:15px}.hero .actions{margin-top:24px}.flow{display:grid;gap:10px;align-content:center}.flow-step{display:flex;gap:15px;align-items:center;background:#ffffffb3;border:1px solid #dcd2f1;padding:14px 17px;border-radius:9px}.flow-step b{color:#6d4de0;font-size:12px}.flow-step strong{font-size:14px}.flow-step small{display:block;margin-top:4px;color:var(--muted);font-size:12px}.section-title{display:flex;align-items:center;justify-content:space-between;margin:26px 0 14px;gap:15px}.section-title h2{margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.feature-card{padding:24px;display:flex;flex-direction:column;gap:8px}.feature-card p{font-size:14px;color:var(--muted);margin:0 0 10px}.feature-card a{margin-top:auto;align-self:flex-start}.card-kicker{font-size:11px;letter-spacing:1px;color:#6d4de0;font-weight:650;text-transform:uppercase}.overview-summary{display:flex;gap:24px;flex-wrap:wrap}.overview-summary span{font-size:13px}.overview-summary strong{font-size:21px;color:#1a0542;margin-right:6px}.review-list{display:grid;gap:12px}.review-item{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:21px}.review-item h3{margin:8px 0}.review-item p{font-size:14px;color:var(--muted);max-width:820px;margin:0}.review-item .button{flex-shrink:0}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.guide-card{padding:25px}.guide-card ol{padding-left:22px;font-size:14px;line-height:1.8}.guide-card li{padding-bottom:10px}.guide-card a{font-size:13px}.context-controls{display:flex;flex-wrap:wrap;gap:14px 28px}.context-controls .check-field{max-width:450px}.bundle-files{display:grid;grid-template-columns:1fr 1fr;gap:12px}.bundle-file{padding:16px;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:10px}.bundle-file strong{display:block;font-size:13px}.bundle-file small{display:block;font-size:12px;color:var(--muted);margin-top:4px}.guide-card pre,.doc-example{white-space:pre-wrap;overflow-wrap:anywhere;background:#f6f3fc;border:1px solid var(--line);padding:18px;border-radius:8px;font:12px/1.8 Consolas,monospace}.reading-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}.reading-list a{font-size:14px;font-weight:600}.reading-list p{font-size:13px;color:var(--muted);margin-top:6px}.requirements-list{display:grid;gap:14px}.requirement{padding:22px}.requirement h3{font-size:16px;margin:11px 0}.requirement p{font-size:14px;margin-bottom:12px}.requirement-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.requirement-meta code{font-size:12px;margin-right:auto;color:var(--muted)}.requirement details{font-size:13px;line-height:1.7}.requirement summary{cursor:pointer;color:#2b0b70;font-weight:600}.requirement details p{margin:12px 0 0}.filter-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:20px 0}.filter-row select{padding:10px;border-radius:7px;border:1px solid var(--line);color:var(--ink);background:#fff}.filter-row label{font-size:13px}.status-built{background:#e4f2e9;color:#245f3e}.status-partial{background:#fff0d8;color:#825212}.status-planned{background:#eee8fb;color:#523386}.callout-strip{border-left:3px solid #6d4de0;padding:12px 20px;margin:22px 0;color:#514363;font-size:14px;line-height:1.7}.skip-link{position:absolute;left:270px;top:-80px;background:white;padding:15px;z-index:99}.skip-link:focus{top:10px}
.mobile-nav{display:none}
@media(max-width:1150px){.rail{width:225px}.shell{margin-left:225px}main{padding:26px}.hero{padding:26px;gap:22px}.hero h1{font-size:34px}.feature-grid{grid-template-columns:1fr}.feature-card{gap:4px}.feature-card a{margin-top:6px}}
@media(max-width:900px){.rail{width:205px}.shell{margin-left:205px}.hero,.guide-grid{grid-template-columns:1fr}.hero h1{font-size:32px}.flow{grid-template-columns:1fr}.bundle-files,.reading-list{grid-template-columns:1fr}.topbar{padding:0 22px}.breadcrumb{font-size:11px;gap:7px}.overview-summary{gap:14px}}
@media(max-width:650px){.rail{position:relative;width:100%;padding:16px;overflow-x:auto;overflow-y:visible;flex-direction:column;align-items:flex-start;gap:15px}.rail nav{flex-direction:row}.rail nav a{font-size:12px;padding:9px 11px}.rail .brand{font-size:25px}.shell{margin-left:0}main{padding:24px 16px}.hero{padding:24px;gap:18px}.hero h1{font-size:31px}.topbar{padding:0 16px;height:58px}.breadcrumb{font-size:10px}.top-actions .button{font-size:11px}.review-item{display:block}.review-item .button{margin-top:15px}.bundle-file{flex-wrap:wrap}.guide-card,.feature-card,.requirement{padding:20px}.page-heading h1{font-size:29px}.reading-list{gap:20px}footer{font-size:10px;gap:12px}.skip-link{left:16px}.hero .actions{flex-wrap:wrap}}
@media(max-width:650px){.rail{overflow:visible}.rail nav{display:none}.mobile-nav{display:flex;width:100%;gap:12px;align-items:center}.mobile-nav span{font-size:11px;color:var(--muted);white-space:nowrap}.mobile-nav select{padding:10px 12px;background:#f7f3ff;color:#2b0b70;border:1px solid #ddd3ed;border-radius:7px;flex:1;min-width:0;font-size:13px}}
/* Test the difference */
.eval-steps{margin:0 0 18px;padding-left:20px;display:grid;gap:8px;font-size:14px;line-height:1.6}
.eval-summary{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.eval-score{border:1px solid var(--line);border-radius:10px;padding:16px 18px;background:#fff}
.eval-score--after{border-color:#6d4de0;background:#f6f3fd}
.eval-score span{display:block;font-size:12px;color:var(--muted)}
.eval-score strong{display:block;font:500 32px Lora,Georgia,serif;color:#1a0542;margin:6px 0}
.eval-score strong small{font-size:15px;color:var(--muted)}
.eval-score>small{display:block;margin-top:8px;font-size:12px;color:var(--muted)}
.eval-bar{display:block;height:8px;border-radius:4px;background:#ede8fb;overflow:hidden}
.eval-bar i{display:block;height:100%;background:#6d4de0}
.eval-score:not(.eval-score--after) .eval-bar i{background:#a99bc9}
.eval-verdict{grid-column:1/-1;margin:2px 0 0;font-size:13px;color:#4f3a73}
.eval-q h2{font-size:17px;margin-top:6px}
.eval-ref{margin-bottom:16px;font-size:13px}
.eval-ref summary{cursor:pointer;color:#2b0b70;font-weight:600}
.eval-ref ul{margin:10px 0;padding-left:18px;display:grid;gap:8px}
.eval-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.eval-side h3{font-size:14px;margin-bottom:10px}
.eval-side .check-field{margin:8px 0;font-size:13px}
.eval-side .check-field em{color:#a2503c;font-style:normal;font-size:12px}
@media(max-width:900px){.eval-grid,.eval-summary{grid-template-columns:1fr}}
.eval-check{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:start;padding:10px 0;border-top:1px solid var(--line);font-size:13px;line-height:1.5}
.eval-check span{color:var(--muted)}
.eval-check em{color:#a2503c;font-style:normal;font-size:12px}
.eval-check select{font:inherit;padding:6px 8px;border:1px solid var(--line);border-radius:6px;background:#fff;min-width:9.5em}
.eval-meta,.eval-more{margin:6px 0 16px;font-size:13px}
.eval-meta summary,.eval-more summary{cursor:pointer;color:#2b0b70;font-weight:600}
.eval-meta .eval-grid{margin-top:10px}
.eval-more{margin-top:18px}
@media(max-width:520px){.eval-check{grid-template-columns:1fr}}

/* RJL Solutions logo (Oct 2026): one outlined-vector lockup */
.brand{padding:0 6px}.brand-logo{display:block;width:200px;height:auto;max-width:100%}@media(max-width:900px){.brand-logo{width:150px}}@media(max-width:650px){.brand-logo{width:168px}}