#recommend-on-draft { color-scheme:only light; --ro-bg:var(--white); --ro-panel:var(--white); --ro-ink:var(--black); --ro-copy:var(--black); --ro-line:var(--line); --ro-navy:var(--navy); --ro-soft:#f6f7fa; --ro-solid:var(--navy); --ro-on-solid:#ffffff; font-family:"Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; color:var(--ro-ink); background:var(--ro-bg); font-size:14px; line-height:1.65; letter-spacing:-.025em; width:100%; }
    #recommend-on-draft * { box-sizing:border-box; }
    #recommend-on-draft a { color:inherit; text-decoration:none; }
    #recommend-on-draft button, #recommend-on-draft .ro-form input, #recommend-on-draft .ro-form select { font:inherit; }
    #recommend-on-draft button { color:inherit; }
    #recommend-on-draft h1, #recommend-on-draft h2, #recommend-on-draft h3, #recommend-on-draft p { margin:0; color:inherit; }
    #recommend-on-draft .ro-wrap { width:calc(100% - 64px); max-width:1400px; margin:auto; padding:0; }
    #recommend-on-draft .ro-draft { background:var(--ro-bg); color:var(--ro-copy); border-bottom:1px solid var(--ro-line); padding:8px 20px; font-size:11px; letter-spacing:.02em; text-align:center; }
    #recommend-on-draft .ro-nav { min-height:83px; display:flex; align-items:center; gap:28px; }
    #recommend-on-draft .ro-logo { display:inline-flex; align-items:center; gap:9px; font-size:25px; font-weight:800; white-space:nowrap; letter-spacing:-.08em; }
    #recommend-on-draft .ro-mark { display:grid; place-items:center; width:30px; height:30px; border-radius:11px 11px 11px 2px; background:var(--ro-solid); color:var(--ro-on-solid); font-size:19px; font-weight:500; }
    #recommend-on-draft .ro-links { display:flex; gap:24px; margin-left:auto; color:var(--ro-copy); font-size:12px; }
    #recommend-on-draft .ro-action { display:inline-flex; align-items:center; justify-content:center; gap:10px; border:0; border-radius:7px; background:var(--ro-solid); color:var(--ro-on-solid); padding:13px 19px; min-height:46px; font-size:13px; font-weight:650; text-align:center; }
    #recommend-on-draft .ro-action-quiet { background:transparent; color:var(--ro-ink); border:1px solid var(--ro-line); }
    #recommend-on-draft .ro-hero { display:grid; grid-template-columns:1.06fr 1fr; align-items:center; gap:56px; padding-top:52px; padding-bottom:68px; }
    #recommend-on-draft .ro-eyebrow { display:flex; align-items:center; gap:8px; color:var(--ro-navy); font-size:11px; font-weight:700; letter-spacing:.12em; margin-bottom:22px; }
    #recommend-on-draft .ro-dot { width:7px; height:7px; background:var(--ro-navy); border-radius:50%; }
    #recommend-on-draft h1 { font-size:clamp(30px,3.6vw,56px); line-height:1.32; font-weight:760; letter-spacing:-.065em; word-break:keep-all; }
    #recommend-on-draft h1 em { font-style:normal; color:var(--ro-navy); }
    #recommend-on-draft .ro-lead { margin-top:23px; color:var(--ro-copy); font-size:14px; line-height:1.9; word-break:keep-all; }
    #recommend-on-draft .ro-hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:28px; }
    #recommend-on-draft .ro-fine { color:var(--ro-copy); font-size:11px; line-height:1.7; }
    #recommend-on-draft .ro-hero .ro-fine { margin-top:13px; }
    #recommend-on-draft .ro-question-panel { background:var(--ro-panel); border:1px solid var(--ro-line); border-radius:16px; padding:23px; box-shadow:0 12px 32px #142b5008; }
    #recommend-on-draft .ro-panel-top { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:20px; font-size:11px; color:var(--ro-copy); }
    #recommend-on-draft .ro-mini-label { font-weight:600; letter-spacing:.03em; }
    #recommend-on-draft .ro-chips { display:flex; gap:6px; flex-wrap:wrap; margin-bottom:17px; }
    #recommend-on-draft .ro-chip { border:1px solid var(--ro-line); background:var(--ro-panel); border-radius:20px; padding:6px 14px; min-height:36px; font-size:12px; }
    #recommend-on-draft .ro-chip[aria-pressed="true"] { background:var(--ro-solid); color:var(--ro-on-solid); border-color:var(--ro-solid); }
    #recommend-on-draft .ro-query { background:var(--ro-soft); border-radius:11px; padding:18px; display:flex; align-items:flex-start; gap:10px; min-height:101px; }
    #recommend-on-draft .ro-query i, #recommend-on-draft .ro-query svg { width:18px; height:18px; flex-shrink:0; margin-top:4px; }
    #recommend-on-draft .ro-query p { font-size:18px; font-weight:600; line-height:1.55; word-break:keep-all; }
    #recommend-on-draft .ro-check-heading { font-size:12px; font-weight:650; margin-top:23px; margin-bottom:10px; }
    #recommend-on-draft .ro-check { display:flex; gap:9px; align-items:center; padding:9px 0; font-size:12px; color:var(--ro-copy); border-bottom:1px solid var(--ro-line); }
    #recommend-on-draft .ro-check:last-child { border:0; }
    #recommend-on-draft .ro-check svg { width:15px; height:15px; color:var(--ro-navy); flex-shrink:0; }
    #recommend-on-draft .ro-example-note { font-size:11px; color:var(--ro-copy); margin-top:15px; }
    #recommend-on-draft .ro-platforms { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:15px 28px; padding:18px 25px; border-top:1px solid var(--ro-line); border-bottom:1px solid var(--ro-line); font-size:13px; }
    #recommend-on-draft .ro-platforms span { font-size:11px; color:var(--ro-copy); }
    #recommend-on-draft .ro-section { padding-top:60px; padding-bottom:60px; }
    #recommend-on-draft .ro-section-label { color:var(--ro-navy); font-size:11px; letter-spacing:.1em; font-weight:700; margin-bottom:10px; }
    #recommend-on-draft h2 { font-size:29px; line-height:1.4; font-weight:720; letter-spacing:-.05em; word-break:keep-all; }
    #recommend-on-draft .ro-section-sub { margin-top:12px; color:var(--ro-copy); font-size:13px; word-break:keep-all; }
    #recommend-on-draft .ro-services { display:grid; grid-template-columns:repeat(3,1fr); gap:23px; margin-top:31px; }
    #recommend-on-draft .ro-service { border-top:1px solid var(--ro-line); padding-top:20px; }
    #recommend-on-draft .ro-number { font-size:12px; color:var(--ro-navy); font-weight:650; margin-bottom:15px; }
    #recommend-on-draft h3 { font-size:17px; font-weight:700; letter-spacing:-.04em; }
    #recommend-on-draft .ro-service p { margin-top:10px; color:var(--ro-copy); font-size:12px; line-height:1.8; word-break:keep-all; }
    #recommend-on-draft .ro-output { display:inline-block; margin-top:17px; border-radius:4px; padding:5px 8px; background:var(--ro-soft); font-size:11px; color:var(--ro-navy); }
    #recommend-on-draft .ro-report-zone { background:var(--ro-bg); border-top:1px solid var(--ro-line); border-bottom:1px solid var(--ro-line); }
    #recommend-on-draft .ro-report-layout { display:grid; grid-template-columns:.8fr 1.2fr; gap:43px; align-items:center; }
    #recommend-on-draft .ro-report { background:var(--ro-panel); padding:22px; border:1px solid var(--ro-line); border-radius:12px; }
    #recommend-on-draft .ro-report-title { display:flex; align-items:center; justify-content:space-between; font-size:14px; margin-bottom:15px; gap:12px; }
    #recommend-on-draft .ro-tag { font-size:11px; border:1px solid var(--ro-line); padding:3px 7px; color:var(--ro-copy); border-radius:4px; white-space:nowrap; }
    #recommend-on-draft .ro-report-row { display:grid; grid-template-columns:94px 1fr; gap:10px; padding:12px 0; border-top:1px solid var(--ro-line); font-size:12px; }
    #recommend-on-draft .ro-report-row span { color:var(--ro-copy); }
    #recommend-on-draft .ro-report-row b { font-weight:500; }
    #recommend-on-draft .ro-pricing-layout { display:grid; grid-template-columns:1fr 1fr; gap:44px; align-items:start; }
    #recommend-on-draft .ro-price { margin-top:15px; font-size:44px; font-weight:740; line-height:1.25; letter-spacing:-.06em; }
    #recommend-on-draft .ro-price small { font-size:14px; font-weight:500; letter-spacing:-.03em; }
    #recommend-on-draft .ro-price-caption { margin-top:12px; font-size:12px; color:var(--ro-copy); }
    #recommend-on-draft .ro-package { border:1px solid var(--ro-line); border-radius:12px; background:var(--ro-panel); padding:24px; }
    #recommend-on-draft .ro-package h3 { margin-bottom:15px; }
    #recommend-on-draft .ro-package ul { list-style:none; padding:0; margin:0 0 20px; }
    #recommend-on-draft .ro-package li { padding:9px 0; border-bottom:1px solid var(--ro-line); font-size:12px; display:flex; gap:10px; }
    #recommend-on-draft .ro-package li::before { content:'✓'; color:var(--ro-navy); }
    #recommend-on-draft .ro-package .ro-action { width:100%; }
    #recommend-on-draft .ro-package .ro-fine { margin-top:12px; }
    #recommend-on-draft .ro-faq { border-top:1px solid var(--ro-line); padding-top:42px; }
    #recommend-on-draft .ro-faq h2 { font-size:24px; margin-bottom:20px; }
    #recommend-on-draft details { border-bottom:1px solid var(--ro-line); padding:16px 0; }
    #recommend-on-draft summary { font-size:13px; font-weight:600; }
    #recommend-on-draft details p { padding:13px 0 0; color:var(--ro-copy); font-size:12px; max-width:740px; }
    #recommend-on-draft .ro-contact { background:var(--ro-bg); border-top:2px solid var(--ro-navy); padding-top:43px; padding-bottom:43px; }
    #recommend-on-draft .ro-contact-grid { display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:start; }
    #recommend-on-draft .ro-contact h2 { font-size:27px; }
    #recommend-on-draft .ro-fields { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
    #recommend-on-draft .ro-field { display:grid; gap:5px; font-size:11px; font-weight:500; min-width:0; }
    #recommend-on-draft .ro-field-wide { grid-column:1 / -1; }
    #recommend-on-draft .ro-form input, #recommend-on-draft .ro-form select { width:100%; min-width:0; border:1px solid var(--ro-line); color:var(--ro-ink); background:var(--ro-panel); border-radius:6px; padding:10px; font-size:16px; min-height:44px; }
    #recommend-on-draft .ro-form .ro-action { margin-top:13px; width:100%; }
    #recommend-on-draft .ro-form .ro-fine { margin-top:8px; }
    #recommend-on-draft .ro-form-feedback { margin-top:12px; font-size:12px; background:var(--ro-panel); border-radius:6px; padding:12px; }
    #recommend-on-draft .ro-form-feedback[hidden] { display:none; }
    #recommend-on-draft .ro-footer { display:flex; justify-content:space-between; align-items:center; gap:20px; padding-top:25px; padding-bottom:25px; color:var(--ro-copy); font-size:11px; }
    #recommend-on-draft .ro-footer strong { color:var(--ro-ink); font-size:17px; margin-right:10px; }
    @media (max-width:780px) { #recommend-on-draft .ro-wrap { width:calc(100% - 40px); } #recommend-on-draft .ro-links { gap:15px; } #recommend-on-draft .ro-nav { gap:18px; } #recommend-on-draft .ro-hero { gap:25px; } #recommend-on-draft h1 { font-size:33px; } #recommend-on-draft .ro-question-panel { padding:18px; } #recommend-on-draft .ro-query p { font-size:16px; } #recommend-on-draft .ro-query { padding:15px; } #recommend-on-draft .ro-chip { padding:6px 10px; } }
    @media (max-width:620px) { #recommend-on-draft .ro-wrap { width:calc(100% - 32px); } #recommend-on-draft .ro-nav { min-height:74px; justify-content:space-between; } #recommend-on-draft .ro-links { display:none; } #recommend-on-draft .ro-nav .ro-action { font-size:11px; padding:10px 12px; } #recommend-on-draft .ro-hero { grid-template-columns:1fr; padding-top:32px; padding-bottom:37px; gap:30px; } #recommend-on-draft h1 { font-size:37px; } #recommend-on-draft .ro-lead { font-size:13px; margin-top:18px; } #recommend-on-draft .ro-hero-actions { margin-top:22px; } #recommend-on-draft .ro-platforms { gap:10px 19px; } #recommend-on-draft .ro-platforms span { width:100%; text-align:center; } #recommend-on-draft .ro-section { padding-top:40px; padding-bottom:40px; } #recommend-on-draft h2 { font-size:25px; } #recommend-on-draft .ro-services { grid-template-columns:1fr; gap:20px; margin-top:25px; } #recommend-on-draft .ro-service { display:grid; grid-template-columns:29px 1fr; column-gap:8px; padding-top:16px; } #recommend-on-draft .ro-number { grid-row:1 / 4; padding-top:2px; } #recommend-on-draft .ro-service p { margin-top:7px; } #recommend-on-draft .ro-output { justify-self:start; margin-top:11px; } #recommend-on-draft .ro-report-layout, #recommend-on-draft .ro-pricing-layout, #recommend-on-draft .ro-contact-grid { grid-template-columns:1fr; gap:25px; } #recommend-on-draft .ro-report { padding:18px; } #recommend-on-draft .ro-footer { align-items:start; flex-direction:column; gap:10px; } #recommend-on-draft .ro-chip { min-height:44px; } }
    @media (max-width:350px) { #recommend-on-draft .ro-wrap { width:calc(100% - 28px); } #recommend-on-draft h1 { font-size:32px; } #recommend-on-draft .ro-hero-actions { gap:8px; } #recommend-on-draft .ro-action { padding:12px 14px; font-size:12px; } #recommend-on-draft .ro-question-panel { padding:15px; } #recommend-on-draft .ro-fields { grid-template-columns:1fr; } }
  
    #recommend-on-draft { font-size:16px; }
    #recommend-on-draft .ro-lead { font-size:16px; }
    #recommend-on-draft .ro-links, #recommend-on-draft .ro-action,
    #recommend-on-draft .ro-check, #recommend-on-draft .ro-chip,
    #recommend-on-draft .ro-service p, #recommend-on-draft .ro-section-sub,
    #recommend-on-draft .ro-report-row, #recommend-on-draft .ro-package li,
    #recommend-on-draft .ro-field, #recommend-on-draft summary,
    #recommend-on-draft details p { font-size:14px; }
    #recommend-on-draft .ro-fine, #recommend-on-draft .ro-example-note,
    #recommend-on-draft .ro-panel-top, #recommend-on-draft .ro-check-heading,
    #recommend-on-draft .ro-section-label, #recommend-on-draft .ro-number,
    #recommend-on-draft .ro-output, #recommend-on-draft .ro-tag,
    #recommend-on-draft .ro-platforms span, #recommend-on-draft .ro-footer,
    #recommend-on-draft .ro-eyebrow { font-size:12px; }
    #recommend-on-draft .ro-nav .ro-action { margin-left:auto; }
    #recommend-on-draft .ro-symbol { color:var(--navy); flex-shrink:0; }
    #recommend-on-draft .ro-query .ro-symbol { font-size:24px; line-height:1.2; }
    @media(max-width:860px) { #recommend-on-draft .ro-links { display:none; } }
    @media(max-width:620px) {
      #recommend-on-draft .ro-nav .ro-action { font-size:12px; }
      #recommend-on-draft .ro-service { grid-template-columns:62px 1fr; }
      #recommend-on-draft .ro-hero-actions { flex-direction:column; align-items:stretch; }
    }
  
#recommend-on-draft .ro-reading { border-top:1px solid var(--ro-line); }
#recommend-on-draft .ro-reading-card { display:block; margin-top:28px; padding:24px 0; border-block:1px solid var(--ro-line); }
#recommend-on-draft .ro-reading-card h3 { font-size:24px; margin:10px 0; }
#recommend-on-draft .ro-reading-card p { max-width:720px; font-size:16px; }
#recommend-on-draft .ro-reading-card .ro-read-more { display:block; color:var(--ro-navy); margin-top:18px; font-size:14px; font-weight:650; }
#recommend-on-draft .ro-editorial { max-width:830px; min-height:55vh; padding-block:48px 72px; }
#recommend-on-draft .ro-editorial h1 { font-size:clamp(30px,4vw,44px); margin:18px 0; }
#recommend-on-draft .ro-editorial h2 { font-size:25px; margin:36px 0 14px; }
#recommend-on-draft .ro-editorial p, #recommend-on-draft .ro-editorial li { font-size:16px; line-height:1.9; }
#recommend-on-draft .ro-editorial p + p { margin-top:18px; }
#recommend-on-draft .ro-editorial a:not(.ro-reading-card):not(.ro-action) { text-decoration:underline; text-underline-offset:4px; }
#recommend-on-draft .ro-editorial img { max-width:100%; height:auto; }
#recommend-on-draft .ro-editorial .ro-meta { font-size:14px; margin:12px 0 24px; }
#recommend-on-draft .ro-editorial .ro-source { padding-top:24px; margin-top:30px; border-top:1px solid var(--ro-line); font-size:14px; }
#recommend-on-draft .ro-footer a { text-decoration:underline; text-underline-offset:4px; }
#recommend-on-draft .ro-nav { flex-wrap:wrap; }
.ro-skip { position:absolute; top:-100px; left:16px; z-index:10; padding:12px; background:#fff; color:#142b50; }
.ro-skip:focus { top:8px; }

/* Explicit color pairs keep the search example readable inside the host theme. */
#recommend-on-draft .ro-question-panel { min-width:0; border-radius:24px; padding:32px; background-color:#142b50; background-image:radial-gradient(ellipse at 95% 0%, #355675 0%, #223e61 45%, #142b50 100%); color:#fff; border-color:#142b50; box-shadow:0 20px 48px #142b5026; }
#recommend-on-draft .ro-panel-top { margin-bottom:24px; }
#recommend-on-draft .ro-ai-identity { display:inline-flex; align-items:center; gap:9px; font-size:18px; font-weight:750; color:#fff; white-space:nowrap; }
#recommend-on-draft .ro-ai-icon { display:grid; place-items:center; width:32px; height:32px; background:#fff; color:#142b50; border-radius:10px; }
#recommend-on-draft .ro-ai-icon svg { width:23px; height:23px; }
#recommend-on-draft .ro-example-badge { border:1px solid #617a9c; border-radius:20px; padding:4px 9px; background:#1e385d; color:#e2ebfa; font-size:12px; white-space:nowrap; }
#recommend-on-draft .ro-search-title { margin-bottom:18px; color:#fff; font-size:26px; line-height:1.5; font-weight:700; letter-spacing:-.04em; word-break:keep-all; }
#recommend-on-draft .ro-question-panel .ro-chips { gap:7px; margin-bottom:18px; }
#recommend-on-draft .ro-question-panel .ro-chip { min-height:40px; padding:6px 14px; font-size:14px; background:#142b50; color:#d9e3f4; border-color:#6a809f; }
#recommend-on-draft .ro-question-panel .ro-chip[aria-pressed="true"] { background:#fff; color:#142b50; border-color:#fff; font-weight:700; }
#recommend-on-draft .ro-query { display:block; padding:22px 24px 18px; border-radius:20px; background:#fff; color:#142b50; box-shadow:0 8px 24px #08193333; }
#recommend-on-draft .ro-prompt-label { display:block; margin-bottom:10px; color:#4e5f75; -webkit-text-fill-color:#4e5f75; font-size:12px; font-weight:500; }
#recommend-on-draft .ro-query textarea { display:block; width:100%; min-width:0; min-height:84px; margin:0; padding:0; border:0; border-radius:0; background:transparent; color:#142b50; -webkit-text-fill-color:#142b50; opacity:1; font:inherit; font-size:21px; font-weight:600; line-height:1.65; letter-spacing:-.025em; word-break:keep-all; overflow-wrap:anywhere; resize:none; overflow:hidden; box-shadow:none; }
#recommend-on-draft .ro-query textarea:focus-visible { outline:2px solid #316bcc; outline-offset:5px; }
#recommend-on-draft .ro-query-toolbar { display:flex; justify-content:space-between; align-items:center; gap:12px; padding-top:14px; }
#recommend-on-draft .ro-search-mode { display:inline-flex; align-items:center; gap:6px; padding:5px 9px; border:1px solid #d8e3f4; border-radius:20px; background:#edf3ff; color:#142b50; font-size:12px; line-height:1.5; }
#recommend-on-draft .ro-search-mode svg { width:15px; height:15px; margin:0; }
#recommend-on-draft .ro-query .ro-query-button { display:grid; place-items:center; width:48px; height:48px; flex-shrink:0; padding:0; border:0; border-radius:50%; background:#142b50; color:#fff; box-shadow:none; }
#recommend-on-draft .ro-query-button svg { width:22px; height:22px; margin:0; }
#recommend-on-draft .ro-query .ro-query-button:hover { background:#28476e; }
#recommend-on-draft .ro-query .ro-query-button:focus-visible { outline:3px solid #316bcc; outline-offset:4px; }
#recommend-on-draft .ro-answer-panel { margin-top:20px; padding:18px; background:#1e385d; color:#e2ebfa; border:1px solid #597294; border-radius:16px; }
#recommend-on-draft .ro-answer-panel.is-selected { border-color:#b8d2ff; background:#28476e; }
#recommend-on-draft .ro-answer-panel .ro-check-heading { display:flex; align-items:center; gap:7px; margin:0 0 8px; color:#fff; font-size:14px; font-weight:700; }
#recommend-on-draft .ro-answer-spark { font-size:22px; line-height:1; }
#recommend-on-draft .ro-answer-panel .ro-check { align-items:flex-start; padding:8px 0; border:0; font-size:14px; line-height:1.65; color:#e2ebfa; }
#recommend-on-draft .ro-answer-panel .ro-symbol { color:#b8d2ff; }
#recommend-on-draft .ro-example-feedback { padding-top:10px; margin-top:8px; border-top:1px solid #597294; font-size:13px; color:#e2ebfa; }
#recommend-on-draft .ro-question-panel .ro-example-note { margin-top:16px; color:#c4d3eb; font-size:12px; line-height:1.75; }
@media(max-width:1000px) { #recommend-on-draft .ro-hero { gap:32px; } #recommend-on-draft .ro-question-panel { padding:22px; } #recommend-on-draft .ro-search-title { font-size:23px; } #recommend-on-draft .ro-query { padding:19px 18px 16px; } #recommend-on-draft .ro-query textarea { font-size:19px; } }
@media(max-width:780px) { #recommend-on-draft .ro-hero { grid-template-columns:1fr; gap:32px; } #recommend-on-draft .ro-question-panel { padding:24px; } }
@media(max-width:620px) { #recommend-on-draft .ro-question-panel { padding:20px; } #recommend-on-draft .ro-question-panel .ro-chip { min-height:44px; padding:6px 12px; } #recommend-on-draft .ro-query textarea { font-size:18px; } }
@media(max-width:380px) { #recommend-on-draft .ro-question-panel { padding:16px; border-radius:20px; } #recommend-on-draft .ro-search-title { font-size:21px; } #recommend-on-draft .ro-ai-identity { font-size:16px; } #recommend-on-draft .ro-question-panel .ro-chip { padding:6px 10px; } #recommend-on-draft .ro-answer-panel { padding:14px; } }
#recommend-on-draft .ro-form input::placeholder { color:#59687e; opacity:1; }
#recommend-on-draft .ro-consent { display:flex; gap:10px; align-items:flex-start; margin-top:20px; font-size:13px; line-height:1.7; }
#recommend-on-draft .ro-consent input { width:18px; height:18px; min-height:18px; flex-shrink:0; margin-top:3px; accent-color:#142b50; }
#recommend-on-draft .ro-form .ro-fine a { text-decoration:underline; text-underline-offset:3px; }
#recommend-on-draft .ro-honeypot { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
#recommend-on-draft .ro-form-error { padding:16px; margin-bottom:16px; border:1px solid #efc4cc; border-radius:8px; background:#fff0f2; color:#852838; font-size:14px; }
#recommend-on-draft .ro-form-error ul { padding-left:20px; margin:8px 0 0; }
#recommend-on-draft .ro-notice, #recommend-on-draft .ro-form-feedback { padding:20px; border:1px solid #dbe1ea; background:#f4f6fa; color:#142b50; border-radius:10px; }
#recommend-on-draft .ro-action:disabled { background:#52637c; color:#fff; cursor:wait; }
#recommend-on-draft :focus-visible { outline:3px solid #316bcc; outline-offset:3px; }

/* Full-width hero; copy and navigation stay on the 1400px content grid. */
#recommend-on-draft .ro-title-hero { position:relative; width:100%; max-width:none; overflow:hidden; isolation:isolate; margin:0; border-radius:0; background-color:#101e36; background-image:radial-gradient(ellipse at 82% 28%, #355675 0%, #254363 32%, #182f4e 65%, #101e36 100%); color:#fff; }
#recommend-on-draft .ro-title-inner { position:relative; min-height:610px; }
#recommend-on-draft .ro-hero-art { position:absolute; inset:auto 0 0 auto; width:48%; height:100%; object-fit:contain; object-position:center bottom; }
#recommend-on-draft .ro-hero-copy { position:relative; z-index:1; display:flex; flex-direction:column; justify-content:center; width:58%; min-height:610px; padding:58px 0; background:transparent; }
#recommend-on-draft .ro-hero-kicker { color:#c4d3eb; font-size:13px; font-weight:700; letter-spacing:.13em; margin-bottom:20px; }
#recommend-on-draft .ro-title-hero h1 { color:#fff; font-size:clamp(38px,3.75vw,60px); line-height:1.24; letter-spacing:-.045em; }
#recommend-on-draft .ro-title-hero h1 em { color:#bed7ff; }
#recommend-on-draft .ro-title-hero .ro-lead { color:#e2ebfa; font-size:16px; line-height:1.85; margin-top:22px; }
#recommend-on-draft .ro-title-hero .ro-hero-actions { margin-top:28px; }
#recommend-on-draft .ro-title-hero .ro-action { background:#fff; color:#142b50; min-height:48px; }
#recommend-on-draft .ro-title-hero .ro-action-quiet { background:transparent; color:#fff; border-color:#8398b9; }
#recommend-on-draft .ro-hero-caption { color:#c4d3eb; font-size:12px; margin-top:20px; }
#recommend-on-draft .ro-trust-strip { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; padding-block:25px; border-bottom:1px solid #e5e8ed; }
#recommend-on-draft .ro-trust-strip span { display:flex; align-items:center; justify-content:center; gap:12px; color:#344764; font-size:14px; }
#recommend-on-draft .ro-trust-strip b { color:#142b50; font-size:12px; }
#recommend-on-draft .ro-industry-intro { display:flex; align-items:end; justify-content:space-between; gap:24px; margin-bottom:30px; }
#recommend-on-draft .ro-industry-intro h2 { font-size:34px; }
#recommend-on-draft .ro-industry-count { color:#52637b; font-size:14px; white-space:nowrap; }
#recommend-on-draft .ro-industries-layout { display:grid; grid-template-columns:1.1fr 1fr; align-items:start; gap:36px; }
#recommend-on-draft .ro-industry-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
#recommend-on-draft .ro-industry-card { display:grid; grid-template-columns:25px 1fr; align-content:center; column-gap:10px; row-gap:6px; min-width:0; min-height:102px; padding:20px; border:1px solid #dce3ef; border-radius:12px; background:#fff; color:#142b50; text-align:left; }
#recommend-on-draft .ro-industry-number { grid-row:1/3; padding-top:3px; color:#52637b; font-size:12px; }
#recommend-on-draft .ro-industry-card strong { font-size:16px; line-height:1.5; font-weight:700; word-break:keep-all; }
#recommend-on-draft .ro-industry-examples { color:#52637b; font-size:13px; line-height:1.65; word-break:keep-all; }
#recommend-on-draft .ro-industry-card:hover { border-color:#6683ac; background:#f5f8ff; }
#recommend-on-draft .ro-industry-card[aria-pressed="true"] { background:#142b50; color:#fff; border-color:#142b50; }
#recommend-on-draft .ro-industry-card[aria-pressed="true"] .ro-industry-number, #recommend-on-draft .ro-industry-card[aria-pressed="true"] .ro-industry-examples { color:#d2e0f5; }
#recommend-on-draft .ro-industry-other { margin-top:20px; color:#52637b; font-size:14px; line-height:1.8; }
#recommend-on-draft .ro-industry-other a { color:#142b50; font-weight:700; text-decoration:underline; text-underline-offset:4px; white-space:nowrap; }
#recommend-on-draft .ro-industries .ro-question-panel { padding:26px; scroll-margin-top:20px; }
#recommend-on-draft .ro-industries .ro-panel-top { margin-bottom:18px; }
#recommend-on-draft .ro-industries .ro-search-title { font-size:24px; margin-bottom:16px; }
#recommend-on-draft .ro-sector-picker { display:flex; align-items:center; gap:14px; margin-bottom:16px; color:#e2ebfa; font-size:14px; }
#recommend-on-draft .ro-sector-picker select { flex:1; min-width:0; min-height:44px; padding:9px 10px; border:1px solid #8398b9; border-radius:8px; background:#1e385d; color:#fff; font:inherit; font-size:14px; }
#recommend-on-draft .ro-industries .ro-query { padding:20px; }
#recommend-on-draft .ro-industries .ro-query textarea { font-size:19px; }
#recommend-on-draft .ro-industries .ro-answer-panel { margin-top:16px; padding:16px; }
#recommend-on-draft .ro-industries .ro-check { padding:5px 0; }
#recommend-on-draft .ro-sector-apply { display:flex; align-items:center; justify-content:center; min-height:46px; margin-top:18px; border:1px solid #8398b9; border-radius:8px; background:#142b50; color:#fff; font-size:14px; font-weight:700; }
#recommend-on-draft .ro-sector-apply:hover { background:#28476e; }
#recommend-on-draft .ro-industries .ro-example-note { margin-top:12px; }
@media(max-width:1100px) {
  #recommend-on-draft .ro-hero-copy { padding:46px 0; width:60%; }
  #recommend-on-draft .ro-industries-layout { gap:24px; grid-template-columns:1fr 1fr; }
  #recommend-on-draft .ro-industry-card { padding:16px 12px; grid-template-columns:20px 1fr; gap:5px; }
  #recommend-on-draft .ro-industry-card strong { font-size:15px; }
}
@media(max-width:860px) {
  #recommend-on-draft .ro-title-inner { min-height:540px; }
  #recommend-on-draft .ro-hero-copy { min-height:540px; width:64%; }
  #recommend-on-draft .ro-hero-art { width:42%; opacity:1; }
  #recommend-on-draft .ro-industry-count { display:none; }
  #recommend-on-draft .ro-industries-layout { grid-template-columns:1fr; }
  #recommend-on-draft .ro-industry-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  #recommend-on-draft .ro-industry-card { grid-template-columns:1fr; padding:16px; }
  #recommend-on-draft .ro-industry-number { display:none; }
  #recommend-on-draft .ro-trust-strip { gap:12px; }
  #recommend-on-draft .ro-trust-strip span { font-size:13px; gap:6px; }
}
@media(max-width:620px) {
  #recommend-on-draft .ro-title-inner { display:flex; flex-direction:column; min-height:0; }
  #recommend-on-draft .ro-hero-copy { order:0; width:100%; min-height:0; padding:34px 0 12px; background:transparent; }
  #recommend-on-draft .ro-hero-art { position:relative; order:1; width:100%; height:340px; opacity:1; object-fit:contain; }
  #recommend-on-draft .ro-hero-kicker { font-size:12px; margin-bottom:16px; }
  #recommend-on-draft .ro-title-hero h1 { font-size:36px; }
  #recommend-on-draft .ro-title-hero .ro-lead { font-size:14px; margin-top:18px; }
  #recommend-on-draft .ro-title-hero .ro-hero-actions { flex-direction:row; align-items:stretch; gap:8px; margin-top:22px; }
  #recommend-on-draft .ro-title-hero .ro-action { flex:1; padding:12px 9px; font-size:13px; white-space:nowrap; }
  #recommend-on-draft .ro-hero-caption { margin-top:16px; }
  #recommend-on-draft .ro-trust-strip { grid-template-columns:1fr; gap:10px; padding-block:20px; }
  #recommend-on-draft .ro-trust-strip span { justify-content:flex-start; font-size:14px; gap:12px; }
  #recommend-on-draft .ro-industry-intro h2 { font-size:29px; }
  #recommend-on-draft .ro-industry-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  #recommend-on-draft .ro-industry-card { padding:16px 12px; min-height:102px; }
  #recommend-on-draft .ro-industry-examples { font-size:12px; }
  #recommend-on-draft .ro-industries .ro-question-panel { padding:20px; }
  #recommend-on-draft .ro-industries .ro-search-title { font-size:22px; }
  #recommend-on-draft .ro-industries .ro-query textarea { font-size:18px; }
  #recommend-on-draft .ro-sector-picker { display:grid; gap:7px; }
}
@media(max-width:350px) {
  #recommend-on-draft .ro-hero-copy { padding-inline:0; }
  #recommend-on-draft .ro-title-hero h1 { font-size:32px; }
  #recommend-on-draft .ro-title-hero .ro-hero-actions { flex-direction:column; }
  #recommend-on-draft .ro-industry-card strong { font-size:14px; }
}

@font-face { font-family:'Searchup Logo'; src:url('./searchup-logo-v1.woff2') format('woff2'); font-style:normal; font-weight:800; font-display:swap; }
/* Search-shaped brand mark: fixed width prevents layout movement while typing. */
#recommend-on-draft .ro-nav { min-height:88px; }
#recommend-on-draft .ro-search-logo { flex-shrink:0; width:238px; min-height:52px; gap:13px; padding:10px 19px; border:1px solid #d4e1f2; border-radius:999px; background:#fff; color:#142b50; box-shadow:0 3px 12px #142b5012; font-size:25px; line-height:1.2; letter-spacing:-.045em; }
#recommend-on-draft .ro-logo-icon { width:22px; height:22px; flex-shrink:0; color:#344f74; }
#recommend-on-draft .ro-logo-word { display:inline-flex; align-items:center; min-height:30px; white-space:nowrap; font-family:'Searchup Logo','Apple SD Gothic Neo','Malgun Gothic',sans-serif; font-weight:800; font-size:1.12em; letter-spacing:-.035em; }
#recommend-on-draft .ro-logo-caret { display:inline-block; width:2px; height:25px; margin-left:3px; border-radius:1px; background:#142b50; opacity:0; }
#recommend-on-draft .ro-search-logo.has-caret .ro-logo-caret { opacity:1; animation:ro-caret-blink 1.1s step-end infinite; }
@keyframes ro-caret-blink { 0%,100% { opacity:1; } 50% { opacity:0; } }
@media(max-width:620px) {
  #recommend-on-draft .ro-nav { min-height:78px; gap:10px; }
  #recommend-on-draft .ro-search-logo { width:174px; min-height:46px; padding:9px 13px; gap:9px; font-size:22px; }
  #recommend-on-draft .ro-logo-icon { width:19px; height:19px; }
  #recommend-on-draft .ro-logo-caret { height:22px; }
}
@media(max-width:350px) {
  #recommend-on-draft .ro-search-logo { width:148px; padding-inline:10px; font-size:20px; gap:7px; }
  #recommend-on-draft .ro-nav .ro-action { font-size:11px; padding:10px 8px; }
  #recommend-on-draft .ro-hero-art { height:310px; }
}
@media(prefers-reduced-motion:reduce) {
  #recommend-on-draft .ro-search-logo.has-caret .ro-logo-caret { animation:none; opacity:0; }
}

/* Desktop reading scale: concise copy, generous body size, legible small labels. */
@media(min-width:861px) {
  #recommend-on-draft { font-size:18px; }
  #recommend-on-draft .ro-links, #recommend-on-draft .ro-action,
  #recommend-on-draft .ro-check, #recommend-on-draft .ro-chip,
  #recommend-on-draft .ro-field, #recommend-on-draft .ro-form input,
  #recommend-on-draft .ro-form select, #recommend-on-draft .ro-sector-picker,
  #recommend-on-draft .ro-sector-picker select, #recommend-on-draft .ro-sector-apply,
  #recommend-on-draft .ro-trust-strip span, #recommend-on-draft .ro-industry-other,
  #recommend-on-draft .ro-answer-panel .ro-check-heading,
  #recommend-on-draft .ro-answer-panel .ro-check { font-size:16px; }
  #recommend-on-draft .ro-section-sub, #recommend-on-draft .ro-service p,
  #recommend-on-draft .ro-package li, #recommend-on-draft summary,
  #recommend-on-draft details p, #recommend-on-draft .ro-reading-card p,
  #recommend-on-draft .ro-editorial p, #recommend-on-draft .ro-editorial li,
  #recommend-on-draft .ro-report-row, #recommend-on-draft .ro-report-title { font-size:18px; line-height:1.75; }
  #recommend-on-draft .ro-title-hero .ro-lead { font-size:20px; line-height:1.8; }
  #recommend-on-draft .ro-fine, #recommend-on-draft .ro-example-note,
  #recommend-on-draft .ro-question-panel .ro-example-note,
  #recommend-on-draft .ro-panel-top, #recommend-on-draft .ro-check-heading,
  #recommend-on-draft .ro-section-label, #recommend-on-draft .ro-number,
  #recommend-on-draft .ro-output, #recommend-on-draft .ro-tag,
  #recommend-on-draft .ro-platforms span, #recommend-on-draft .ro-footer,
  #recommend-on-draft .ro-eyebrow, #recommend-on-draft .ro-hero-kicker,
  #recommend-on-draft .ro-hero-caption, #recommend-on-draft .ro-industry-number,
  #recommend-on-draft .ro-industry-examples, #recommend-on-draft .ro-industry-count,
  #recommend-on-draft .ro-example-badge, #recommend-on-draft .ro-prompt-label,
  #recommend-on-draft .ro-search-mode, #recommend-on-draft .ro-example-feedback,
  #recommend-on-draft .ro-price-caption, #recommend-on-draft .ro-price small,
  #recommend-on-draft .ro-consent, #recommend-on-draft .ro-form-feedback,
  #recommend-on-draft .ro-form-error, #recommend-on-draft .ro-reading-card .ro-read-more,
  #recommend-on-draft .ro-editorial .ro-meta, #recommend-on-draft .ro-editorial .ro-source,
  #recommend-on-draft .ro-trust-strip b { font-size:15px; }
  #recommend-on-draft h3, #recommend-on-draft .ro-industry-card strong { font-size:20px; }
  #recommend-on-draft .ro-platforms { font-size:18px; }
  #recommend-on-draft .ro-report-row { grid-template-columns:118px 1fr; gap:18px; }
  #recommend-on-draft .ro-services { gap:36px; }
  #recommend-on-draft .ro-service p { max-width:29em; }
  #recommend-on-draft details p { max-width:900px; }
}

/* Larger industry labels retain all text at narrow widths. */
#recommend-on-draft .ro-industry-card { min-height:116px; row-gap:8px; }
#recommend-on-draft .ro-industry-card strong { font-size:20px; line-height:1.45; overflow-wrap:anywhere; }
#recommend-on-draft .ro-industry-examples { font-size:15px; line-height:1.65; overflow-wrap:anywhere; }
@media(min-width:861px) {
  #recommend-on-draft .ro-industry-card { grid-template-columns:25px minmax(0,1fr); min-height:124px; }
  #recommend-on-draft .ro-industry-card strong { font-size:24px; }
  #recommend-on-draft .ro-industry-examples { font-size:18px; }
  #recommend-on-draft .ro-industry-number { font-size:16px; }
}
@media(min-width:861px) and (max-width:1100px) {
  #recommend-on-draft .ro-industry-card { grid-template-columns:1fr; }
  #recommend-on-draft .ro-industry-number { display:none; }
  #recommend-on-draft .ro-industry-card strong { font-size:22px; }
  #recommend-on-draft .ro-industry-examples { font-size:16px; }
}
@media(max-width:620px) {
  #recommend-on-draft .ro-industry-card { padding:18px 12px; }
  #recommend-on-draft .ro-industry-examples { font-size:14px; }
  #recommend-on-draft .ro-contact-method { grid-column:1 / -1; }
}
@media(max-width:350px) {
  #recommend-on-draft .ro-industry-card strong { font-size:18px; }
}

/* Shared sticky header and two-level navigation, including touch and keyboard. */
#recommend-on-draft { --ro-header-height:89px; }
#recommend-on-draft .ro-site-header { position:sticky; top:0; z-index:1000; background:#fff; border-bottom:1px solid #e3e8f0; box-shadow:0 3px 16px #142b5008; }
#recommend-on-draft .ro-nav { flex-wrap:nowrap; }
#recommend-on-draft .ro-links { display:flex; align-self:stretch; align-items:stretch; gap:28px; margin-left:auto; }
#recommend-on-draft .ro-nav-group { position:relative; padding:0; border:0; }
#recommend-on-draft .ro-nav-group summary { display:flex; align-items:center; justify-content:center; gap:12px; height:100%; min-height:52px; padding:16px 22px; list-style:none; font-size:18px; font-weight:700; color:#142b50; cursor:pointer; border-radius:8px; }
#recommend-on-draft .ro-nav-group summary::-webkit-details-marker { display:none; }
#recommend-on-draft .ro-nav-group summary::marker { content:''; }
#recommend-on-draft .ro-nav-group summary svg { width:16px; height:16px; flex-shrink:0; transition:transform .16s ease; }
#recommend-on-draft .ro-nav-group[open] summary, #recommend-on-draft .ro-nav-group summary:hover { background:#f3f6fb; }
#recommend-on-draft .ro-nav-group[open] summary svg { transform:rotate(180deg); }
#recommend-on-draft .ro-dropdown { position:absolute; top:100%; left:50%; transform:translateX(-50%); width:236px; max-height:calc(100dvh - var(--ro-header-height) - 16px); overflow-y:auto; padding:10px; border:1px solid #dce3ef; border-radius:0 0 14px 14px; background:#fff; color:#142b50; box-shadow:0 14px 30px #142b501c; }
#recommend-on-draft .ro-dropdown a { display:block; padding:12px 16px; border-radius:7px; min-height:48px; font-size:16px; font-weight:500; }
#recommend-on-draft .ro-dropdown a:hover, #recommend-on-draft .ro-dropdown a:focus-visible { background:#edf3fc; color:#142b50; }
#recommend-on-draft .ro-dropdown a:focus-visible { outline-offset:-3px; }
#recommend-on-draft main, #recommend-on-draft main [id] { scroll-margin-top:calc(var(--ro-header-height) + 20px); }
#recommend-on-draft #ro-search-example { scroll-margin-top:calc(var(--ro-header-height) + 20px); }
.ro-skip { z-index:1100; }

/* Section headings sit on the full content axis; body cards retain their alignment. */
#recommend-on-draft .ro-section-heading { display:block; width:100%; text-align:center; margin:0 auto 38px; }
#recommend-on-draft .ro-section-heading h2 { font-size:44px; line-height:1.35; font-weight:750; letter-spacing:-.045em; margin:0; overflow-wrap:break-word; }
#recommend-on-draft .ro-section-heading .ro-section-label { margin-bottom:14px; }
#recommend-on-draft .ro-section-heading .ro-section-sub { margin:16px auto 0; max-width:900px; font-size:18px; line-height:1.8; }
#recommend-on-draft .ro-industry-count { margin-top:12px; }
#recommend-on-draft .ro-report-layout, #recommend-on-draft .ro-contact-grid { grid-template-columns:minmax(0,1fr); gap:0; }
#recommend-on-draft .ro-report { width:100%; max-width:960px; margin-inline:auto; }
#recommend-on-draft .ro-pricing-layout { max-width:1080px; margin-inline:auto; align-items:center; }
#recommend-on-draft .ro-price-summary { text-align:center; padding:20px 0; }
#recommend-on-draft .ro-contact-grid .ro-form { width:100%; max-width:860px; margin-inline:auto; }
#recommend-on-draft .ro-section-heading + .ro-services { margin-top:0; }
#recommend-on-draft .ro-reading-card { max-width:960px; margin-inline:auto; }
#recommend-on-draft .ro-contact { padding-block:60px; }
#recommend-on-draft .ro-seo-intro { padding-block:84px; background:linear-gradient(135deg,#f3f6fb,#e8eff8); border-bottom:1px solid #dce3ef; }
#recommend-on-draft .ro-seo-intro .ro-section-heading { width:calc(100% - 64px); margin-bottom:0; }
#recommend-on-draft .ro-seo-intro h1 { font-size:clamp(34px,4vw,56px); color:#142b50; }
#recommend-on-draft .ro-seo-page .ro-section-heading .ro-action { margin-top:28px; }
#recommend-on-draft .ro-seo-page .ro-section-heading .ro-fine { margin-top:18px; }
#recommend-on-draft #ro-seo-contact .ro-section-heading { width:calc(100% - 64px); margin-bottom:0; }
@media(max-width:860px) {
  #recommend-on-draft { --ro-header-height:125px; }
  #recommend-on-draft .ro-nav { display:grid; grid-template-columns:1fr auto; gap:10px 14px; padding-top:12px; min-height:0; }
  #recommend-on-draft .ro-nav > .ro-action { grid-column:2; grid-row:1; font-size:14px; padding:10px 14px; }
  #recommend-on-draft .ro-links { grid-column:1 / -1; grid-row:2; display:grid; grid-template-columns:1fr 1fr; gap:0; width:100%; margin:0; border-top:1px solid #edf0f5; }
  #recommend-on-draft .ro-nav-group summary { min-height:48px; padding:10px 16px; font-size:17px; border-radius:0; }
  #recommend-on-draft .ro-dropdown { width:260px; max-width:calc(100vw - 32px); left:0; transform:none; }
  #recommend-on-draft .ro-nav-group:nth-of-type(2) .ro-dropdown { left:auto; right:0; }
  #recommend-on-draft .ro-section-heading h2 { font-size:36px; }
}
@media(max-width:620px) {
  #recommend-on-draft .ro-section-heading { margin-bottom:28px; }
  #recommend-on-draft .ro-section-heading h2 { font-size:32px; line-height:1.4; }
  #recommend-on-draft .ro-section-heading .ro-section-label { font-size:13px; }
  #recommend-on-draft .ro-section-heading .ro-section-sub { font-size:16px; line-height:1.75; margin-top:12px; }
  #recommend-on-draft .ro-contact { padding-block:40px; }
  #recommend-on-draft .ro-seo-intro { padding-block:54px; }
  #recommend-on-draft .ro-seo-intro .ro-section-heading, #recommend-on-draft #ro-seo-contact .ro-section-heading { width:calc(100% - 32px); }
}
@media(max-width:350px) {
  #recommend-on-draft .ro-section-heading h2 { font-size:30px; }
  #recommend-on-draft .ro-nav > .ro-action { padding-inline:10px; font-size:13px; }
}
@media(prefers-reduced-motion:reduce) {
  #recommend-on-draft .ro-nav-group summary svg { transition:none; }
}

/* Brand marks move as two equal rows, so the loop has no visible restart. */
#recommend-on-draft .ro-ai-band { padding:24px 0 30px; border-bottom:1px solid #e5e8ed; background:#fff; }
#recommend-on-draft .ro-ai-marquee { overflow:hidden; padding-block:14px; mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent); }
#recommend-on-draft .ro-ai-track { display:flex; width:max-content; }
#recommend-on-draft .ro-ai-list { display:flex; flex:0 0 auto; align-items:center; list-style:none; margin:0; padding:0; }
#recommend-on-draft .ro-ai-list li { display:flex; flex:0 0 280px; width:280px; min-height:64px; align-items:center; justify-content:center; gap:15px; color:#202632; font-family:Arial,"Apple SD Gothic Neo",sans-serif; font-size:28px; font-weight:600; letter-spacing:-.04em; white-space:nowrap; }
#recommend-on-draft .ro-ai-list img { display:block; width:44px; height:44px; object-fit:contain; flex-shrink:0; }
#recommend-on-draft .ro-ai-band.is-animated .ro-ai-track { animation:ro-platform-flow 45s linear infinite; will-change:transform; }
#recommend-on-draft .ro-ai-band.is-offscreen .ro-ai-track { animation-play-state:paused; }
#recommend-on-draft .ro-ai-band:not(.is-animated) .ro-ai-marquee { mask-image:none; }
#recommend-on-draft .ro-ai-band:not(.is-animated) .ro-ai-track { width:100%; }
#recommend-on-draft .ro-ai-band:not(.is-animated) .ro-ai-list { width:100%; flex-wrap:wrap; justify-content:center; gap:16px 0; }
#recommend-on-draft .ro-ai-band:not(.is-animated) .ro-ai-list li { flex:1 1 200px; }
#recommend-on-draft .ro-ai-band:not(.is-animated) .ro-ai-list[aria-hidden="true"] { display:none; }
@keyframes ro-platform-flow { from { transform:translateX(0); } to { transform:translateX(-50%); } }
@media(max-width:620px) {
  #recommend-on-draft .ro-ai-band { padding-block:20px; }
  #recommend-on-draft .ro-ai-list li { flex-basis:220px; width:220px; gap:12px; font-size:25px; }
  #recommend-on-draft .ro-ai-list img { width:38px; height:38px; }
  #recommend-on-draft .ro-ai-band.is-animated .ro-ai-track { animation-duration:36s; }
  #recommend-on-draft .ro-ai-band:not(.is-animated) .ro-ai-list li { flex:0 1 50%; font-size:18px; gap:8px; }
  #recommend-on-draft .ro-ai-band:not(.is-animated) .ro-ai-list img { width:28px; height:28px; }
}
@media(prefers-reduced-motion:reduce) {
  #recommend-on-draft .ro-ai-band.is-animated .ro-ai-track { animation:none; }
}

/* Equal grid cells keep the page still while the two hero stories crossfade. */
#recommend-on-draft .ro-hero-slides { display:grid; touch-action:pan-y; }
#recommend-on-draft .ro-hero-slide { display:none; min-width:0; }
#recommend-on-draft .ro-hero-slide.is-active { display:block; }
#recommend-on-draft .is-ready .ro-hero-slide { display:block; grid-area:1 / 1; opacity:0; visibility:hidden; transition:opacity .65s ease, visibility .65s; }
#recommend-on-draft .is-ready .ro-hero-slide.is-active { opacity:1; visibility:visible; }
#recommend-on-draft .ro-hero-slide > .ro-title-inner { height:100%; }
#recommend-on-draft .ro-title-hero .ro-hero-headline { color:#fff; font-size:clamp(38px,3.75vw,60px); font-weight:760; line-height:1.24; letter-spacing:-.045em; }
#recommend-on-draft .ro-title-hero .ro-hero-headline em { color:#bed7ff; font-style:normal; }
#recommend-on-draft .ro-hero-solution .ro-title-inner { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; }
#recommend-on-draft .ro-hero-solution .ro-hero-copy { width:auto; }
#recommend-on-draft .ro-hero-search { position:relative; justify-self:end; width:100%; max-width:650px; padding:22px 22px 88px; }
#recommend-on-draft .ro-hero-search::before { content:''; position:absolute; inset:-18% -8%; z-index:-1; pointer-events:none; background:radial-gradient(ellipse,#769edd35,transparent 68%); }
/* A conversation surface: user bubble, assistant prose, sources and composer. */
#recommend-on-draft .ro-search-window { border:1px solid #dedede; border-radius:20px; background:#fff; color:#252525; overflow:hidden; box-shadow:0 30px 80px #06142e40, 0 0 0 8px #c5daff0c; letter-spacing:-.02em; }
#recommend-on-draft .ro-search-window-top { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:18px 24px; border-bottom:1px solid #ededed; }
#recommend-on-draft .ro-search-window-brand { display:flex; align-items:center; gap:6px; color:#252525; font-family:Arial,"Apple SD Gothic Neo",sans-serif; font-size:22px; font-weight:600; letter-spacing:-.025em; }
#recommend-on-draft .ro-search-window-brand svg { width:20px; height:20px; color:#686868; flex-shrink:0; }
#recommend-on-draft .ro-search-example-label { padding:4px 9px; border-radius:6px; background:#f3f3f3; color:#626262; font-size:15px; white-space:nowrap; }
#recommend-on-draft .ro-chat-conversation { padding:24px 26px 20px; }
#recommend-on-draft .ro-hero-prompt { width:fit-content; max-width:88%; margin:0 0 24px auto; padding:12px 18px; border-radius:22px 22px 6px 22px; background:#f1f1f1; }
#recommend-on-draft .ro-hero-prompt p { color:#252525; font-size:18px; line-height:1.65; font-weight:400; word-break:keep-all; }
#recommend-on-draft .ro-hero-response { display:grid; grid-template-columns:28px minmax(0,1fr); align-items:start; gap:13px; }
#recommend-on-draft .ro-chat-avatar { display:block; width:28px; height:28px; margin-top:2px; object-fit:contain; }
#recommend-on-draft .ro-hero-response p { color:#343434; font-size:17px; line-height:1.7; word-break:keep-all; }
#recommend-on-draft .ro-store-description { margin-top:14px; }
#recommend-on-draft .ro-store-description strong { display:block; color:#252525; font-size:22px; line-height:1.45; font-weight:700; }
#recommend-on-draft .ro-store-description p { margin-top:6px; }
#recommend-on-draft .ro-chat-sources { display:flex; flex-wrap:wrap; align-items:center; gap:6px; margin-top:12px; }
#recommend-on-draft .ro-chat-sources span { display:inline-flex; align-items:center; gap:5px; padding:4px 9px; border-radius:999px; background:#f1f1f1; color:#555; font-size:15px; line-height:1.5; }
#recommend-on-draft .ro-chat-sources svg { width:15px; height:15px; flex-shrink:0; }
#recommend-on-draft .ro-chat-reactions { display:flex; align-items:center; gap:15px; margin-top:14px; color:#686868; }
#recommend-on-draft .ro-chat-reactions svg { width:18px; height:18px; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
#recommend-on-draft .ro-chat-composer { margin:0 24px; padding:12px 16px; border:1px solid #e4e4e4; border-radius:24px; background:#f4f4f4; color:#646464; font-size:16px; }
#recommend-on-draft .ro-chat-composer-tools { display:flex; align-items:center; justify-content:space-between; margin-top:8px; }
#recommend-on-draft .ro-chat-composer svg { width:22px; height:22px; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
#recommend-on-draft .ro-chat-send { display:grid; place-items:center; width:30px; height:30px; border-radius:50%; background:#202020; color:#fff; }
#recommend-on-draft .ro-hero-search-note { padding:10px 20px 14px; color:#686868; font-size:15px; line-height:1.6; text-align:center; word-break:keep-all; }
#recommend-on-draft .ro-hero-controls { position:absolute; inset:auto 0 0; margin-inline:auto; z-index:2; display:flex; align-items:center; justify-content:space-between; gap:24px; padding:0 0 22px; }
#recommend-on-draft .ro-form button:disabled { opacity:.55; cursor:wait; }
#recommend-on-draft .ro-hero-controls[hidden] { display:none; }
#recommend-on-draft .ro-hero-pagination, #recommend-on-draft .ro-hero-arrows { display:flex; align-items:center; gap:14px; }
#recommend-on-draft .ro-hero-pagination { padding-inline:10px; border-radius:999px; background:#142b50; }
#recommend-on-draft .ro-hero-pagination button { display:flex; align-items:center; gap:12px; min-width:70px; min-height:44px; padding:0; border:0; background:transparent; color:#c4d3eb; font-size:15px; font-variant-numeric:tabular-nums; }
#recommend-on-draft .ro-hero-pagination i { width:32px; height:2px; border-radius:2px; background:#8398b9; transition:width .4s ease, background-color .4s ease; }
#recommend-on-draft .ro-hero-pagination [aria-current="true"] { color:#fff; }
#recommend-on-draft .ro-hero-pagination [aria-current="true"] i { width:78px; background:#fff; }
#recommend-on-draft .ro-hero-arrows { gap:8px; }
#recommend-on-draft .ro-hero-arrows button { display:grid; place-items:center; width:44px; height:44px; padding:0; border:1px solid #8398b9; border-radius:50%; background:#142b50; color:#fff; }
#recommend-on-draft .ro-hero-arrows button:hover { background:#254363; }
#recommend-on-draft .ro-hero-arrows svg { width:21px; height:21px; }
#recommend-on-draft .ro-slide-status { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
@media(max-width:1100px) {
  #recommend-on-draft .ro-hero-search { padding:10px 10px 76px; }
  #recommend-on-draft .ro-search-window-top { padding:16px 18px; }
  #recommend-on-draft .ro-chat-conversation { padding:20px 18px 18px; }
  #recommend-on-draft .ro-hero-prompt { max-width:94%; padding:11px 15px; }
  #recommend-on-draft .ro-chat-composer { margin-inline:18px; }
  #recommend-on-draft .ro-chat-desktop-break { display:none; }
}
@media(min-width:621px) and (max-width:860px) {
  #recommend-on-draft .ro-search-window-top { gap:6px; }
  #recommend-on-draft .ro-search-window-brand { font-size:19px; }
  #recommend-on-draft .ro-search-example-label { font-size:13px; padding-inline:6px; }
  #recommend-on-draft .ro-hero-response { grid-template-columns:23px minmax(0,1fr); gap:9px; }
  #recommend-on-draft .ro-chat-avatar { width:23px; height:23px; }
  #recommend-on-draft .ro-hero-response p { font-size:15px; }
  #recommend-on-draft .ro-hero-prompt p { font-size:16px; }
  #recommend-on-draft .ro-hero-search-note { font-size:13px; }
}
@media(max-width:620px) {
  #recommend-on-draft .ro-title-hero .ro-hero-headline { font-size:36px; }
  #recommend-on-draft .ro-hero-solution .ro-title-inner { display:flex; }
  #recommend-on-draft .ro-hero-solution .ro-hero-copy { width:100%; }
  #recommend-on-draft .ro-hero-art { height:0; flex:1 0 340px; margin-top:0; }
  #recommend-on-draft .ro-hero-search { position:relative; top:auto; width:100%; max-width:420px; transform:none; padding:16px 0 84px; margin:auto auto 0; }
  #recommend-on-draft .ro-search-window { border-radius:18px; box-shadow:0 18px 36px #06142e30; }
  #recommend-on-draft .ro-search-window-top { gap:8px; }
  #recommend-on-draft .ro-search-window-brand { font-size:20px; }
  #recommend-on-draft .ro-search-example-label { font-size:13px; padding-inline:7px; }
  #recommend-on-draft .ro-hero-prompt { margin-bottom:22px; }
  #recommend-on-draft .ro-hero-prompt p { font-size:16px; }
  #recommend-on-draft .ro-hero-response { grid-template-columns:25px minmax(0,1fr); gap:10px; }
  #recommend-on-draft .ro-chat-avatar { width:25px; height:25px; }
  #recommend-on-draft .ro-hero-response p { font-size:16px; }
  #recommend-on-draft .ro-store-description strong { font-size:20px; }
  #recommend-on-draft .ro-chat-sources span { font-size:14px; padding-inline:8px; }
  #recommend-on-draft .ro-chat-composer { font-size:15px; border-radius:22px; }
  #recommend-on-draft .ro-hero-search-note { padding-inline:14px; font-size:13px; }
  #recommend-on-draft .ro-hero-controls { padding-bottom:18px; gap:12px; }
  #recommend-on-draft .ro-hero-pagination { gap:10px; }
  #recommend-on-draft .ro-hero-pagination button { min-width:52px; gap:8px; }
  #recommend-on-draft .ro-hero-pagination i { width:23px; }
  #recommend-on-draft .ro-hero-pagination [aria-current="true"] i { width:52px; }
}
@media(max-width:350px) {
  #recommend-on-draft .ro-title-hero .ro-hero-headline { font-size:32px; }
  #recommend-on-draft .ro-search-window-top { padding-inline:14px; }
  #recommend-on-draft .ro-search-window-brand { font-size:19px; }
  #recommend-on-draft .ro-chat-conversation { padding-inline:14px; }
  #recommend-on-draft .ro-hero-prompt { max-width:100%; padding-inline:13px; }
  #recommend-on-draft .ro-hero-response { grid-template-columns:23px minmax(0,1fr); gap:8px; }
  #recommend-on-draft .ro-chat-avatar { width:23px; height:23px; }
  #recommend-on-draft .ro-chat-composer { margin-inline:14px; }
  #recommend-on-draft .ro-hero-pagination [aria-current="true"] i { width:40px; }
}
@media(prefers-reduced-motion:reduce) {
  #recommend-on-draft .is-ready .ro-hero-slide, #recommend-on-draft .ro-hero-pagination i { transition:none; }
}

/* Pricing: a prominent navy offer, visible total costs, and readable refund terms. */
#recommend-on-draft .ro-pricing-section { padding-block:84px; }
#recommend-on-draft .ro-pricing-layout { max-width:1180px; grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr); gap:28px; align-items:stretch; }
#recommend-on-draft .ro-price-summary { display:flex; flex-direction:column; padding:42px; text-align:left; border:1px solid #304e75; border-radius:24px; color:#fff; background:radial-gradient(ellipse at 100% 0%,#294e7c 0%,#142b50 52%,#0c1d37 100%); box-shadow:0 18px 42px #142b5021; }
#recommend-on-draft .ro-plan-label { color:#e0ecff; font-size:20px; font-weight:600; }
#recommend-on-draft .ro-price { display:flex; gap:10px; align-items:baseline; margin:24px 0 8px; color:#fff; letter-spacing:-.055em; line-height:1; }
#recommend-on-draft .ro-price strong { color:#fff; font-size:112px; line-height:1.1; font-weight:800; }
#recommend-on-draft .ro-price small, #recommend-on-draft .ro-price span { color:#fff; font-size:26px; font-weight:600; letter-spacing:-.02em; }
#recommend-on-draft .ro-price-caption { color:#e0ecff; margin:8px 0 28px; font-size:16px; line-height:1.7; }
#recommend-on-draft .ro-price-coverage { margin:0 0 34px; padding:26px 0; border-top:1px solid #506b91; border-bottom:1px solid #506b91; }
#recommend-on-draft .ro-price-coverage strong { display:block; color:#fff; font-size:24px; line-height:1.5; }
#recommend-on-draft .ro-price-coverage p { margin-top:10px; color:#e0ecff; font-size:16px; line-height:1.8; }
#recommend-on-draft .ro-price-cta-note { color:#e0ecff; font-size:15px; line-height:1.7; }
#recommend-on-draft .ro-price-cta { width:100%; margin-top:auto; padding:17px 20px; background:#fff; color:#142b50; border:1px solid #fff; font-size:18px; }
#recommend-on-draft .ro-price-cta:hover { background:#e6efff; color:#142b50; }
#recommend-on-draft .ro-price-cta-note { text-align:center; margin-top:14px; }
#recommend-on-draft .ro-package { border-color:#d9e3f0; border-radius:24px; padding:32px; background:#fff; }
#recommend-on-draft .ro-package h3 { font-size:25px; margin:0 0 22px; }
#recommend-on-draft .ro-plan-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); padding:20px 8px; margin-bottom:17px; background:#f0f5fc; border:1px solid #dce6f4; border-radius:14px; }
#recommend-on-draft .ro-plan-metrics > div { text-align:center; border-right:1px solid #cbd8e9; }
#recommend-on-draft .ro-plan-metrics > div:last-child { border:0; }
#recommend-on-draft .ro-plan-metrics span { display:block; color:#334d72; font-size:16px; font-weight:600; }
#recommend-on-draft .ro-plan-metrics strong { display:block; color:#142b50; font-size:40px; line-height:1.25; margin-top:8px; font-weight:800; }
#recommend-on-draft .ro-plan-metrics small { font-size:18px; font-weight:600; margin-left:4px; }
#recommend-on-draft .ro-plan-deliverables { margin-bottom:16px; }
#recommend-on-draft .ro-plan-deliverables li { gap:13px; padding:16px 0; font-size:18px; align-items:flex-start; }
#recommend-on-draft .ro-plan-deliverables li::before { flex-shrink:0; padding-top:1px; font-weight:700; }
#recommend-on-draft .ro-plan-deliverables li strong { font-size:20px; color:#142b50; font-weight:700; }
#recommend-on-draft .ro-plan-deliverables li p { margin-top:5px; color:#42536b; font-size:16px; line-height:1.75; overflow-wrap:anywhere; }
#recommend-on-draft .ro-package .ro-fine { font-size:15px; line-height:1.8; color:#42536b; }
#recommend-on-draft .ro-refund-panel { max-width:1180px; display:grid; grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr); gap:26px 40px; margin:28px auto 0; padding:34px 40px 26px; border:1px solid #cbd9ec; border-radius:24px; background:linear-gradient(120deg,#edf3fc,#f8fbff); }
#recommend-on-draft .ro-refund-label { display:inline-block; padding:6px 12px; background:#142b50; color:#fff; border-radius:6px; font-size:15px; font-weight:650; }
#recommend-on-draft .ro-refund-heading h3 { margin-top:16px; color:#142b50; font-size:32px; line-height:1.45; letter-spacing:-.04em; }
#recommend-on-draft .ro-refund-heading p { margin-top:12px; color:#42536b; font-size:16px; }
#recommend-on-draft .ro-refund-steps { display:grid; gap:17px; list-style:none; margin:0; padding:0; }
#recommend-on-draft .ro-refund-steps li { display:flex; gap:14px; align-items:baseline; }
#recommend-on-draft .ro-refund-steps li > span { color:#34547e; font-size:16px; font-weight:700; }
#recommend-on-draft .ro-refund-steps strong { color:#142b50; font-size:18px; }
#recommend-on-draft .ro-refund-steps p { color:#42536b; font-size:16px; line-height:1.7; margin-top:3px; }
#recommend-on-draft .ro-refund-note { grid-column:1 / -1; color:#42536b; font-size:15px; line-height:1.85; padding-top:20px; border-top:1px solid #cbd9ec; }
#recommend-on-draft .ro-refund-note a { color:#142b50; text-decoration:underline; text-underline-offset:4px; font-weight:650; }
#recommend-on-draft .ro-footer-shell { background:#f4f7fb; border-top:1px solid #dce3ef; }
#recommend-on-draft .ro-footer { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:start; gap:30px 40px; padding-block:44px 28px; color:#42536b; font-size:16px; line-height:1.8; }
#recommend-on-draft .ro-footer a.ro-footer-brand { display:inline-block; color:#142b50; font-family:"Searchup Logo",sans-serif; font-size:30px; font-weight:800; text-decoration:none; }
#recommend-on-draft .ro-footer-company > p { margin-top:5px; font-size:16px; }
#recommend-on-draft .ro-footer-company .ro-footer-operator { margin-top:16px; }
#recommend-on-draft .ro-business-details { display:flex; flex-wrap:wrap; gap:5px 20px; font-size:15px; margin-top:8px; overflow-wrap:anywhere; }
#recommend-on-draft .ro-footer-links { display:flex; flex-wrap:wrap; gap:12px 24px; justify-content:flex-end; max-width:600px; }
#recommend-on-draft .ro-footer-links a { font-size:16px; color:#142b50; text-decoration:none; padding-block:8px; }
#recommend-on-draft .ro-footer-links a:hover { text-decoration:underline; }
#recommend-on-draft .ro-footer-bottom { grid-column:1 / -1; display:grid; gap:8px; border-top:1px solid #d9e1ec; padding-top:24px; }
#recommend-on-draft .ro-footer-bottom p { font-size:15px; color:#42536b; }
#recommend-on-draft .ro-policy ul, #recommend-on-draft .ro-policy ol { padding-left:24px; }
#recommend-on-draft .ro-policy ol { list-style:decimal; }
#recommend-on-draft .ro-policy li { margin-block:6px; }
#recommend-on-draft .ro-policy .ro-policy-status { padding:22px; background:#f0f5fc; border-left:4px solid #34547e; border-radius:4px; }
#recommend-on-draft .ro-policy .ro-action { margin-top:30px; }
#recommend-on-draft .ro-policy-prices { border-top:1px solid #d9e1ec; }
#recommend-on-draft .ro-policy-prices > div { display:flex; flex-wrap:wrap; gap:8px 24px; justify-content:space-between; padding:15px 0; border-bottom:1px solid #d9e1ec; font-size:18px; }
#recommend-on-draft .ro-policy-prices dd { margin:0; font-weight:650; }
#recommend-on-draft .ro-form .ro-consent { font-size:16px; }
#recommend-on-draft .ro-consent-details { margin-top:12px; color:#42536b; }
#recommend-on-draft .ro-consent-details summary { width:fit-content; max-width:100%; color:#142b50; font-size:16px; line-height:1.8; cursor:pointer; text-decoration:underline; text-underline-offset:4px; }
#recommend-on-draft .ro-consent-details summary:focus-visible { outline:2px solid #34547e; outline-offset:4px; border-radius:2px; }
#recommend-on-draft .ro-consent-details .ro-consent-copy { margin-top:12px; font-size:16px; line-height:1.85; overflow-wrap:anywhere; }
#recommend-on-draft .ro-consent-copy a { color:#142b50; text-decoration:underline; text-underline-offset:4px; }
@media(max-width:960px) {
  #recommend-on-draft .ro-price-summary { padding:32px; }
  #recommend-on-draft .ro-package { padding:26px; }
  #recommend-on-draft .ro-refund-panel { padding:28px; gap:26px; }
}
@media(max-width:760px) {
  #recommend-on-draft .ro-pricing-section { padding-block:50px; }
  #recommend-on-draft .ro-pricing-layout, #recommend-on-draft .ro-refund-panel { grid-template-columns:minmax(0,1fr); }
  #recommend-on-draft .ro-price-summary { padding:32px 26px; }
  #recommend-on-draft .ro-price strong { font-size:96px; }
  #recommend-on-draft .ro-price { margin-top:18px; }
  #recommend-on-draft .ro-package { padding:26px 22px; }
  #recommend-on-draft .ro-refund-panel { padding:26px 22px; }
  #recommend-on-draft .ro-refund-heading h3 { font-size:29px; }
  #recommend-on-draft .ro-footer { grid-template-columns:minmax(0,1fr); gap:22px; }
  #recommend-on-draft .ro-footer-links { justify-content:flex-start; gap:5px 22px; }
}
@media(max-width:350px) {
  #recommend-on-draft .ro-price-summary { padding:28px 20px; }
  #recommend-on-draft .ro-price strong { font-size:86px; }
  #recommend-on-draft .ro-price span, #recommend-on-draft .ro-price small { font-size:23px; }
  #recommend-on-draft .ro-plan-metrics span { font-size:15px; }
  #recommend-on-draft .ro-plan-metrics strong { font-size:34px; }
}
/* Company introduction shares the site's navy, typography and fixed navigation. */
#recommend-on-draft .ro-nav-about { display:flex; align-items:center; justify-content:center; padding:16px 22px; border-radius:8px; font-size:18px; font-weight:700; color:#142b50; white-space:nowrap; }
#recommend-on-draft .ro-nav-about:hover { background:#f3f6fb; }
#recommend-on-draft .ro-nav-about:focus-visible { outline:2px solid #34547e; outline-offset:-3px; }
#recommend-on-draft .ro-about-hero { padding:80px 0; text-align:center; color:#fff; background:radial-gradient(at 82% 28%,#355675 0%,#254363 32%,#182f4e 65%,#101e36 100%); }
#recommend-on-draft .ro-about-label { margin:0 0 20px; color:#d0def0; font-size:18px; font-weight:650; }
#recommend-on-draft .ro-about-hero h1 { margin:0; color:#fff; font-size:clamp(32px,4vw,54px); line-height:1.4; letter-spacing:-.04em; overflow-wrap:break-word; }
#recommend-on-draft .ro-about-lead { margin:24px 0 0; color:#e2ebf7; font-size:24px; line-height:1.65; }
#recommend-on-draft .ro-about-content { max-width:1120px; padding:0 0 60px; }
#recommend-on-draft .ro-about-facts { display:grid; grid-template-columns:1fr 1fr; gap:48px; margin:0 0 64px; padding:54px 0; border-bottom:1px solid #dce3ef; }
#recommend-on-draft .ro-about-facts > div { min-width:0; text-align:center; }
#recommend-on-draft .ro-about-facts dt { color:#52637b; font-size:18px; font-weight:650; }
#recommend-on-draft .ro-about-facts dd { display:flex; flex-wrap:wrap; justify-content:center; align-items:baseline; gap:0 10px; margin:12px 0 0; color:#142b50; }
#recommend-on-draft .ro-about-facts strong { font-size:48px; line-height:1.3; font-weight:750; letter-spacing:-.04em; }
#recommend-on-draft .ro-about-facts dd span { font-size:20px; font-weight:650; }
#recommend-on-draft .ro-about-facts p { flex-basis:100%; margin:14px 0 0; font-size:18px; line-height:1.7; color:#52637b; }
#recommend-on-draft .ro-about-business { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:36px; }
#recommend-on-draft .ro-about-business article { min-width:0; padding:22px 0 28px; border-top:2px solid #142b50; }
#recommend-on-draft .ro-about-number { color:#52637b; font-size:16px; font-weight:650; }
#recommend-on-draft .ro-about-business h3 { margin:20px 0 8px; color:#142b50; font-size:26px; line-height:1.5; letter-spacing:-.045em; }
#recommend-on-draft .ro-about-business p { margin:18px 0 0; color:#52637b; font-size:18px; line-height:1.8; }
#recommend-on-draft .ro-about-business .ro-about-business-label { margin:0; color:#142b50; font-weight:650; }
#recommend-on-draft .ro-about-brand { margin:36px 0 0; padding-top:28px; border-top:1px solid #dce3ef; color:#52637b; font-size:18px; line-height:1.8; text-align:center; }
@media(max-width:860px) {
  #recommend-on-draft .ro-links { grid-template-columns:repeat(3,minmax(0,1fr)); }
  #recommend-on-draft .ro-nav-group summary { padding-inline:8px; gap:6px; }
  #recommend-on-draft .ro-nav-about { padding:10px 8px; font-size:17px; border-radius:0; }
  #recommend-on-draft .ro-about-business { grid-template-columns:1fr; gap:8px; }
  #recommend-on-draft .ro-about-business article { padding-block:20px 28px; }
  #recommend-on-draft .ro-about-business h3 { margin-top:10px; }
}
@media(max-width:620px) {
  #recommend-on-draft .ro-about-hero { padding:48px 0; }
  #recommend-on-draft .ro-about-label { margin-bottom:16px; font-size:16px; }
  #recommend-on-draft .ro-about-lead { margin-top:18px; font-size:18px; }
  #recommend-on-draft .ro-about-content { padding-bottom:40px; }
  #recommend-on-draft .ro-about-facts { grid-template-columns:1fr; gap:30px; padding:36px 0; margin-bottom:40px; }
  #recommend-on-draft .ro-about-facts strong { font-size:42px; }
  #recommend-on-draft .ro-about-facts p, #recommend-on-draft .ro-about-business p, #recommend-on-draft .ro-about-brand { font-size:16px; }
  #recommend-on-draft .ro-about-business h3 { font-size:24px; }
}

/* Make inquiry labels, input boundaries and example hints distinct. */
#recommend-on-draft .ro-form .ro-field { gap:8px; font-size:20px; font-weight:650; color:#142b50; }
#recommend-on-draft .ro-form .ro-field > input, #recommend-on-draft .ro-form .ro-field > select { border-color:#7b8ba3; color:#142b50; font-size:16px; font-weight:400; }
#recommend-on-draft .ro-form .ro-field > input::placeholder { color:#6a778b; opacity:1; font-weight:400; }
#recommend-on-draft .ro-form .ro-field > select:invalid { color:#6a778b; }
#recommend-on-draft .ro-form .ro-field > select option { color:#142b50; }
#recommend-on-draft .ro-form .ro-field > input:focus-visible, #recommend-on-draft .ro-form .ro-field > select:focus-visible { border-color:#142b50; outline:2px solid #34547e; outline-offset:2px; }
@media(max-width:860px) {
  #recommend-on-draft .ro-form .ro-field { font-size:18px; }
}