:root {
    color-scheme:dark;
    --bg:#1e242b;
    --chrome:#20262d;
    --panel:#29333f;
    --panel-soft:#25303b;
    --line:#414f60;
    --blue:#3185ef;
    --blue-hover:#569cff;
    --text:#f4f6fa;
    --muted:#b5c2d5;
    --quiet:#8f9eb2;
    --radius:12px;
    font-family:'Segoe UI',Arial,sans-serif;
    font-synthesis:none
}

* {
    box-sizing:border-box
}
body {
    margin:0;
    background:var(--bg);
    color:var(--text)
}
button,input,textarea,select {
    font:inherit
}
button,a,input,textarea,select {
    -webkit-tap-highlight-color:transparent
}
a {
    color:inherit;
    text-decoration:none
}
button {
    cursor:pointer
}
button:disabled {
    opacity:.4;
    cursor:default
}
button {
    color:inherit
}
h1,h2,h3,p {
    margin-top:0
}
h1 {
    letter-spacing:-1.5px;
    line-height:1.13
}
h2 {
    letter-spacing:-.5px
}
p {
    line-height:1.55;
    color:var(--muted)
}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible {
    outline:3px solid #96bfff;
    outline-offset:4px
}
main:focus {
    outline:none
}
.icon {
    width:24px;
    height:24px;
    flex-shrink:0;
    vertical-align:middle
}
.button {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    border:1px solid var(--line);
    border-radius:7px;
    padding:11px 20px;
    font-size:14px;
    font-weight:600;
    min-height:42px;
    white-space:nowrap
}
.primary {
    background:var(--blue);
    color:white;
    border-color:var(--blue)
}
.primary:hover {
    background:#246fcf
}
.subtle {
    background:transparent;
    border-color:#7a8aa0
}
.subtle:hover {
    background:#354253
}
.icon-button,.mini-button {
    background:transparent;
    border:0;
    min-width:36px;
    min-height:36px;
    border-radius:5px;
    display:inline-flex;
    align-items:center;
    justify-content:center
}
.icon-button:hover,.mini-button:hover:not(:disabled) {
    background:#3c4a5a
}
.text-button {
    background:none;
    border:0;
    color:#91baff;
    padding:6px
}
.text-link {
    display:inline-flex;
    align-items:center;
    gap:10px;
    color:#91baff;
    font-weight:600;
    font-size:14px
}
.text-link:hover {
    text-decoration:underline
}
.skip {
    position:fixed;
    top:-100px;
    left:15px;
    z-index:100;
    background:white;
    color:#111;
    padding:12px
}
.skip:focus {
    top:10px
}
.sr-only {
    position:absolute;
    width:1px;
    height:1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap
}
.topbar {
    height:78px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 28px 0 26px;
    border-bottom:1px solid #34404e;
    background:var(--chrome);
    position:sticky;
    top:0;
    z-index:20
}
.wordmark {
    display:flex;
    align-items:center;
    gap:10px;
    font-size:29px;
    font-weight:650;
    letter-spacing:-1px
}
.wordmark img {
    width:76px;
    height:64px;
    object-fit:contain
}
.header-actions {
    display:flex;
    gap:16px;
    align-items:center
}
.guest {
    display:flex;
    align-items:center;
    gap:10px;
    color:var(--muted);
    font-size:13px;
    margin-right:12px
}
.guest .icon {
    width:18px;
    height:18px
}
.app-frame {
    display:flex;
    min-height:calc(100dvh - 78px)
}
.sidebar {
    width:200px;
    flex-shrink:0;
    background:var(--chrome);
    border-right:1px solid #303b48;
    position:sticky;
    top:78px;
    height:calc(100dvh - 78px);
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    padding:18px 7px 18px
}
.sidebar nav {
    display:flex;
    flex-direction:column;
    gap:8px
}
.sidebar nav a {
    display:flex;
    align-items:center;
    gap:22px;
    padding:15px 20px;
    border-radius:8px;
    font-size:15px;
    min-height:54px;
    color:#d0daea
}
.sidebar nav a:hover {
    background:#2b3643
}
.sidebar nav a.active {
    background:#2c73cb;
    color:white
}
.sidebar nav .icon {
    width:25px;
    height:25px
}
.sidebar-bottom {
    display:flex;
    align-items:center;
    gap:8px;
    padding:20px 12px 0;
    font-size:11px;
    color:var(--muted);
    border-top:1px solid #33404e
}
.status-dot {
    width:7px;
    height:7px;
    border-radius:50%;
    background:#82a5d3;
    display:inline-block;
    flex-shrink:0
}
.version {
    margin-left:auto;
    font-variant-numeric:tabular-nums;
    color:#8b9bb0
}
.content-frame {
    min-width:0;
    flex:1;
    display:flex;
    flex-direction:column
}
main {
    flex:1;
    width:100%;
    max-width:1720px;
    margin:0 auto;
    padding:30px 32px 24px
}
footer {
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:16px;
    border-top:1px solid #303b48;
    padding:18px 28px;
    font-size:12px;
    color:var(--muted)
}
footer div {
    display:flex;
    gap:22px
}
footer a:hover {
    color:white
}
.footer-divider {
    padding:0 12px;
    color:#66788d
}
.panel {
    background:var(--panel);
    border:1px solid var(--line);
    border-radius:var(--radius)
}
.home-heading {
    margin:0 0 18px 28px
}
.home-heading h1 {
    font-size:clamp(30px,3.25vw,53px);
    font-weight:720;
    margin-bottom:9px
}
.home-heading h1 span {
    color:#5a9bee
}
.home-heading p {
    font-size:clamp(17px,1.8vw,26px);
    margin:0 0 0 40px
}
.preview-strip {
    display:flex;
    gap:10px;
    align-items:center;
    flex-wrap:wrap;
    color:var(--muted);
    font-size:12px;
    margin:0 0 20px 0;
    padding:10px 14px;
    background:#222d38;
    border:1px solid #354355;
    border-radius:7px
}
.preview-strip strong {
    color:#dce7f5;
    font-weight:600
}
.preview-strip a {
    margin-left:auto;
    color:#9bc1f5
}
.home-grid {
    display:grid;
    grid-template-columns:minmax(0,1.9fr) minmax(285px,1fr);
    gap:26px
}
.conversion-column {
    min-width:0
}
.converter {
    padding:12px 18px 16px;
    background:linear-gradient(140deg,#2b3847,#27313d)
}
.direction-tabs {
    display:flex;
    justify-content:center
}
.direction-tabs button {
    border:1px solid #637187;
    background:#303c4b;
    color:white;
    min-width:142px;
    padding:12px 18px;
    font-size:15px
}
.direction-tabs button:first-child {
    border-radius:8px 0 0 0
}
.direction-tabs button:last-child {
    border-radius:0 8px 0 0
}
.direction-tabs button.selected {
    background:var(--blue);
    border-color:var(--blue)
}
.dropzone {
    border:2px dashed #4e99f5;
    border-radius:12px;
    padding:26px 16px 22px;
    text-align:center;
    min-height:323px;
    transition:background .15s
}
.dropzone.drag-active {
    background:#334b66;
    border-color:#adceff
}
.upload-icon {
    width:76px;
    height:76px;
    color:#6aa8f1;
    stroke-width:1.4;
    margin-bottom:10px
}
.dropzone h2 {
    font-size:29px;
    margin:0 0 6px
}
.drop-description {
    font-size:14px;
    margin:0 0 17px
}
.file-button {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    background:var(--blue);
    border:1px solid #5a9df0;
    border-radius:9px;
    padding:13px 30px;
    position:relative;
    min-width:245px;
    font-size:20px;
    font-weight:600;
    overflow:hidden
}
.file-button input {
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    opacity:0;
    cursor:pointer
}
.file-button:focus-within {
    outline:3px solid #b7d4ff;
    outline-offset:4px
}
.file-button:hover {
    background:#2476dc
}
.drop-help {
    font-size:14px;
    margin:14px 0 4px
}
.dropzone small {
    color:var(--muted);
    font-size:12px
}
.quick-tools {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:8px;
    margin-top:10px
}
.tool-card {
    display:flex;
    align-items:flex-start;
    gap:11px;
    padding:16px 11px;
    min-height:104px;
    text-align:left;
    background:var(--panel);
    border:1px solid var(--line);
    border-radius:11px
}
.tool-card>.icon {
    width:29px;
    height:34px;
    color:#d1dff0
}
.tool-card.active-tool>.icon {
    color:#63a4fa
}
.tool-card:hover {
    background:#344354;
    border-color:#7495bc
}
.tool-card strong {
    display:block;
    font-size:14px;
    margin:2px 0 8px
}
.tool-card span:not(.chevron) {
    display:block;
    color:var(--muted);
    font-size:12px;
    line-height:1.45
}
.chevron {
    margin-left:auto;
    color:#a6bad3;
    font-size:22px;
    line-height:1
}
.example-panel {
    padding:24px 17px 18px;
    display:flex;
    flex-direction:column;
    background:linear-gradient(140deg,#28333f,#24303c)
}
.example-panel h2 {
    font-size:19px;
    margin:0 0 24px 5px
}
.example-pair {
    display:flex;
    gap:12px;
    align-items:center;
    background:#25313e;
    border:1px solid #344152;
    border-radius:12px;
    padding:25px 13px 8px;
    flex:1
}
.example-pair>div {
    flex:1;
    min-width:0
}
.example-arrow {
    width:24px;
    color:#729fd4;
    margin-top:-60px
}
.example-pair>div>p {
    text-align:center;
    font-size:13px;
    color:#e6edf7;
    margin:14px -7px 8px;
    line-height:1.5
}
.example-pair>div>p span {
    color:var(--muted);
    font-size:12px
}
.output-example {
    position:relative
}
.pdf-badge {
    position:absolute;
    right:8px;
    top:12px;
    color:white;
    background:#c94750;
    padding:5px 7px;
    border-radius:4px;
    z-index:1;
    font-size:11px;
    font-weight:700;
    box-shadow:0 3px 8px #0003
}
.example-panel>.text-link {
    margin:17px auto 0;
    font-size:12px
}
.report-paper {
    background:#f7f9fc;
    color:#1b2a43;
    border-radius:6px;
    padding:18px 13px 12px;
    aspect-ratio:.68;
    box-shadow:0 7px 22px #0002;
    display:flex;
    flex-direction:column;
    overflow:hidden
}
.report-kicker {
    font-size:5px;
    letter-spacing:1px;
    font-weight:700;
    margin-bottom:16px;
    color:#617b9d
}
.report-kicker span {
    font-weight:400
}
.report-paper h3 {
    font-size:clamp(13px,1.15vw,18px);
    line-height:1.17;
    letter-spacing:-.4px;
    margin:0 0 7px
}
.report-quarter {
    font-size:8px;
    color:#4a607e;
    margin:0 0 12px
}
.report-rule {
    height:2px;
    width:65%;
    background:#809bc2;
    margin-bottom:12px
}
.report-lines {
    display:flex;
    flex-direction:column;
    gap:4px
}
.report-lines i {
    display:block;
    height:3px;
    background:#d4deec;
    width:100%
}
.report-lines i:nth-child(2) {
    width:88%
}
.report-lines i:nth-child(3) {
    width:65%
}
.report-chart {
    display:flex;
    align-items:flex-end;
    gap:5px;
    height:70px;
    border-bottom:1px solid #d3dfed;
    margin:17px 0 12px
}
.report-chart b {
    background:linear-gradient(#85b3ee,#3974c5);
    flex:1
}
.report-bottom {
    display:flex;
    align-items:center;
    gap:10px;
    justify-content:space-between;
    margin-top:auto
}
.report-bottom .report-lines {
    flex:1
}
.report-donut {
    width:32px;
    height:32px;
    flex-shrink:0;
    border-radius:50%;
    background:conic-gradient(#366cb2 0 74%,#b3c8e4 74%);
    position:relative
}
.report-donut:after {
    content:'';
    position:absolute;
    inset:9px;
    background:#f7f9fc;
    border-radius:50%
}
.report-paper small {
    font-size:4px;
    color:#6d7d94;
    letter-spacing:.5px;
    margin-top:18px
}
.more-panel {
    display:grid;
    grid-template-columns:1.15fr 1fr 1fr;
    gap:15px;
    padding:14px 20px;
    margin-top:17px;
    align-items:center;
    background:#26313c
}
.more-panel h2 {
    font-size:25px;
    margin:0 0 7px
}
.more-panel p {
    font-size:14px;
    margin:0
}
.more-card {
    display:flex;
    align-items:center;
    gap:17px;
    background:#2c3744;
    border:1px solid #364352;
    border-radius:10px;
    padding:17px 14px;
    min-height:105px
}
.more-card:hover {
    border-color:#7c95b5;
    background:#334354
}
.more-card h3 {
    font-size:17px;
    margin:0 0 7px;
    letter-spacing:-.3px
}
.more-card h3 span {
    padding-left:12px;
    color:#a3b5cd
}
.more-card p {
    font-size:13px
}
.feature-icon {
    display:flex;
    align-items:center;
    justify-content:center;
    width:65px;
    height:65px;
    border-radius:7px;
    flex-shrink:0
}
.feature-icon .icon {
    width:33px;
    height:33px
}
.violet {
    background:#a496d9;
    color:#493c7b
}
.sage {
    background:#abc6ac;
    color:#31563f
}
.file-selection {
    margin-top:18px;
    border-top:1px solid #536174;
    padding-top:15px
}
.selection-heading {
    display:flex;
    align-items:center;
    justify-content:space-between;
    font-size:13px
}
.file-selection ol {
    padding:0;
    list-style:none;
    margin:10px 0
}
.file-selection li {
    display:flex;
    gap:9px;
    align-items:center;
    padding:9px 0;
    border-bottom:1px solid #405064
}
.file-selection li>div {
    flex:1;
    min-width:0
}
.file-selection li strong {
    font-size:13px;
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.file-selection li small {
    display:block;
    font-size:11px;
    color:var(--muted);
    margin-top:4px
}
.inline-notice {
    font-size:13px;
    display:flex;
    gap:9px;
    align-items:flex-start;
    margin-top:14px
}
.inline-notice .icon {
    width:18px;
    height:18px
}
.issues {
    background:#49352e;
    border:1px solid #997055;
    color:#f1d8c7;
    border-radius:8px;
    font-size:13px;
    padding:12px 12px 12px 30px;
    line-height:1.6
}
.eyebrow {
    font-size:11px;
    letter-spacing:2px;
    color:#9caec6;
    font-weight:600;
    display:block;
    margin-bottom:14px
}
.lead {
    font-size:18px;
    max-width:850px;
    line-height:1.6
}
.narrow-page {
    max-width:960px;
    margin:20px auto 35px
}
.narrow-page h1,.section-page h1,.sample-page h1,.empty-page h1 {
    font-size:clamp(30px,3vw,44px);
    margin-bottom:18px
}
.explanation {
    padding:30px;
    margin:25px 0
}
.explanation .large-icon {
    margin-bottom:20px
}
.explanation p {
    max-width:720px
}
.explanation .button {
    margin-top:10px
}
.large-icon {
    width:48px;
    height:48px;
    color:#8db6ec
}
.two-cards {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px
}
.two-cards article {
    padding:24px
}
.two-cards h3 {
    font-size:18px
}
.two-cards p {
    margin:0;
    font-size:14px
}
.section-page {
    padding:12px 0
}
.section-grid {
    display:grid;
    grid-template-columns:minmax(0,2fr) minmax(240px,1fr);
    gap:24px;
    margin-top:30px
}
.showcase {
    padding:28px;
    min-height:420px
}
.sample-label {
    font-size:10px;
    letter-spacing:1.5px;
    color:#a7b7cd;
    display:block;
    margin-bottom:24px
}
.section-aside {
    padding:27px;
    align-self:start
}
.section-aside h2 {
    font-size:26px
}
.section-aside ul {
    list-style:none;
    padding:0;
    display:grid;
    gap:18px;
    margin:28px 0
}
.section-aside li {
    display:flex;
    align-items:center;
    gap:10px;
    font-size:14px
}
.section-aside li .icon {
    color:#8eb2df;
    width:19px
}
.section-aside p {
    font-size:13px
}
.section-aside .text-link {
    margin-top:24px
}
.brand-example h2 {
    font-size:37px;
    line-height:1.15;
    margin-top:30px
}
.northline {
    display:flex;
    align-items:center;
    gap:15px;
    font-size:48px;
    font-weight:800;
    color:#a3bde3
}
.northline span {
    font-size:17px;
    font-weight:500;
    color:#e0e8f3
}
.swatches {
    display:flex;
    gap:10px;
    margin:25px 0
}
.swatches span {
    height:70px;
    flex:1;
    display:flex;
    align-items:flex-end;
    padding:12px;
    border-radius:6px;
    font-size:12px;
    border:1px solid #536173
}
.brand-example>p {
    font-size:13px
}
.poster {
    background:#ece7dc;
    color:#273347;
    padding:30px;
    max-width:520px;
    min-height:310px;
    margin:auto;
    position:relative;
    overflow:hidden
}
.poster>span {
    font-size:9px;
    letter-spacing:2px
}
.poster h2 {
    font-size:40px;
    margin:20px 0;
    position:relative;
    z-index:1
}
.poster p {
    color:#4f5e6c;
    font-size:12px;
    margin-top:100px
}
.poster-art {
    position:absolute;
    bottom:10px;
    right:0;
    width:220px;
    height:170px
}
.poster-art i {
    display:block;
    position:absolute;
    right:20px;
    width:140px;
    height:140px;
    background:#5477a7;
    border-radius:50%
}
.poster-art b {
    position:absolute;
    bottom:0;
    right:100px;
    width:120px;
    height:105px;
    background:#b5a48b;
    transform:rotate(-20deg)
}
.sample-toolbar {
    display:flex;
    justify-content:center;
    gap:30px;
    font-size:12px;
    margin-top:20px;
    color:#b5c2d5
}
.sample-tiles {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:30px;
    max-width:500px;
    margin:auto
}
.sample-tiles .report-paper {
    max-height:280px;
    max-width:185px
}
.sample-tiles a>strong,.sample-tiles a>small {
    display:block;
    margin-top:12px;
    font-size:14px
}
.sample-tiles a>small {
    font-size:12px;
    color:var(--muted);
    margin-top:4px
}
.brand-tile {
    height:220px;
    background:#3b5071;
    display:grid;
    place-items:center;
    font-size:100px;
    color:#d8e5f7;
    border-radius:7px
}
.ai-example {
    text-align:center;
    padding-top:10px
}
.ai-example h2 {
    margin-top:25px;
    font-size:32px
}
.ai-example>p {
    padding:20px;
    border:1px solid #526177;
    border-radius:12px
}
.workflow-steps {
    display:flex;
    justify-content:center;
    gap:18px;
    margin-top:30px;
    font-size:12px;
    color:#b8c8dc
}
.document-example {
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:25px
}
.document-example .report-paper {
    width:220px
}
.document-example .report-paper h3 {
    font-size:23px
}
.document-example .report-chart {
    height:85px
}
.page-title-row {
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px
}
.viewer-toolbar {
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:15px;
    padding:18px 22px;
    border-bottom:1px solid var(--line);
    font-size:13px
}
.viewer-toolbar>span {
    color:var(--muted);
    font-size:12px
}
.sample-document {
    display:grid;
    grid-template-columns:260px 1fr;
    gap:50px;
    padding:36px;
    align-items:center
}
.sample-document .report-paper h3 {
    font-size:28px
}
.sample-document .report-chart {
    height:110px
}
.sample-document .report-kicker {
    font-size:8px
}
.sample-document .report-quarter {
    font-size:12px
}
.sample-document .report-paper small {
    font-size:7px
}
.sample-document h2 {
    font-size:29px
}
.prose {
    padding:30px
}
.prose h2 {
    font-size:21px;
    margin:26px 0 12px
}
.prose h2:first-child {
    margin-top:0
}
.prose ul {
    color:var(--muted);
    line-height:1.9
}
.feedback-form {
    padding:30px;
    display:flex;
    flex-direction:column;
    gap:12px
}
.feedback-form label {
    font-size:14px;
    font-weight:600;
    margin-top:8px
}
.feedback-form input,.feedback-form textarea,.feedback-form select {
    padding:12px;
    background:#1e2834;
    border:1px solid #64758a;
    border-radius:7px;
    color:white;
    max-width:100%
}
.feedback-form textarea {
    resize:vertical;
    min-height:160px
}
.feedback-form small {
    font-size:12px;
    color:var(--muted)
}
.feedback-form .button {
    align-self:start;
    margin-top:10px
}
.feedback-form p {
    font-size:13px;
    margin:0
}
.empty-page {
    padding:55px 15px
}
.mobile-menu,.nav-backdrop {
    display:none
}
.boot-screen {
    min-height:100vh;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:25px;
    text-align:center
}
.boot-screen img {
    width:110px
}
.boot-screen h1 {
    font-size:36px
}
.boot-screen progress {
    width:180px;
    accent-color:#3185ef
}
#blazor-error-ui {
    display:none;
    position:fixed;
    bottom:0;
    left:0;
    right:0;
    padding:18px;
    background:#553a31;
    color:white;
    z-index:100;
    font-size:14px
}
#blazor-error-ui a {
    margin-left:15px;
    text-decoration:underline
}

@media(min-width:1650px) {
    .dropzone {
    min-height:390px;
    padding-top:40px
}
.upload-icon {
    width:90px;
    height:90px
}
.report-chart {
    height:95px
}
.report-paper {
    padding:25px 20px
}
.example-panel {
    padding:26px
}
.example-pair {
    gap:18px;
    padding:28px 17px 10px
}
.more-panel {
    margin-top:22px
}

}

@media(max-width:1200px) {
    main {
    padding:24px 20px
}
.sidebar {
    width:174px
}
.sidebar nav a {
    gap:14px;
    padding-left:15px
}
.home-grid {
    gap:16px;
    grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr)
}
.home-heading {
    margin-left:0
}
.home-heading p {
    margin-left:0
}
.tool-card {
    padding:13px 9px;
    gap:7px
}
.tool-card>.icon {
    width:24px
}
.tool-card .chevron {
    display:none
}
.tool-card strong {
    font-size:12px
}
.tool-card span:not(.chevron) {
    font-size:11px
}
.more-panel {
    padding:15px;
    gap:12px
}
.more-panel h2 {
    font-size:21px
}
.more-card {
    gap:10px;
    padding:12px
}
.feature-icon {
    width:45px;
    height:45px
}
.more-card h3 {
    font-size:15px
}
.more-card p {
    font-size:12px
}
.example-pair {
    gap:8px;
    padding:15px 8px 6px
}
.example-arrow {
    width:18px
}
.report-paper {
    padding:14px 9px
}
.report-kicker {
    margin-bottom:12px
}
.report-chart {
    height:50px;
    gap:3px
}
.report-paper small {
    font-size:3px
}
.report-paper h3 {
    font-size:13px
}

}

@media(max-width:980px) {
    .guest {
    display:none
}
.home-grid {
    grid-template-columns:1fr
}
.example-pair {
    max-width:540px;
    width:100%;
    margin:auto;
    gap:24px;
    padding:25px 35px
}
.example-panel h2 {
    margin-bottom:18px
}
.example-pair .report-paper {
    max-width:185px;
    margin:auto
}
.example-pair>div>p {
    font-size:14px
}
.report-chart {
    height:70px
}
.more-panel {
    grid-template-columns:1fr 1fr
}
.more-panel>div:first-child {
    grid-column:1/-1
}
.quick-tools {
    gap:10px
}
.tool-card {
    padding:17px 12px;
    gap:10px
}
.tool-card strong {
    font-size:14px
}
.tool-card span:not(.chevron) {
    font-size:12px
}
.section-grid {
    grid-template-columns:1fr
}
.section-aside ul {
    display:flex;
    flex-wrap:wrap;
    gap:20px
}
.sample-document {
    gap:25px;
    grid-template-columns:220px 1fr
}
.viewer-toolbar {
    flex-wrap:wrap
}
.viewer-toolbar>span {
    display:none
}
.home-heading h1 {
    font-size:36px
}
.home-heading p {
    font-size:20px
}
.preview-strip a {
    margin-left:17px
}

}

@media(max-width:700px) {
    .topbar {
    height:65px;
    padding:0 14px;
    gap:8px
}
.wordmark {
    font-size:23px;
    gap:4px
}
.wordmark img {
    width:48px;
    height:48px
}
.header-actions {
    gap:8px
}
.header-actions .button {
    font-size:12px;
    padding:8px 12px;
    min-height:36px
}
.header-actions .sign-in {
    display:none
}
.mobile-menu {
    display:inline-flex;
    width:35px;
    min-width:35px
}
.sidebar {
    display:none;
    position:fixed;
    top:65px;
    bottom:0;
    height:calc(100dvh - 65px);
    left:0;
    width:230px;
    z-index:30;
    overflow-y:auto
}
.sidebar.is-open {
    display:flex
}
.sidebar nav a {
    padding:12px 18px;
    min-height:48px
}
.nav-backdrop {
    display:block;
    position:fixed;
    inset:65px 0 0 0;
    background:#0008;
    border:0;
    z-index:25
}
.app-frame {
    min-height:calc(100dvh - 65px)
}
main {
    padding:24px 16px
}
.home-heading h1 {
    font-size:34px;
    line-height:1.16
}
.home-heading h1 span {
    display:block
}
.home-heading p {
    font-size:17px;
    margin-top:12px
}
.preview-strip {
    font-size:11px;
    gap:7px
}
.preview-strip>span:nth-of-type(2) {
    flex-basis:100%;
    margin-left:14px
}
.preview-strip a {
    margin-left:14px
}
.converter {
    padding:10px
}
.dropzone {
    padding:23px 9px;
    min-height:310px
}
.dropzone h2 {
    font-size:25px
}
.drop-description {
    font-size:13px
}
.direction-tabs button {
    min-width:120px;
    padding:10px
}
.file-button {
    min-width:220px;
    font-size:18px
}
.drop-help {
    font-size:12px
}
.quick-tools {
    grid-template-columns:1fr 1fr
}
.tool-card {
    min-height:95px
}
.more-panel {
    grid-template-columns:1fr;
    padding:19px
}
.more-card {
    padding:15px
}
.more-panel h2 {
    font-size:24px
}
.more-card h3 {
    font-size:17px
}
.feature-icon {
    width:55px;
    height:55px
}
.example-panel {
    padding:20px 14px
}
.example-panel h2 {
    font-size:18px
}
.example-pair {
    gap:12px;
    padding:20px 12px
}
.report-paper h3 {
    font-size:15px
}
.report-chart {
    height:65px
}
.report-paper small {
    font-size:4px
}
.example-pair>div>p {
    font-size:12px
}
.report-paper {
    padding:17px 12px
}
.example-arrow {
    width:20px
}
.two-cards {
    grid-template-columns:1fr
}
.narrow-page {
    margin-top:5px
}
.narrow-page h1,.section-page h1,.sample-page h1 {
    font-size:32px
}
.lead {
    font-size:16px
}
.showcase {
    padding:18px;
    min-height:350px
}
.poster {
    padding:23px
}
.poster h2 {
    font-size:33px
}
.poster-art {
    opacity:.7
}
.section-aside {
    padding:22px
}
.workflow-steps {
    flex-direction:column
}
.sample-tiles {
    gap:18px
}
.sample-tiles .report-paper {
    max-height:230px
}
.brand-tile {
    height:200px
}
.sample-document {
    grid-template-columns:1fr;
    padding:22px;
    gap:30px
}
.sample-document>.report-paper {
    width:240px;
    margin:auto
}
.page-title-row {
    align-items:flex-start;
    flex-direction:column;
    gap:0
}
.page-title-row .button {
    margin-bottom:20px
}
.viewer-toolbar {
    padding:15px
}
.viewer-toolbar .button {
    width:100%
}
.prose,.feedback-form,.explanation {
    padding:22px
}
footer {
    flex-direction:column;
    align-items:flex-start;
    padding:20px 16px;
    gap:13px;
    font-size:11px
}
.brand-example h2 {
    font-size:32px
}
.northline {
    font-size:40px
}

}

@media(prefers-reduced-motion:reduce) {
    * {
    scroll-behavior:auto!important;
    transition:none!important
}

}


h1:focus {
    outline:none
}

.example-pair .report-kicker {
    margin-bottom:8px
}

.example-pair .report-paper h3 {
    font-size:13px;
    margin-bottom:6px
}

.example-pair .report-quarter {
    font-size:8px;
    color:#4a607e;
    margin:0 0 8px
}

.example-pair .report-rule {
    margin-bottom:8px;
    flex-shrink:0
}

.example-pair .report-chart {
    height:42px;
    min-height:25px;
    margin:10px 0 8px
}

.example-pair .report-paper small {
    margin-top:8px
}

.example-pair .report-donut {
    width:24px;
    height:24px
}

.example-pair .report-donut:after {
    inset:7px
}


/* WEB02: operational forms, service availability and retained job state. */
.workflow-panel { border-top: 1px solid var(--border, #3d4855); padding: 24px 18px; }
.workflow-panel h3 { margin: 0 0 18px; }
.settings-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; border: 0; margin: 0 0 20px; padding: 0; }
.settings-grid label { display: flex; flex-direction: column; gap: 8px; font-size: 14px; }
.settings-grid input,.settings-grid select { width: 100%; min-height: 44px; color: #eef2f7; background: #1d252f; border: 1px solid #536173; border-radius: 7px; padding: 10px; font: inherit; }
.settings-grid small,.muted-note { color: #b1bfce; line-height: 1.5; font-size: 12px; }
.wide-setting { grid-column: 1 / -1; }
.action-row { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 18px; }
.job-panel { background: #1d252f; border: 1px solid #536173; border-radius: 10px; padding: 20px; margin-top: 24px; overflow-wrap: anywhere; }
.job-panel h3 { text-transform: capitalize; margin: 0; }
.job-panel progress { display: block; width: 100%; height: 10px; margin-top: 10px; accent-color: #387feb; }
.job-panel details { margin-top: 18px; color: #b1bfce; font-size: 12px; }
.job-panel summary { cursor: pointer; margin-bottom: 10px; }
.state-badge { border: 1px solid #536173; border-radius: 20px; padding: 5px 10px; color: #b1bfce; font-size: 12px; }
.service-rows { margin-top: 24px; }
.service-rows > div { display: flex; justify-content: space-between; gap: 20px; padding: 16px 0; border-top: 1px solid #3d4855; }
.service-rows span { color: #b1bfce; text-align: right; }
button:disabled { opacity: .5; cursor: not-allowed; }
@media (max-width: 600px) { .settings-grid { grid-template-columns: 1fr; } .workflow-panel { padding: 20px 8px; } }

/* WEB03: connected page baselines with compact, consistent browsing controls. */
.example-panel { align-self: start; }
.example-panel .example-pair { min-height: 290px; flex: initial; padding: 24px 12px; }
.workspace-page { max-width: 1400px; margin: 0 auto; }
.workspace-intro { align-items: flex-start; gap: 24px; margin-bottom: 24px; }
.workspace-intro .lead { max-width: 780px; }
.workspace-notice { display: flex; align-items: center; gap: 16px; padding: 18px 22px; background: #252f3b; border: 1px solid #435163; border-radius: 12px; margin: 24px 0; }
.workspace-notice > svg { width: 22px; flex-shrink: 0; }
.workspace-notice p { margin: 5px 0 0; color: #bac5d2; line-height: 1.6; font-size: 14px; }
.workspace-notice a { margin-left: auto; flex-shrink: 0; color: #a8c7f6; }
.workspace-tabs { display: flex; gap: 8px; flex-wrap: wrap; margin: 28px 0; }
.workspace-tabs button { border: 1px solid #536173; border-radius: 8px; background: #252f3b; color: #d4deeb; padding: 12px 20px; font: inherit; cursor: pointer; }
.workspace-tabs button.selected { background: #2c6fc5; border-color: #6999df; color: white; }
.browse-tools { display: grid; grid-template-columns: 1fr 220px; gap: 20px; margin: 28px 0 12px; }
.browse-tools label,.share-url { display: flex; flex-direction: column; gap: 8px; color: #c1cbd8; font-size: 14px; }
.browse-tools input,.browse-tools select,.share-url input { background: #202934; color: #f3f5f8; border: 1px solid #536173; border-radius: 8px; padding: 13px; font: inherit; min-width: 0; }
.result-count { color: #aebccc; font-size: 13px; }
.catalog-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; margin: 24px 0; }
.catalog-card { display: flex; flex-direction: column; align-items: flex-start; text-align: left; background: #27323e; border: 1px solid #435163; border-radius: 12px; padding: 24px; color: #f3f5f8; font: inherit; text-decoration: none; transition: border-color .15s, background .15s; }
button.catalog-card { cursor: pointer; }
.catalog-card:hover,.catalog-card.chosen { border-color: #83aef1; background: #2c3948; }
.catalog-card > svg { height: 30px; width: 30px; color: #a8c7f6; margin: 18px 0 8px; }
.catalog-card h2 { font-size: 21px; margin: 12px 0; }
.catalog-card p { color: #b9c5d4; line-height: 1.65; font-size: 14px; margin: 0 0 24px; }
.catalog-card .text-link { margin-top: auto; }
.detail-panel { padding: 28px; margin: 22px 0; }
.detail-panel h2 { margin-top: 0; font-size: 25px; }
.detail-panel p,.detail-panel li { color: #bac5d2; line-height: 1.75; }
.detail-panel li { margin: 8px 0; }
.step-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
.step-number { display: block; color: #91b5ef; font-size: 30px; margin-bottom: 22px; }
.tag-row { display: flex; flex-wrap: wrap; gap: 10px; }
.tag-row span { border: 1px solid #536173; border-radius: 20px; padding: 8px 13px; color: #c7d2e1; font-size: 13px; }
.studio-baseline { display: grid; grid-template-columns: minmax(220px,1fr) 2fr; gap: 24px; }
.studio-baseline .detail-panel { margin: 0; }
.layer-list { padding-left: 22px; }
.layer-list li { padding: 14px 0; border-bottom: 1px solid #435163; }
.layer-list span { display: block; font-size: 12px; color: #8f9fb2; }
.related-row { display: flex; flex-wrap: wrap; gap: 24px; padding: 25px 0; }
.related-row a,.detail-panel a:not(.button) { color: #a8c7f6; }
.brand-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.palette-list { display: flex; gap: 24px; flex-wrap: wrap; }
.palette-list > div { flex: 1; min-width: 90px; }
.color-chip { display: block; height: 90px; border: 1px solid #758399; border-radius: 9px; margin-bottom: 12px; }
.palette-list code { display: block; margin-top: 8px; color: #bac5d2; }
.type-display { font-size: clamp(28px,4vw,48px)!important; max-width: 700px; }
.type-body { max-width: 640px; font-size: 20px; }
.empty-state { text-align: center; padding: 48px 28px; margin: 24px 0; }
.empty-state > svg { width: 48px; height: 48px; color: #91b5ef; }
.empty-state p { max-width: 680px; margin: 18px auto; color: #bac5d2; line-height: 1.7; }
.empty-state .action-row { justify-content: center; }
.pdf-hub { display: grid; grid-template-columns: 2fr 1fr; gap: 24px; }
.report-showcase { display: flex; justify-content: center; padding: 25px; margin: 22px 0; }
.report-showcase .report-card { max-width: 210px; }
.section-heading { margin-top: 40px; }
.share-art { width: 100%; height: auto; border-radius: 10px; }
.share-url { margin-top: 22px; }
@media(max-width:1100px) { .catalog-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .step-grid { grid-template-columns: 1fr; gap: 0; } }
@media(max-width:700px) { .catalog-grid,.brand-grid,.studio-baseline,.pdf-hub,.browse-tools { grid-template-columns: 1fr; } .workspace-notice { align-items: flex-start; flex-wrap: wrap; } .workspace-notice a { margin-left: 38px; } .workspace-intro { flex-direction: column; } .detail-panel { padding: 22px; } }
@media(prefers-reduced-motion:reduce) { .catalog-card { transition: none; } }

/* WEB04 local utility: restrained blue controls; cyan stays in the identity asset. */
.local-converter{padding:24px;color:var(--text,#253044)}
.local-intro{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.local-intro h2{margin:0;font-size:23px}.local-badge{background:#eef3ef;color:#395d45;border:1px solid #d1dfd5;padding:5px 9px;border-radius:5px;font-size:12px}
.local-picker{display:block;padding:22px;border:1px dashed #aab3bf;border-radius:8px;background:var(--panel-soft);color:var(--text);font-weight:600}
.local-picker input{display:block;margin-top:12px;max-width:100%;font:inherit}
.local-images{list-style:none;padding:0;max-height:340px;overflow:auto}.local-images li{display:flex;align-items:center;gap:9px;border-bottom:1px solid #e2e5eb;padding:10px 0}
.local-images img{width:54px;height:54px;object-fit:contain;background:#f2f3f5;border-radius:4px}.local-images li>div{flex:1;min-width:0}.local-images strong{display:block;overflow-wrap:anywhere;font-size:13px}.local-images small{display:block;color:var(--muted);font-size:11px;margin-top:4px}
.local-settings{display:grid;grid-template-columns:1fr 1fr;gap:12px;border:1px solid #e1e5eb;border-radius:6px;margin:20px 0;padding:15px}.local-settings legend{font-weight:600;padding:0 6px}.local-settings label{display:grid;gap:5px;font-size:12px}.local-settings select,.local-settings input{width:100%;min-width:0;background:white;color:#253044;border:1px solid #b9c2cf;border-radius:4px;padding:9px;font:inherit}
.local-actions{display:flex;gap:12px;align-items:center}.local-actions button{padding:10px 17px;border-radius:5px;border:1px solid #bbc4d0;cursor:pointer}.local-actions .primary-button,.local-result .primary-button{background:#385b9b;color:white;border:0;padding:11px 18px;border-radius:5px;text-decoration:none}.local-actions button:disabled{opacity:.5;cursor:not-allowed}
.local-result{display:flex;gap:12px;flex-wrap:wrap;align-items:center;padding:16px;color:#263c2c;background:#f0f4f0;border:1px solid #d5e1d5;border-radius:6px;margin:14px 0}.local-result small{width:100%;font-size:12px}.local-converter progress{width:100%;accent-color:#385b9b}.local-converter .issues{padding:12px;background:#fff0ef;color:#8c2828;border-radius:5px}
@media(max-width:520px){.local-converter{padding:15px}.local-settings{grid-template-columns:1fr}.local-images li{gap:5px}.local-images img{width:38px;height:38px}.local-images .mini-button{min-width:30px}}
/* WEB06 permanent local-workflow foundation. */
.guest-allowance{display:grid;gap:3px;max-width:310px;font-size:10px;line-height:1.4;color:#dfe4ec}.guest-allowance strong{color:#fff;font-size:13px}.guest-allowance small{font-size:10px;color:#aeb8c7}.guest-allowance button{color:#dfe4ec;text-align:left}
.format-strip{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0}.format-strip span,.format-strip button{padding:5px 8px;border:1px solid #d4dae3;border-radius:4px;background:#f4f6f9;color:#38475e;font-size:11px}.format-strip button:disabled{background:#eee;color:#777;cursor:not-allowed}
.intake-mode{display:flex;gap:18px;flex-wrap:wrap;margin:14px 0;padding:10px;border:1px solid #d9dfe8;border-radius:5px;font-size:12px}.intake-mode legend{padding:0 5px}.intake-mode label{display:flex;align-items:center;gap:6px}
.local-picker.drag-active{border:2px solid var(--blue);background:#30435c}.selection-summary{display:flex;flex-wrap:wrap;gap:14px;padding:13px 0;font-size:12px;color:var(--muted)}.file-order{font-size:11px;min-width:18px;color:var(--muted)}
.intake-issues{border-left:3px solid #96692d;background:#fff8ed;color:#61451d;padding:12px;margin:12px 0;font-size:12px}.intake-issues li{margin:6px 0;overflow-wrap:anywhere}
.preflight-summary{font-size:12px;margin:12px 0;color:var(--muted)}.local-details{border-top:1px solid #dfe4eb;padding:14px 0;margin-top:18px;font-size:12px;line-height:1.6}.local-details summary{cursor:pointer;font-weight:600}.local-settings small{font-size:11px;color:var(--muted)}.local-settings input[type=range]{padding:0;accent-color:#385b9b}
.local-converter button:focus-visible,.local-converter a:focus-visible,.local-converter input:focus-visible,.local-converter select:focus-visible,.local-details summary:focus-visible{outline:3px solid #4268ac;outline-offset:3px}
.policy-links{display:flex;gap:15px;flex-wrap:wrap;margin:20px 0}.policy-section{scroll-margin-top:90px;margin:18px 0;padding:24px}.policy-section p,.policy-section li{line-height:1.7}.policy-section h2{font-size:21px}
@media(max-width:900px){.topbar{height:auto;min-height:72px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}.header-actions{flex-wrap:wrap;justify-content:flex-end;gap:9px}.guest-allowance{max-width:250px;font-size:9px}}
@media(max-width:600px){.guest-allowance{order:3;max-width:none;width:100%;text-align:right}.header-actions .button.primary{display:none}.local-images .mini-button{min-width:36px;min-height:40px}.local-actions{flex-wrap:wrap}.local-actions button{min-height:44px}.local-images strong{font-size:12px}.policy-section{padding:16px}}

/* WEB10BR1 task-led conversion workspace. Cyan is reserved for the logo asset. */
.task-picker { padding:24px; margin-bottom:24px; }
.task-picker-heading { display:flex; justify-content:space-between; align-items:center; gap:20px; }
.task-picker-heading h2 { margin:6px 0 12px; font-size:24px; }
.task-search input { width:230px; max-width:100%; background:var(--bg); color:var(--text); border:1px solid var(--line); border-radius:7px; padding:11px 13px; }
.task-filters { display:flex; gap:7px; flex-wrap:wrap; margin:10px 0 18px; }
.task-filters button,.example-selectors button { border:1px solid var(--line); background:transparent; color:var(--muted); border-radius:6px; padding:8px 12px; font-size:12px; }
.task-filters button.selected,.example-selectors button.selected { background:#354b6a; border-color:#6f9cd5; color:white; }
.task-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.task-choice { display:flex; gap:12px; align-items:flex-start; padding:14px; background:var(--panel-soft); border:1px solid var(--line); border-radius:8px; text-align:left; min-width:0; }
.task-choice>svg { width:22px; height:22px; flex-shrink:0; color:#acc9ed; margin-top:2px; }
.task-choice span { min-width:0; }
.task-choice strong { display:block; font-size:14px; font-weight:600; }
.task-choice small { display:block; color:var(--muted); font-size:11px; margin:5px 0; }
.task-choice em { font-style:normal; font-size:10px; color:#bbcadc; }
.task-choice:hover { border-color:#7d99ba; background:#303e50; }
.task-choice.selected { border-color:#7ea9e0; box-shadow:inset 3px 0 #7ea9e0; background:#30415a; }
.task-footnote { font-size:11px; line-height:1.6; margin:15px 0 0; color:var(--muted); }
.task-empty { padding:25px; text-align:center; }
.task-empty p { margin:10px 0; }
.task-route-notice,.release-notice { padding:18px; background:#413b2b; border:1px solid #9d895b; border-radius:8px; color:#f2ead9; }
.release-notice { margin:0 0 20px; }
.release-notice p,.release-notice span { display:block; color:#f2ead9; font-size:13px; }
.release-notice a { text-decoration:underline; }
.conversion-workspace { align-items:start; }
.task-overview { padding:24px 24px 0; }
.task-overview-top { display:flex; gap:12px; flex-wrap:wrap; align-items:center; color:var(--muted); font-size:11px; margin-bottom:16px; }
.task-overview h2 { font-size:26px; margin-bottom:8px; }
.task-overview p { font-size:14px; }
.task-access { display:inline-block; border:1px solid #60768f; background:#263747; color:#d1e1f3; padding:5px 8px; border-radius:5px; font-size:11px; }
.task-steps { list-style:none; padding:0; margin:22px 0 0; display:flex; gap:12px; border-bottom:1px solid var(--line); padding-bottom:22px; }
.task-steps li { display:flex; flex:1; gap:8px; align-items:flex-start; color:var(--muted); font-size:11px; line-height:1.5; }
.task-steps span { display:grid; place-items:center; flex-shrink:0; width:22px; height:22px; border-radius:50%; background:#3f5471; color:white; font-size:11px; }
.local-intro h3 { font-size:19px; margin:0; }
.guest-preparation { display:flex; gap:12px; flex-wrap:wrap; border:0; padding:0; margin:22px 0 15px; }
.guest-preparation legend { font-size:17px; font-weight:600; margin-bottom:12px; }
.orientation-choice { display:flex; align-items:center; gap:12px; cursor:pointer; border:1px solid var(--line); background:var(--panel-soft); padding:14px 16px; border-radius:8px; min-height:72px; flex:1; }
.orientation-choice.selected { border-color:#7ea9e0; background:#30415a; }
.orientation-choice input { accent-color:#6e9cdb; }
.orientation-choice strong { font-size:13px; }
.page-outline { display:block; border:2px solid #b6c9df; border-radius:2px; }
.page-outline.portrait { width:22px; height:30px; }
.page-outline.landscape { width:30px; height:22px; }
.advanced-entry { display:flex; align-items:center; justify-content:space-between; gap:16px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:16px 0; margin:16px 0; }
.advanced-entry strong { display:block; font-size:12px; }
.advanced-entry span { display:block; font-size:11px; color:var(--muted); margin-top:5px; }
.advanced-entry button { flex-shrink:0; color:#b9d5fa; font-size:12px; }
.advanced-detail { background:var(--panel-soft); padding:16px; border-radius:6px; margin:12px 0; }
.advanced-detail h4 { margin:0 0 8px; }
.advanced-detail p { font-size:12px; margin:10px 0; }
.advanced-detail a { color:#b9d5fa; font-size:13px; }
.conversion-gallery { padding:22px; }
.conversion-gallery>h2 { font-size:23px; margin:10px 0; }
.conversion-gallery>p { font-size:12px; }
.example-selectors { display:flex; gap:6px; flex-wrap:wrap; margin:18px 0; }
.example-selectors button { font-size:10px; padding:7px 9px; }
.example-stage { border:1px solid var(--line); border-radius:10px; padding:18px; background:#202b37; }
.example-file-type { display:block; font-size:10px; color:#c5d0df; margin-bottom:10px; text-align:center; }
.file-illustration { background:#f2f2ed; color:#263648; border-radius:5px; padding:20px; min-height:205px; max-width:260px; margin:auto; position:relative; overflow:hidden; }
.file-illustration small { display:block; font-size:8px; letter-spacing:1px; }
.file-illustration h3 { font-size:23px; margin:20px 0; }
.paper-lines { height:37px; margin:16px 0; background:repeating-linear-gradient(to bottom,#acb5bf 0,#acb5bf 2px,transparent 2px,transparent 8px); opacity:.65; }
.paper-lines.short { width:60%; height:19px; }
.letter-signature { font-size:10px; }
.receipt-paper { background:white; padding:16px; max-width:180px; margin:auto; box-shadow:0 3px 10px #0002; }
.receipt-paper>strong { display:block; text-align:center; font-size:14px; }
.receipt-paper>small { text-align:center; font-size:7px; margin:6px 0 16px; }
.receipt-row { display:flex; justify-content:space-between; font-size:10px; padding:7px 0; }
.receipt-row.total { border-top:1px dashed #8995a1; font-weight:700; }
.sheet-title { font-size:10px; font-weight:700; margin-bottom:15px; }
.illustration-sheet { display:grid; grid-template-columns:1.4fr 1fr 1fr; font-size:8px; }
.illustration-sheet span { border:1px solid #c9d1d6; padding:6px; }
.illustration-sheet .sheet-head { background:#395b4e; color:white; }
.illustration-bars { display:flex; gap:8px; align-items:end; height:40px; margin-top:10px; }
.illustration-bars i { width:30px; height:50%; background:#739488; }
.illustration-bars i:nth-child(2) { height:80%; }.illustration-bars i:nth-child(3) { height:60%; }.illustration-bars i:nth-child(4) { height:100%; }
.slides { background:#e7e5dc; }
.slide-label { font-size:7px; letter-spacing:1px; }
.slide-heading { display:block; font-size:24px; margin:18px 0; line-height:1.15; }
.slide-shapes { display:flex; gap:12px; position:absolute; bottom:18px; right:18px; }
.slide-shapes i { display:block; width:35px; height:35px; background:#557cad; border-radius:50%; }.slide-shapes i+ i { border-radius:0; background:#b09b78; }
.packet { background:#e0e5e9; min-height:230px; }
.packet-page { background:white; padding:18px; border:1px solid #bcc7d0; border-radius:3px; font-size:8px; }
.packet-page.back { position:absolute; inset:17px 35px 35px 15px; transform:rotate(-7deg); }
.packet-page.front { position:relative; margin:10px 0 0 12px; min-height:160px; }
.packet-order { display:flex; gap:10px; }.packet-order span { display:grid; place-items:center; width:22px; height:22px; background:#dce7f3; border-radius:50%; }
.design { background:#ded8ca; }.design-heading { display:block; font-size:28px; line-height:1.05; margin:20px 0; position:relative; z-index:1; }.design-block { position:absolute; right:-15px; top:75px; width:85px; height:85px; border-radius:50%; background:#b18b62; }
.page-tiles { display:grid; grid-template-columns:1fr 1fr; gap:10px; }.page-tiles>div { padding:12px; border:1px solid #c1cad3; background:white; }.page-tiles strong { font-size:12px; }.page-tiles .paper-lines { margin:10px 0 0; height:25px; }
.image-art { height:160px; background:#b4c7dc; position:relative; overflow:hidden; margin-bottom:12px; }.art-sun { position:absolute; width:40px; height:40px; border-radius:50%; background:#f4dcac; top:18px; right:28px; }.art-hill { position:absolute; width:250px; height:160px; border-radius:50%; background:#6d8974; transform:rotate(-25deg); top:80px; left:-30px; }
.example-flow { display:block; text-align:center; padding:10px 0; color:#9bbde5; }
.example-output { display:flex; align-items:center; gap:12px; padding:12px; background:#304153; border:1px solid #586f88; border-radius:7px; }.example-output>svg { width:27px; height:27px; }.example-output>div { flex:1; }.example-output strong { font-size:14px; }.example-output div span { display:block; font-size:10px; color:var(--muted); margin-top:4px; }
.example-description h3 { margin:18px 0 8px; font-size:18px; }.example-description p { font-size:12px; }.example-description .button { margin-top:15px; width:100%; justify-content:center; }.example-notes { font-size:11px; margin-top:16px; line-height:1.6; }.example-notes summary { cursor:pointer; }.example-notes ul { padding-left:18px; color:var(--muted); }
.task-explainer { padding:24px; margin-top:20px; }.task-explainer h2 { font-size:22px; }.task-trust-grid { display:grid; gap:16px; }.task-trust-grid article { padding-left:36px; position:relative; }.task-trust-grid svg { position:absolute; left:0; top:0; width:22px; height:22px; color:#b0c5df; }.task-trust-grid h3 { font-size:14px; margin-bottom:7px; }.task-trust-grid p { font-size:12px; margin-bottom:0; }
.task-explainer>.text-link { display:inline-block; margin-top:20px; font-size:12px; }.workspace-paths { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-top:25px; }.workspace-paths>a { padding:24px; }.workspace-paths h2 { font-size:23px; margin:12px 0; }.workspace-paths p { font-size:13px; margin:0; }
.service-task-gate { padding:24px; }.service-task-gate>.large-icon { width:40px; height:40px; color:#a9c5e8; margin-bottom:14px; }.service-task-gate h3 { font-size:20px; }.service-task-gate p,.service-task-gate li { font-size:13px; line-height:1.7; }.service-task-gate ul { padding-left:18px; color:var(--muted); }.service-task-facts { display:grid; grid-template-columns:1fr 1fr 1fr; gap:10px; padding:15px; border:1px solid var(--line); border-radius:7px; }.service-task-facts span { display:block; font-size:10px; color:var(--muted); margin-bottom:6px; }.service-task-facts strong { font-size:12px; }.task-state-notice { background:var(--panel-soft); padding:16px; border-radius:6px; margin:20px 0; }.task-state-notice p { margin:8px 0 0; }.account-task { padding:22px; margin:20px 0; }
.result-panel { margin-top:25px; padding:22px; background:#243b33; border:1px solid #6d9381; border-radius:10px; }.result-heading { display:flex; align-items:center; gap:12px; }.result-heading h3 { margin:7px 0 0; font-size:18px; overflow-wrap:anywhere; }.result-check { width:32px; height:32px; flex-shrink:0; display:grid; place-items:center; border-radius:50%; background:#466c59; }.result-facts { display:flex; gap:20px; flex-wrap:wrap; }.result-facts dt { font-size:10px; color:#c1d4ca; }.result-facts dd { margin:6px 0 0; font-size:13px; }.result-panel p,.result-panel li { font-size:12px; color:#d0ded6; line-height:1.65; }.result-panel details { margin:15px 0; font-size:12px; }.result-panel summary { cursor:pointer; }.result-details dt { color:#c1d4ca; margin-top:12px; }.result-details dd { margin:4px 0; overflow-wrap:anywhere; }.result-hash { font-family:monospace; font-size:10px; }.result-next { border-top:1px solid #527062; padding-top:16px; margin-top:20px; }.result-next h4 { margin:0 0 10px; }.result-next a { font-size:12px; text-decoration:underline; }
@media(max-width:1100px) { .task-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.home-grid.conversion-workspace { grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr); } }
@media(max-width:850px) { .home-grid.conversion-workspace { grid-template-columns:1fr; }.workspace-paths { grid-template-columns:1fr; }.conversion-gallery { order:2; }.example-stage { max-width:400px; margin:auto; }.task-picker-heading { align-items:flex-start; flex-direction:column; }.task-search,.task-search input { width:100%; } }
@media(max-width:520px) { .task-picker,.task-overview,.service-task-gate,.task-explainer { padding:16px; }.task-overview { padding-bottom:0; }.task-grid { grid-template-columns:1fr; }.task-steps { flex-direction:column; }.task-steps li { align-items:center; }.orientation-choice { padding:12px; min-width:130px; }.advanced-entry { align-items:flex-start; flex-direction:column; }.service-task-facts { grid-template-columns:1fr; }.task-choice { min-height:72px; }.example-selectors button { min-height:40px; }.result-panel { padding:16px; }.task-filters button { min-height:40px; } }
.local-allowance { border:1px solid #63758c; border-radius:7px; padding:14px; margin:16px 0; background:#263647; }
.local-allowance strong { font-size:12px; }.local-allowance p { font-size:11px; margin:6px 0; }.local-allowance small { color:var(--muted); font-size:10px; }.local-allowance button { color:#c0d9f7; font-size:12px; margin-top:8px; }
.local-allowance.unavailable { border-color:#a18a60; background:#39382e; }.release-details dd { margin:0; }.release-details .result-hash { overflow-wrap:anywhere; }.release-details summary { cursor:pointer; margin-bottom:15px; }
.task-switcher { display:flex; align-items:center; justify-content:space-between; gap:18px; }.task-switcher strong { display:block; font-size:19px; margin-top:6px; }.task-switcher-actions { display:flex; gap:8px; flex-wrap:wrap; }.task-switcher-actions .button { font-size:12px; padding:10px 13px; }.task-picker-heading { margin-top:24px; }.task-switcher+.task-footnote { margin-top:12px; }
@media(max-width:700px){.task-switcher { align-items:flex-start; flex-direction:column; }.task-switcher-actions { width:100%; }.task-switcher-actions .button { min-height:42px; flex:1; }}
.reference-actions { display:flex; gap:10px; flex-wrap:wrap; margin:22px 0; }
.format-reference,.reference-limits { padding:26px; margin:22px 0; }
.reference-search { display:grid; gap:9px; max-width:420px; font-size:13px; margin-bottom:24px; }
.reference-search input { background:var(--bg); color:var(--text); border:1px solid var(--line); border-radius:7px; padding:12px; }
.format-cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.format-card { background:var(--panel-soft); border:1px solid var(--line); padding:22px; border-radius:8px; }
.format-card-title { display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; }.format-card-title h2 { font-size:20px; margin:0; }.format-card-title span { font-size:11px; color:var(--muted); }
.format-card dl { display:grid; gap:12px; margin:20px 0; }.format-card dt { color:var(--muted); font-size:11px; }.format-card dd { margin:5px 0 0; font-size:13px; }.format-card p { font-size:12px; }
.format-task-links { display:flex; flex-direction:column; gap:8px; }.format-task-links a { font-size:12px; color:#b6d3fa; }.format-task-links span { color:var(--muted); font-size:10px; }
.limit-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }.limit-grid dt { font-size:12px; color:var(--muted); }.limit-grid dd { margin:8px 0 0; font-size:17px; }.reference-limits p { font-size:13px; }.reference-limits a { color:#b6d3fa; font-size:13px; }
.help-topics { display:flex; flex-wrap:wrap; gap:9px; margin:24px 0; }.help-topics a { border:1px solid var(--line); border-radius:6px; padding:10px 12px; font-size:12px; }.help-topics a[aria-current=page] { background:#354b6a; border-color:#6f9cd5; }
.help-answer { padding:24px; }.help-answer h2 { font-size:21px; margin:10px 0; }.help-answer p,.help-answer li { font-size:13px; line-height:1.8; }.help-answer ol { padding-left:20px; }.help-answer li { padding-left:8px; margin:14px 0; color:var(--muted); }.help-answer-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.local-failure-guide { padding:16px; border-left:3px solid #b69b69; background:#34382f; margin:16px 0; }.local-failure-guide strong { font-size:13px; }.local-failure-guide p,.local-failure-guide small { display:block; font-size:11px; color:#deded0; line-height:1.6; margin:10px 0; }.local-failure-guide a { color:#d6e5fa; font-size:12px; }
@media(max-width:700px){.format-cards,.help-answer-grid { grid-template-columns:1fr; }.limit-grid { grid-template-columns:1fr 1fr; }.format-reference,.reference-limits,.help-answer { padding:18px; }}
.availability-heading { display:flex; justify-content:space-between; align-items:center; gap:18px; flex-wrap:wrap; }.availability-heading h2 { margin:10px 0; }.availability-heading a { font-size:12px; color:#b6d3fa; }.availability-filters { display:flex; gap:8px; flex-wrap:wrap; margin:20px 0; }.availability-filters button[aria-pressed=true] { background:#354b6a; border-color:#6f9cd5; }.availability-table-wrap { overflow-x:auto; }.availability-table { width:100%; border-collapse:collapse; text-align:left; min-width:520px; }.availability-table caption { text-align:left; color:var(--muted); font-size:11px; margin-bottom:14px; }.availability-table th,.availability-table td { border-bottom:1px solid var(--line); padding:14px 10px; vertical-align:top; font-size:12px; }.availability-table thead th { color:var(--muted); font-size:11px; }.availability-table small { display:block; max-width:290px; color:var(--muted); font-size:11px; line-height:1.6; margin-top:8px; }.availability-table a { white-space:nowrap; color:#b6d3fa; }

/* WEB10BR1 workspace navigation and permanent section surfaces. */
.workspace-breadcrumbs {
    display: flex;
    align-items: center;
    gap: .65rem;
    margin: 0 0 1.4rem;
    font-size: .8rem;
    color: var(--muted);
}
.workspace-breadcrumbs a {
    color: var(--muted);
    text-decoration: none;
}
.workspace-breadcrumbs a:hover {
    text-decoration: underline;
}
.access-panel {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    border: 1px solid var(--line);
    border-left: 3px solid var(--line);
    border-radius: 10px;
    padding: 1rem 1.2rem;
    margin: 1.4rem 0;
    background: var(--panel-soft);
}
.access-panel p {
    margin: .4rem 0 0;
    max-width: 65ch;
    color: var(--muted);
    line-height: 1.6;
}
.access-panel > a {
    flex-shrink: 0;
}
.state-pill {
    display: inline-flex;
    align-items: center;
    border: 1px solid var(--line);
    border-radius: 5px;
    padding: .25rem .5rem;
    color: var(--muted);
    background: var(--panel-soft);
    font-size: .72rem;
    font-weight: 600;
    line-height: 1.4;
}
.workspace-tabs a {
    padding: .7rem 1rem;
    border: 1px solid transparent;
    border-radius: 7px;
    color: var(--muted);
    text-decoration: none;
    white-space: nowrap;
}
.workspace-tabs a.selected {
    color: var(--text);
    background: #344b6b;
    border-color: var(--line);
}
.workspace-tabs a:hover {
    background: var(--panel-soft);
}
.workspace-links {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    margin: 2.2rem 0 0;
}
.workspace-links > a {
    display: flex;
    align-items: flex-start;
    gap: .8rem;
    padding: 1.2rem;
    border: 1px solid var(--line);
    border-radius: 10px;
    text-decoration: none;
    color: var(--muted);
    background: var(--panel-soft);
}
.workspace-links > a:hover {
    border-color: var(--line);
}
.workspace-links > a > svg {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
}
.workspace-links strong,
.workspace-links small {
    display: block;
}
.workspace-links small {
    margin-top: .4rem;
    font-size: .78rem;
    line-height: 1.55;
    color: var(--muted);
}
.destination-search {
    position: relative;
}
.destination-results {
    position: absolute;
    top: calc(100% + .8rem);
    right: 0;
    width: min(460px, calc(100vw - 28px));
    max-height: min(620px, calc(100dvh - 100px));
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 1.3rem;
    box-shadow: 0 15px 45px #17223535;
    z-index: 80;
    color: var(--muted);
    background: var(--panel-soft);
}
.search-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}
.search-heading h2 {
    font-size: 1rem;
    margin: 0 0 1rem;
}
.search-heading .icon-button {
    color: var(--muted);
    font-size: 1.5rem;
}
.destination-results label,
.brief-fields label,
.feedback-layout label,
.compact-select {
    display: flex;
    flex-direction: column;
    gap: .45rem;
    font-size: .84rem;
    font-weight: 600;
}
.destination-results input,
.brief-fields input,
.brief-fields textarea,
.brief-fields select,
.feedback-layout select,
.compact-select select {
    width: 100%;
    min-height: 42px;
    padding: .7rem .8rem;
    border: 1px solid var(--line);
    border-radius: 6px;
    background: var(--panel-soft);
    color: var(--muted);
    font: inherit;
    font-weight: 400;
}
.brief-fields textarea {
    min-height: 90px;
    resize: vertical;
}
.destination-list {
    display: grid;
    gap: .25rem;
}
.destination-list a {
    display: flex;
    align-items: flex-start;
    gap: .8rem;
    padding: .8rem;
    color: var(--muted);
    text-decoration: none;
    border-radius: 6px;
}
.destination-list a:hover {
    background: var(--panel-soft);
}
.destination-list svg {
    flex-shrink: 0;
    width: 19px;
    height: 19px;
}
.destination-list strong,
.destination-list small {
    display: block;
}
.destination-list small {
    margin-top: .3rem;
    color: var(--muted);
    font-size: .76rem;
    line-height: 1.5;
}
.journey-layout {
    display: grid;
    grid-template-columns: minmax(230px, .85fr) minmax(0, 1.4fr);
    align-items: start;
    gap: 1.4rem;
}
.journey-picker {
    display: grid;
    gap: .8rem;
}
.journey-picker .catalog-card {
    min-height: 0;
}
.journey-picker .catalog-card h2 {
    font-size: 1rem;
}
.journey-detail {
    position: sticky;
    top: 90px;
}
.journey-steps {
    padding-left: 1.4rem;
    margin: 1.6rem 0 0;
}
.journey-steps li {
    padding: 0 0 1.5rem .6rem;
}
.journey-steps li::marker {
    color: var(--muted);
    font-weight: 700;
}
.journey-steps h3 {
    margin: .65rem 0 .4rem;
}
.journey-steps p {
    line-height: 1.7;
}
.section-title-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}
.section-title-row .state-pill {
    flex-shrink: 0;
}
.brief-fields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.1rem;
    margin: 1.5rem 0;
}
.full-field {
    grid-column: 1 / -1;
}
.brief-review {
    display: grid;
    grid-template-columns: minmax(180px, .65fr) minmax(0, 1fr);
    gap: 1.5rem;
    margin: 1.5rem 0;
    padding: 1.3rem;
    border-radius: 8px;
    background: var(--panel-soft);
}
.brief-review progress {
    width: 100%;
    height: 9px;
    accent-color: var(--blue);
}
.checklist {
    display: grid;
    gap: .9rem;
}
.checklist label,
.brand-review-row {
    display: flex;
    align-items: flex-start;
    gap: .7rem;
    cursor: pointer;
}
.checklist input,
.brand-review-row input,
.inline-check input {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    margin-top: .15rem;
    accent-color: var(--blue);
}
.checklist strong,
.checklist small {
    display: block;
}
.checklist strong {
    font-size: .85rem;
}
.checklist small {
    margin-top: .25rem;
    color: var(--muted);
    font-size: .78rem;
    line-height: 1.55;
}
.confirm-panel {
    border: 1px solid var(--line);
    border-radius: 7px;
    background: var(--panel-soft);
    padding: 1rem;
    margin-top: 1rem;
}
.confirm-panel button + button {
    margin-left: .6rem;
}
.layer-picker {
    display: grid;
    gap: .35rem;
}
.layer-picker button {
    display: flex;
    justify-content: space-between;
    gap: .6rem;
    padding: .8rem;
    border: 1px solid var(--line);
    border-radius: 5px;
    background: var(--panel-soft);
    color: var(--muted);
    text-align: left;
    cursor: pointer;
}
.layer-picker button.selected {
    background: #344b6b;
    border-color: var(--line);
}
.layer-picker small {
    color: var(--muted);
}
.compact-select {
    max-width: 320px;
    margin: 1rem 0;
}
.brand-review-list {
    display: grid;
    gap: .8rem;
    margin-top: 1.2rem;
}
.brand-review-row {
    padding: 1rem;
    border: 1px solid var(--line);
    border-radius: 7px;
}
.brand-review-row strong,
.brand-review-row small,
.brand-review-row span > span {
    display: block;
}
.brand-review-row small {
    color: var(--muted);
    margin: .35rem 0;
}
.brand-review-row span > span {
    color: var(--muted);
    font-size: .83rem;
    line-height: 1.6;
}
.storage-state-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin: 1.2rem 0;
}
.project-current-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.2rem;
}
.detail-list {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: .6rem 1rem;
    margin: 1.2rem 0;
    font-size: .85rem;
}
.detail-list dt {
    color: var(--muted);
}
.detail-list dd {
    margin: 0;
}
.preserve-lines {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}
.readiness-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5rem;
    margin: 1.5rem 0;
}
.readiness-list h3 {
    margin: .6rem 0;
}
.readiness-list p {
    color: var(--muted);
    font-size: .85rem;
    line-height: 1.65;
}
.feedback-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(240px, .8fr);
    gap: 1.4rem;
    align-items: start;
}
.feedback-prompts {
    margin: 1.3rem 0;
    padding: 1rem;
    background: var(--panel-soft);
    border-radius: 8px;
}
.feedback-prompts h2 {
    font-size: 1rem;
}
.feedback-prompts li {
    margin: .5rem 0;
    color: var(--muted);
    font-size: .85rem;
    line-height: 1.6;
}
.feedback-layout .inline-check {
    flex-direction: row;
    align-items: center;
}
.report-preview {
    position: sticky;
    top: 90px;
}
.report-preview pre {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    font-size: .78rem;
    line-height: 1.7;
    background: var(--panel-soft);
    border: 1px solid var(--line);
    border-radius: 6px;
    padding: 1rem;
    max-height: 500px;
    overflow-y: auto;
}
.workspace-page > .panel {
    margin-top: 1.3rem;
}
.workspace-page a:focus-visible,
.workspace-page button:focus-visible,
.destination-search button:focus-visible,
.destination-search a:focus-visible {
    outline: 3px solid var(--blue);
    outline-offset: 3px;
}
@media (max-width: 1100px) {
    .destination-search > button {
        font-size: .72rem;
        padding: .5rem .65rem;
    }
    .workspace-links {
        grid-template-columns: 1fr;
    }
    .brief-review {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 760px) {
    .access-panel {
        align-items: flex-start;
        flex-direction: column;
        gap: .9rem;
    }
    .journey-layout,
    .project-current-grid,
    .feedback-layout {
        grid-template-columns: 1fr;
    }
    .journey-detail,
    .report-preview {
        position: static;
    }
    .journey-picker {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .destination-results {
        position: fixed;
        top: 76px;
        right: 14px;
    }
    .workspace-tabs {
        overflow-x: auto;
        padding-bottom: .5rem;
    }
    .section-title-row {
        flex-direction: column;
    }
    .readiness-list {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 480px) {
    .brief-fields,
    .journey-picker {
        grid-template-columns: 1fr;
    }
    .destination-search > button {
        max-width: 100px;
        white-space: normal;
        line-height: 1.2;
    }
    .detail-list {
        grid-template-columns: 1fr;
        gap: .3rem;
    }
    .detail-list dd {
        margin-bottom: .6rem;
    }
}
@media (prefers-reduced-motion: reduce) {
    .workspace-page *,
    .destination-search * {
        scroll-behavior: auto;
        transition: none;
    }
}
.brief-summary-panel .summary-controls {
    display: grid;
    gap: 1rem;
    padding: 1rem 0;
    border-bottom: 1px solid var(--line);
}
.brief-summary-panel .inline-check {
    display: flex;
    align-items: center;
    gap: .7rem;
    font-size: .85rem;
    line-height: 1.5;
}
.brief-summary-sections {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    padding-top: 1.2rem;
}
.brief-summary-sections article {
    background: var(--panel-soft);
    border: 1px solid var(--line);
    border-radius: 7px;
    padding: 1rem;
}
.brief-summary-sections h3 {
    margin: 0 0 .7rem;
    font-size: .9rem;
}
.brief-summary-sections ul {
    margin: 0;
    padding-left: 1.1rem;
}
.brief-summary-sections li {
    margin: .4rem 0;
    font-size: .82rem;
    line-height: 1.6;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    color: var(--muted);
}
.brief-text-preview {
    padding: 1.2rem;
    max-height: 560px;
    overflow: auto;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    background: var(--panel-soft);
    color: var(--muted);
    border: 1px solid var(--line);
    border-radius: 7px;
    font-size: .8rem;
    line-height: 1.75;
}
.empty-brief {
    padding: 1rem;
    background: var(--panel-soft);
    border-radius: 7px;
}
@media (max-width: 760px) {
    .brief-summary-sections {
        grid-template-columns: 1fr;
    }
}
.recent-workspaces {
    margin: 1.5rem 0;
    padding: 1.2rem;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: var(--panel-soft);
}
.recent-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}
.recent-heading h2 {
    margin: .4rem 0 1rem;
    font-size: 1.1rem;
}
.recent-items {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .65rem;
}
.recent-items a {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: .3rem .5rem;
    padding: .8rem;
    border: 1px solid var(--line);
    border-radius: 6px;
    color: var(--muted);
    text-decoration: none;
}
.recent-items a:hover {
    background: var(--panel-soft);
}
.recent-items strong {
    font-size: .83rem;
}
.recent-items span:first-of-type {
    grid-column: 1;
    color: var(--muted);
    font-size: .75rem;
}
.recent-items span:last-of-type {
    grid-column: 2;
    grid-row: 1 / 3;
    align-self: center;
}
@media (max-width: 760px) {
    .recent-items {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .recent-heading {
        align-items: flex-start;
        flex-direction: column;
        margin-bottom: 1rem;
    }
}
@media (max-width: 480px) {
    .recent-items {
        grid-template-columns: 1fr;
    }
}

/* WEB10BR1 administration uses the existing dark product palette. */
.admin-workspace .admin-section-heading { display:flex; align-items:center; justify-content:space-between; gap:1rem; flex-wrap:wrap; }
.admin-filters { display:grid; grid-template-columns:1fr 2fr 1fr 1.4fr; gap:1rem; margin:1rem 0; }
.admin-filters label { display:flex; flex-direction:column; gap:.5rem; font-size:.85rem; }
.admin-filters input,.admin-filters select { min-width:0; width:100%; }
.admin-counts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; margin:1.5rem 0; }
.admin-counts>div { padding:1rem; border:1px solid var(--line); border-radius:10px; }
.admin-counts strong,.admin-counts span { display:block; }
.admin-counts strong { font-size:1.5rem; margin-bottom:.5rem; }
.admin-counts span { font-size:.8rem; color:var(--muted); }
.admin-table-scroll { width:100%; overflow:auto; margin:1.5rem 0; }
.engine-table { border-collapse:collapse; width:100%; text-align:left; font-size:.85rem; }
.engine-table caption { text-align:left; font-size:.8rem; color:var(--muted); padding:.5rem 0; }
.engine-table th,.engine-table td { border-bottom:1px solid var(--line); padding:.85rem .6rem; vertical-align:top; }
.engine-table thead th { font-size:.75rem; color:var(--muted); }
.engine-table th small { display:block; font-weight:normal; margin-top:.35rem; overflow-wrap:anywhere; color:var(--muted); }
.engine-table .button { white-space:nowrap; }
.engine-facts { display:grid; grid-template-columns:minmax(130px,1fr) 3fr; gap:.75rem 1rem; }
.engine-facts dt { color:var(--muted); font-size:.85rem; }
.engine-facts dd { margin:0; overflow-wrap:anywhere; }
.admin-workspace code { overflow-wrap:anywhere; }
@media(max-width:900px) { .admin-filters { grid-template-columns:1fr 1fr; } }
@media(max-width:600px) { .admin-filters,.admin-counts { grid-template-columns:1fr; } .engine-facts { grid-template-columns:1fr; } .engine-facts dd { margin-bottom:.6rem; } }
.admin-filters input,.admin-filters select { min-height:44px; padding:.65rem .75rem; color:var(--text); background:var(--chrome); border:1px solid var(--line); border-radius:7px; font:inherit; }
.admin-filters input:focus-visible,.admin-filters select:focus-visible { outline:2px solid var(--blue); outline-offset:2px; }

/* Personal Library extends the established neutral workspace palette. */
.personal-library{display:grid;gap:24px;margin-top:24px}
.personal-library h2{margin-top:0}
.library-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}
.library-file-list{display:grid;gap:8px;margin:18px 0}
.library-file{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:16px;border:1px solid var(--line,#d8d9dd);border-radius:10px;background:transparent;color:inherit;text-align:left;cursor:pointer;font:inherit}
.library-file>span:first-child{display:grid;gap:5px;min-width:0}
.library-file strong{overflow-wrap:anywhere}
.library-file.selected{border-color:#696477;background:#f3f1f7}
.library-file:focus-visible{outline:3px solid #6f6086;outline-offset:3px}
.library-file:disabled{cursor:default;opacity:.65}
.library-warning{color:#8b401c}
.library-details{display:grid;grid-template-columns:minmax(100px,160px) 1fr;gap:10px 18px}
.library-details dt{font-weight:600}.library-details dd{margin:0;overflow-wrap:anywhere}
.library-reference{font-family:ui-monospace,monospace;font-size:.85rem}
@media(max-width:700px){.library-heading,.library-file{align-items:flex-start;flex-direction:column}.library-details{grid-template-columns:1fr;gap:5px}.library-details dd{margin-bottom:10px}}

/* WEB10B-R1: restore conversion-first public hierarchy. */
.home-heading{margin:8px 0 22px}
.home-heading h1{font-size:clamp(26px,3vw,38px);line-height:1.18;margin:0 0 8px}
.home-heading p{font-size:16px;margin:0;color:var(--muted)}
.task-picker{padding:10px 14px;margin-bottom:18px}
.task-switcher{justify-content:flex-start}
.task-switcher-actions{width:100%;justify-content:flex-start}
.task-switcher-actions .primary{margin-left:auto}
.home-grid.conversion-workspace{grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr);gap:24px;align-items:start}
.converter{padding:24px}
.tool-title{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:18px}
.tool-title h2{font-size:24px;margin:0}
.tool-title span{font-size:12px;color:var(--muted)}
.local-picker{min-height:110px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;text-align:center;border:1px dashed #8190a2;background:var(--panel-soft);border-radius:10px;cursor:pointer}
.local-picker input{max-width:100%;font-size:14px}
.local-picker input::file-selector-button{padding:9px 16px;border:0;border-radius:6px;background:#f4f6fa;color:#20262d;font-weight:600;cursor:pointer}
.format-strip{margin:0 0 10px;gap:8px;font-size:12px}
.unavailable-format{opacity:.5}
.guest-preparation{margin:18px 0 14px}
.guest-preparation legend{font-size:13px;margin-bottom:8px}
.orientation-choice{padding:10px 14px;min-height:54px;gap:10px}
.orientation-choice .page-outline{transform:scale(.7)}
.local-actions{margin-top:16px;display:flex;gap:12px}
.local-actions .primary-button{min-height:46px;flex:1}
.local-details{margin-top:16px;font-size:12px}
.local-details p{line-height:1.6}
.drop-help{font-size:12px}
.conversion-gallery{padding:22px}
.conversion-gallery h2{font-size:23px;line-height:1.2;margin:10px 0 16px}
.example-selectors{gap:6px}
.example-selectors button{font-size:11px;padding:7px 9px}
.example-stage{margin:16px 0}
.example-input{max-height:185px;overflow:hidden}
.example-description h3{font-size:17px}
.example-description p{font-size:13px}
.example-notes{font-size:12px}
.workspace-paths{margin-top:30px}
.workspace-paths h2{font-size:22px}
.workspace-paths p{font-size:14px}
.sidebar nav>a{padding-top:13px;padding-bottom:13px}
.header-actions>.button.primary{display:none}
.guest-allowance{max-width:280px}
.local-allowance{font-size:13px;padding:10px 12px}
.release-notice{font-size:13px}
@media(min-width:1100px){.home-page{max-width:1220px;margin:auto}}
@media(max-width:850px){
 .home-grid.conversion-workspace{grid-template-columns:1fr}
 .conversion-gallery{margin-top:0}
 .header-actions{gap:8px}
 .guest-allowance{max-width:190px;font-size:10px}
 .home-heading h1{font-size:28px}
 .task-switcher-actions{flex-wrap:wrap}
 .task-switcher-actions .primary{margin-left:0}
 .converter{padding:18px}
}