/* Shared tool presentation. Presentation only; converter output styles are untouched. */
body.design-review {
  --layout-max:1040px;
  --prose-max:76ch;
  --ui-blue:#245bb5;
  --ui-ink:#17263c;
  --ui-muted:#58687b;
  --ui-line:#dce4ed;
  --ui-soft:#f2f6fb;
  background:#f7f9fc;
  color:var(--ui-ink);
}
body.design-review.design-wide {--layout-max:1200px}

/* Shared geometry, with two widths selected by the actual interaction. */
body.design-review :is(.converter-wrap,.tool,.content,.hero,.home-reading,.word-tool,.md-html,.documents-wrap,.csv-page,.hp-page,.excel-main,.test-wrap) {
  width:100%!important;
  max-width:var(--layout-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:24px!important;
  padding-right:24px!important;
  min-width:0;
}
body.design-review :is(.converter-wrap,.word-tool,.md-html,.documents-wrap,.csv-page,.excel-main,.test-wrap) {padding-top:36px}
body.design-review .hp-page {margin-top:36px}
body.design-review .hero {padding-top:36px}
body.design-review :is(.tool) {padding-top:36px}
body.design-review :is(.tool-title,.hero h1,.documents-hero h1,.word-tool>h1,.md-html>h1,.csv-page>h1,.hp-page>h1,.excel-tool>h1,.test-wrap>h1,.tool>h1) {
  font-size:36px!important;
  font-weight:730;
  line-height:1.16!important;
  letter-spacing:-.035em!important;
  color:var(--ui-ink);
  margin-top:0!important;
  margin-bottom:12px!important;
}
body.design-review :is(.tool-subtitle,.tool-lead,.word-lead,.csv-lead,.excel-intro,.documents-hero>p:not(.eyebrow),.md-html>p:first-of-type,.hero>p) {
  max-width:var(--prose-max)!important;
  font-size:16px!important;
  line-height:1.7!important;
  color:var(--ui-muted);
}
body.design-review :is(.quality-line,.word-local,.excel-local,.text-local,.local-note) {font-size:13px;line-height:1.7;color:var(--ui-muted)}
body.design-review .documents-hero {margin-bottom:24px}

/* Quiet surfaces; no new hero, illustration, webfont or runtime. */
body.design-review :is(.options-card,.editor-card,.preview-card,.word-workspace,.converter-grid,.document-workspace,.csv-tool,.hp-tool,.excel-input,#text-tool) {
  border-color:var(--ui-line);
  border-radius:14px;
  background:#fff;
  box-shadow:0 5px 22px rgba(30,53,82,.035);
}
body.design-review :is(.head,.pane-head,.word-pane-head,.csv-layout-panel) {background:#f5f8fc}
body.design-review :is(.drop-zone,.document-drop,.csv-filebox,.dropzone) {
  border-color:#aebed1;
  background:#fbfcfe;
  border-radius:12px;
}
body.design-review :is(.editor-card,.preview-card,.word-pane,.pane,.csv-tool,.hp-tool) {min-width:0}
body.design-review :is(.editor,.word-grid textarea,.converter-grid textarea,.hp-input textarea,.csv-page textarea) {border-color:#c9d4e2}
body.design-review :is(.primary,.word-primary,.csv-primary,.hp-primary,#text-convert,#convert,#analyze-pdf,#export-xlsx) {
  background:var(--ui-blue);
  color:#fff;
  border-color:var(--ui-blue);
  border-radius:9px;
  min-height:46px;
  font-weight:650;
}
body.design-review :is(.primary,.word-primary,.csv-primary,.hp-primary,#text-convert,#convert,#analyze-pdf,#export-xlsx):hover:not(:disabled) {background:#1c4d9e}
body.design-review :is(.pick,#pick,#choose-pdf,#text-pick,#choose-md,#choose-word-md) {background:#edf3fc;color:#234f87;border:1px solid #bdcfe6;border-radius:9px;font-weight:600}
body.design-review :is(#clear,#clear-pdf,#clear-md,#clear-word,.csv-cancel) {background:#fff;color:#3d5068;border:1px solid #c8d3e1;border-radius:9px;font-weight:500}
body.design-review :is(.hp-settings,.hp-benefits,.hp-file) {border-color:var(--ui-line)}
body.design-review .hp-settings {background:#f5f8fc;color:var(--ui-ink)}
body.design-review :is(button,input,select,textarea,a):focus-visible {outline:3px solid #9fc1ef;outline-offset:3px}
body.design-review .export-toolbar {border-top-width:2px}

/* A wide workspace does not require wide lines of explanatory text. */
body.design-review .design-reading {margin-top:40px;line-height:1.75;color:#33445a}
body.design-review :is(.word-reading,.md-html article,.document-help,.csv-content,.hp-copy,.excel-body) {max-width:none!important}
body.design-review .design-reading :is(p,ol,ul) {max-width:var(--prose-max)}
body.design-review .design-reading p {font-size:16px;line-height:1.75;margin-top:0;margin-bottom:16px}
body.design-review .design-reading :is(h2,h3) {color:var(--ui-ink);text-wrap:balance}
body.design-review .design-reading h2 {font-size:24px!important;line-height:1.3!important;font-weight:690;letter-spacing:-.025em;margin-top:0;margin-bottom:16px}
body.design-review .design-reading h3 {font-size:18px;line-height:1.45;font-weight:650;letter-spacing:-.012em}
body.design-review .design-reading a {color:var(--ui-blue);text-underline-offset:3px;text-decoration-thickness:1px}
body.design-review .design-reading :is(.guide-section,.docx-section,.review-section,.word-reading>section,.csv-content>section,.hp-copy>section,.excel-body>section) {
  margin-top:32px;
  margin-bottom:0;
  padding-top:28px;
  border-top:1px solid var(--ui-line);
}
body.design-review .design-reading :is(.eyebrow,.sample-label) {font-size:11px;line-height:1.5;letter-spacing:.1em;color:#526d92}
body.design-review .design-reading :is(.support-table-wrap,.table-scroll,.format-table-wrap) {border-color:var(--ui-line);border-radius:12px}
body.design-review .design-reading :is(table) {font-variant-numeric:tabular-nums}
body.design-review .design-reading :is(th) {background:#edf3fa;color:#2c435d}
body.design-review .design-reading :is(td,th) {line-height:1.6}
body.design-review :is(.sample-kit,.csv-evidence,.review-scope>div,.scope-grid>div) {border-color:var(--ui-line);border-radius:12px;background:#f4f8fd}
body.design-review .review-details {border-color:var(--ui-line);box-shadow:none}
body.design-review .review-details>summary {font-size:15px;line-height:1.5}

/* Every FAQ question uses the same native, keyboard-operable disclosure. */
body.design-review .design-faq {margin-top:36px;padding-top:28px;border-top:1px solid var(--ui-line)}
body.design-review .design-faq>h2 {margin-bottom:20px}
body.design-review .design-faq details {
  border:1px solid var(--ui-line)!important;
  border-radius:10px!important;
  background:#fff;
  margin:10px 0!important;
  padding:0!important;
  overflow:hidden;
}
body.design-review .design-faq details>summary {
  position:relative;
  display:block;
  list-style:none;
  padding:17px 48px 17px 20px!important;
  min-height:56px;
  font-size:15px!important;
  font-weight:620!important;
  line-height:1.5!important;
  color:var(--ui-ink);
  cursor:pointer;
}
body.design-review .design-faq summary::-webkit-details-marker {display:none}
body.design-review .design-faq summary::after {
  content:'+';position:absolute;right:20px;top:15px;
  font:400 21px/1.2 system-ui;color:#587293;
}
body.design-review .design-faq details[open]>summary {background:#f5f8fc;border-bottom:1px solid var(--ui-line)}
body.design-review .design-faq details[open]>summary::after {content:'−'}
body.design-review .design-faq details>p,body.design-review .design-faq details>.design-faq-answer {
  padding:16px 20px!important;margin:0!important;
  font-size:15px!important;line-height:1.75!important;
}
body.design-review .design-faq-answer>p:last-child {margin-bottom:0}
body.design-review .design-faq>h2 {font-size:24px!important;line-height:1.3}
body.design-review .home-reading .design-faq {border:0;padding:0;margin:0}

@media(max-width:760px) {
  body.design-review :is(.converter-wrap,.tool,.content,.hero,.home-reading,.word-tool,.md-html,.documents-wrap,.csv-page,.hp-page,.excel-main,.test-wrap) {padding-left:16px!important;padding-right:16px!important}
  body.design-review :is(.converter-wrap,.word-tool,.md-html,.documents-wrap,.csv-page,.excel-main,.test-wrap,.tool,.hero) {padding-top:24px}
  body.design-review .hp-page {margin-top:24px}
  body.design-review :is(.tool-title,.hero h1,.documents-hero h1,.word-tool>h1,.md-html>h1,.csv-page>h1,.hp-page>h1,.excel-tool>h1,.test-wrap>h1,.tool>h1) {font-size:29px!important;line-height:1.2!important;margin-bottom:10px!important}
  body.design-review .design-reading {margin-top:28px}
  body.design-review .design-reading h2,body.design-review .design-faq>h2 {font-size:22px!important}
  body.design-review .design-reading :is(.guide-section,.docx-section,.review-section,.word-reading>section,.csv-content>section,.hp-copy>section,.excel-body>section) {padding-top:24px;margin-top:26px}
  body.design-review .design-faq details>summary {padding:15px 42px 15px 16px!important;min-height:54px}
  body.design-review .design-faq summary::after {right:16px;top:14px}
  body.design-review .design-faq details>p,body.design-review .design-faq details>.design-faq-answer {padding:14px 16px!important}
  body.design-review .design-reading :is(p,li) {overflow-wrap:break-word}
}
@media(prefers-reduced-motion:no-preference) {
  body.design-review .design-faq summary,body.design-review .primary {transition:background-color .12s ease}
}