/* Figma: 02 手机端与交互 / 03 工具流程与动效. Shared, content-driven layouts. */
:root{--yb-muted:#607087;--yb-border:#e0e7f0;--yb-pale:#e9f0fb;--yb-success:#147d64;--yb-danger:#b42318;--yb-primary-dark:#0f3f8f}
.yb-mobile-only{display:none}
.yb-load-more{width:100%;min-height:48px;background:#fff;border:1px solid var(--yb-border);border-radius:8px;color:var(--yb-primary);font-size:16px;margin-top:20px}
.yb-load-more-feedback{font-size:12px;color:var(--yb-muted);line-height:20px}
.yb-load-more-feedback:empty{display:none}
#institutionSearch{margin-bottom:20px}
.yb-feature-top img{display:block;object-fit:contain;margin-bottom:12px}
.yb-feature-meta{font-size:12px;line-height:20px;color:var(--yb-muted);margin-top:12px}
.yb-insight-card picture{display:block}
.yb-insight-card picture img{display:block;width:100%;height:210px;object-fit:cover}
.yb-status{display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid var(--yb-border);border-radius:8px;background:#fff;color:var(--yb-primary);font-size:14px;line-height:24px;overflow-wrap:anywhere}
.yb-status::before{content:"i";display:grid;place-items:center;width:18px;height:18px;flex:none;border:1.5px solid currentColor;border-radius:50%;font-size:12px;line-height:1;margin-top:3px}
.yb-status p{margin:4px 0 0;color:var(--yb-muted);font-size:12px;line-height:20px}
.yb-status[data-kind=success]{border-color:var(--yb-success);color:var(--yb-success)}
.yb-status[data-kind=error]{border-color:var(--yb-danger);color:var(--yb-danger)}
.yb-status[data-kind=error]::before{content:"!"}
.yb-status:empty{display:none}
.yb-image-unavailable{background:var(--yb-bg);min-height:100px;display:grid;place-items:center;color:var(--yb-muted);font-size:12px;border:1px solid var(--yb-border);border-radius:8px;padding:16px}
.yb-form-error{color:var(--yb-danger)!important;border:1px solid var(--yb-danger);border-radius:8px;padding:16px;background:#fff}
.yb-feedback-form [aria-invalid=true]{border-color:var(--yb-danger)}
.yb-feedback-form [aria-busy=true],.yb-feedback-form[aria-busy=true] #fbSubmit{cursor:wait}
.yb-feedback-form #fbContent{min-height:150px}
.yb-field-error{display:block;color:var(--yb-danger);font-size:12px;line-height:20px;margin-top:6px}
.yb-feedback-success .yb-status{text-align:left;margin-bottom:20px}
.yb-feedback-success .yb-btn,.yb-feedback-success .yb-action-btn{min-height:48px}
.yb-feedback-form #fbMsg:empty{display:none}
.yb-field-count{text-align:right;color:var(--yb-muted);font-size:12px;font-weight:400}
.yb-skeleton{display:grid;gap:12px;padding:20px;border:1px solid var(--yb-border);border-radius:12px}
.yb-skeleton span{height:12px;background:var(--yb-pale);border-radius:4px}
.yb-skeleton span:last-child{width:65%}
.ys-load-feedback{margin:0 0 20px;grid-column:1/-1}
.ys-load-feedback button{margin-top:10px;min-height:44px;background:white;border:1px solid var(--yb-border);border-radius:8px;color:var(--yb-primary);padding:8px 16px}
.ys-page [aria-busy=true]{cursor:progress}
.ys-form-confirmed{border:1px solid var(--yb-success);border-radius:8px;color:var(--yb-success);padding:16px}
.yb-flow-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 24px;padding:0;counter-reset:steps}
.yb-flow-steps li{counter-increment:steps;display:flex;align-items:center;gap:12px;border-radius:8px;background:var(--yb-bg);color:var(--yb-muted);font-size:14px;line-height:24px;padding:16px;min-width:0}
.yb-flow-steps li::before{content:"0" counter(steps);font-size:12px}
.yb-flow-steps li[aria-current=step]{background:var(--yb-pale);color:var(--yb-primary)}
.yb-tool-hero{background:var(--yb-bg);padding:32px 0}
.yb-tool-hero .yb-wrap{margin:auto}
.yb-tool-hero .yb-kicker{margin:0 0 8px}
.yb-tool-hero h1{font-size:32px;line-height:46px;margin:0 0 8px;max-width:none}
.yb-tool-hero p{font-size:16px;line-height:28px;color:var(--yb-muted);margin:0}
.tools-site{--accent:#1f5fbf;--accent-2:#0f3f8f;--accent-soft:#e9f0fb;--muted:#607087;--faint:#607087;--danger:#b42318;--line:#e0e7f0;--surface:#fff;--surface-2:#f4f7fc;color:var(--yb-text);font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif}
.tools-site main.page,.tools-site main.wrap{width:100%;max-width:1248px;margin:auto;padding:32px 24px 48px}
.tools-site .yb-doc-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:32px;align-items:start}
.tools-site .yb-file-panel,.tools-site .main-panel,.tools-site .yb-doc-operations{min-width:0;border:1px solid var(--yb-border);border-radius:12px;background:white;padding:20px}
.tools-site .yb-doc-operations,.tools-site .main-panel{padding:24px}
.tools-site .yb-doc-operations .workspace{display:block;margin:0;border:0;border-radius:0}
.tools-site .yb-doc-operations .tool-shell{display:block;margin:0}
.tools-site .yb-doc-operations .tool-nav{position:static;display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.tools-site .tool-tab{font-size:12px;font-weight:400;line-height:20px;padding:8px;min-height:44px;border-radius:8px;justify-content:center;flex-direction:row}
.tools-site .tool-tab svg{display:none}
.tools-site .tool-tab.active{color:var(--yb-primary);background:var(--yb-pale)}
.tools-site .yb-doc-operations .panel{padding:0;border:0;border-radius:0;background:white}
.tools-site .panel h2,.tools-site .main-panel>h2{font-size:22px;line-height:34px;margin:0 0 8px}
.tools-site .panel-head{margin-bottom:20px}
.tools-site .panel-head .step{display:none}
.tools-site .field label,.tools-site .select-field label{font-weight:400;font-size:14px;color:var(--yb-text)}
.tools-site .field input,.tools-site .field select,.tools-site .select-field select,.tools-site #checkCompany{font-size:14px;min-height:48px;background:white;border:1px solid var(--yb-border);border-radius:8px}
.tools-site .field input[type=range]{min-height:44px;border:0}
.tools-site .form-grid{gap:20px}
.tools-site .primary,.tools-site .search-btn,.tools-site .compare-btn,.tools-site .check-btn{font-weight:500;background:var(--yb-primary);color:white;border-radius:8px;min-height:48px}
.tools-site .primary:hover,.tools-site .search-btn:hover:not(:disabled),.tools-site .compare-btn:hover:not(:disabled),.tools-site .check-btn:hover:not(:disabled){background:var(--yb-primary-dark)}
.tools-site .secondary{min-height:44px;border:1px solid var(--yb-border);border-radius:8px;background:white;color:var(--yb-primary);font-size:14px}
.tools-site .action-row{flex-wrap:wrap;border:0;margin-top:20px;padding:0}
.tools-site .action-row>.primary{width:100%}
.tools-site .status{font-weight:400;font-size:12px;overflow-wrap:anywhere}
.tools-site .yb-file-panel .dropzone,.tools-site .drop-zone{padding:20px 16px;min-height:170px;border:1px dashed #b9cce7;border-radius:8px;box-shadow:none;transform:none;background:var(--yb-bg)}
.tools-site .dropzone::before{display:none}
.tools-site .dropzone label{padding:16px}
.tools-site .dropzone strong{font-size:16px;line-height:28px}
.tools-site .dropzone label>span>span{font-size:12px;line-height:20px}
.tools-site .upload-mark,.tools-site .upload-icon{background:transparent;border-radius:0;color:var(--yb-primary);width:32px;height:32px;margin:0 auto 8px}
.tools-site .upload-mark svg,.tools-site .upload-icon svg{width:24px;height:24px}
.tools-site .privacy{margin:16px 0;font-size:12px}
.tools-site .privacy svg{width:18px}
.tools-site .queue{border:0;border-radius:0}
.tools-site .queue-head{padding:20px 0 12px;border:0;gap:8px;flex-wrap:wrap}
.tools-site .queue-head h2,.tools-site .sidebar-heading h2{font-size:18px;line-height:28px;font-weight:500}
.tools-site .queue-head small{font-size:12px;display:block;margin:0}
.tools-site .file-list{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;max-height:440px;padding:0;list-style:none}
.tools-site .file-row,.tools-site .file-item{grid-template-columns:24px minmax(0,1fr) auto;gap:12px;padding:16px;border:1px solid var(--yb-border);border-radius:8px;margin:0;background:white}
.tools-site .file-row{align-items:start}
.tools-site .thumb{width:24px;height:32px;background:var(--yb-pale);font-size:9px}
.tools-site .thumb img{object-fit:contain}
.tools-site .file-name{font-weight:400;font-size:14px;line-height:24px;white-space:normal;overflow-wrap:anywhere}
.tools-site .file-meta{font-size:12px;line-height:20px}
.tools-site .file-actions{display:flex;flex-direction:column;gap:0;align-items:center}
.tools-site .file-actions button,.tools-site .icon-btn{min-width:32px;min-height:32px}
.tools-site .file-actions .move{width:auto;min-width:44px;white-space:nowrap;padding-inline:4px}
.tools-site .sidebar{padding:20px;border:1px solid var(--yb-border);border-radius:12px;background:white;min-width:0}
.tools-site .page>.workspace{display:grid;grid-template-columns:320px minmax(0,1fr);gap:32px;align-items:start;background:transparent;border:0;box-shadow:none;overflow:visible;border-radius:0;min-height:0}
.tools-site .sidebar-heading{margin:20px 0 12px}
.tools-site .mode-tabs{gap:8px;border:0;flex-wrap:wrap;margin-bottom:24px}
.tools-site .mode-tab{min-height:44px;padding:8px 12px;font-size:14px;font-weight:400;border-radius:8px}
.tools-site .mode-tab[aria-selected=true]{color:var(--yb-primary);background:var(--yb-pale)}
.tools-site .mode-tab[aria-selected=true]::after{display:none}
.tools-site .search-wrap{display:grid;gap:16px}
.tools-site .search-wrap svg{top:24px;left:16px}
.tools-site #searchInput{font-size:14px;height:48px;padding:12px 16px 12px 48px;border-radius:8px}
.tools-site .search-btn{position:static;height:auto;width:100%}
.tools-site .helper-row{align-items:flex-start;flex-wrap:wrap;font-size:12px;line-height:20px}
.tools-site .empty-state{min-height:230px;text-align:left;padding:24px 0;place-items:start}
.tools-site .empty-inner{max-width:none}
.tools-site .document-art{display:none}
.tools-site .empty-state h2{font-size:22px;line-height:34px}
.tools-site .result-card,.tools-site .finding-card{border-radius:12px;padding:20px;border-color:var(--yb-border)}
.tools-site .result-card button{min-height:44px;margin-top:12px;font-size:14px}
.tools-site .result-meta,.tools-site .results-head,.tools-site .diff-summary{flex-wrap:wrap;overflow-wrap:anywhere}
.tools-site .result-file{white-space:normal;overflow-wrap:anywhere;font-size:14px}
.tools-site .results{gap:20px}
.tools-site .result-text{font-size:14px;line-height:24px}
.tools-site .compare-controls{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:16px}
.tools-site .compare-controls .compare-btn{grid-column:1/-1;width:100%}
.tools-site #checkMode .check-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.tools-site .check-btn{align-self:end}
.tools-site .check-empty,.tools-site .compare-empty{min-height:160px;font-size:14px;line-height:24px}
.tools-site .report-toolbar{flex-wrap:wrap;gap:12px}
.tools-site #checkMode .report-toolbar p{max-width:none}
.tools-site .finding-top,.tools-site .finding-body{padding:0}
.tools-site .finding-body{margin-top:12px}
.tools-site .finding-title{font-size:18px;line-height:28px}
.tools-site #checkFindings .finding-meta{grid-template-columns:64px minmax(0,1fr)}
.tools-site .reader-dialog,.tools-site .preview-dialog{border-radius:12px;border-color:var(--yb-border);padding:24px}
.tools-site dialog header{align-items:flex-start;overflow-wrap:anywhere}
.tools-site dialog h2{font-size:18px;min-width:0;margin:0}
.tools-site .yb-task-card{padding:20px;margin:0 0 20px;border:1px solid var(--yb-border);border-radius:12px;background:white;overflow-wrap:anywhere}
.tools-site .yb-task-card[data-state=error]{border-color:var(--yb-danger)}
.tools-site .yb-task-card[data-state=complete]{border-color:var(--yb-success)}
.yb-task-card h2{font-size:22px;line-height:34px;margin:0 0 8px}
.yb-task-card p{font-size:14px;line-height:24px;color:var(--yb-muted);margin:0 0 12px}
.yb-task-card progress{display:block;width:100%;height:6px;border:0;border-radius:8px;overflow:hidden;accent-color:var(--yb-primary);margin:16px 0;background:var(--yb-pale)}
.yb-task-card progress::-webkit-progress-bar{background:var(--yb-pale)}
.yb-task-card progress::-webkit-progress-value{background:var(--yb-primary);border-radius:8px}
.yb-task-card progress::-moz-progress-bar{background:var(--yb-primary)}
.yb-task-card button,.yb-result-actions button{min-height:44px;margin:8px 8px 0 0}
.yb-result-files{list-style:none;padding:0;margin:16px 0;display:grid;gap:12px}
.yb-result-files li{padding:16px;border:1px solid var(--yb-border);border-radius:8px;font-size:14px;overflow-wrap:anywhere}
.yb-result-files small{display:block;font-size:12px;color:var(--yb-muted);margin-top:4px}
.yb-flow-extra details{border:1px solid var(--yb-border);border-radius:8px;padding:16px;margin:16px 0}
.yb-flow-extra summary{min-height:24px;color:var(--yb-primary);cursor:pointer;font-size:14px}
.yb-result-preview-item{padding:12px 0;border-bottom:1px solid var(--yb-border);overflow-wrap:anywhere}
.yb-result-preview-item:last-child{border:0}
.yb-result-actions{display:flex;flex-wrap:wrap;gap:12px}
.yb-result-actions .primary{width:100%}
.yb-tool-export-note{font-size:12px;color:var(--yb-success);margin-top:12px}
.tools-site .tools-demo{float:none;margin:16px 0 0}
.tools-site .tools-demo button{width:100%}
.tools-site .footer-note{text-align:left;font-size:12px;line-height:20px}
.tools-site .callout{border:1px solid var(--yb-border);background:white;border-radius:8px;font-size:12px;line-height:20px}
/* The Figma specimen is a two-second loop. Product state entry plays its first phase once.
   Processing progress uses real engine counts, not the specimen's illustrative width track. */
@keyframes kf_60_3139_opacity_0{0%{animation-timing-function:ease-out;opacity:0}16%{opacity:1}100%{opacity:1}}
@keyframes kf_60_3139_translate_0{0%{animation-timing-function:ease-out;translate:0 8px}16%{translate:0 0}100%{translate:0 0}}
@media(prefers-reduced-motion:no-preference){
 .yb-state-enter{animation:kf_60_3139_opacity_0 2s linear,kf_60_3139_translate_0 2s linear;animation-iteration-count:1;animation-fill-mode:both}
 .yb-main-nav.open{animation:yb-menu-enter .22s ease-out both}
 .tools-site .panel.active,.tools-site [role=tabpanel]:not(.hidden){animation:yb-fade .2s ease-out both}
 .yb-skeleton span{animation:yb-skeleton-load 1.2s ease-in-out infinite alternate}
}
@keyframes yb-menu-enter{from{opacity:0;translate:8px 0}to{opacity:1;translate:0 0}}
@keyframes yb-skeleton-load{from{opacity:.55}to{opacity:1}}
@media(max-width:960px){
 .yb-main-nav.open{grid-template-columns:1fr;gap:8px}
 .yb-main-nav a{min-height:44px}
 .yb-main-nav a[aria-current=page]{background:var(--yb-pale)}
 .yb-site-header:has(.yb-main-nav.open){max-height:100dvh;overflow-y:auto;overscroll-behavior:contain}
 .tools-site .yb-doc-layout,.tools-site .page>.workspace{grid-template-columns:280px minmax(0,1fr);gap:24px}
 .tools-site .file-row,.tools-site .file-item{padding:12px;gap:8px}
}
@media(max-width:700px){
 html{scroll-padding-top:100px}
 body{font-size:14px;line-height:24px}
 .yb-mobile-only{display:block}.yb-desktop-only{display:none!important}
 .yb-topbar{min-height:84px;padding:15px 20px;gap:12px}
 .yb-brand{min-width:0;gap:12px}
 .yb-brand strong{font-size:22px;line-height:30px}
 .yb-brand em{font-size:12px;line-height:20px;margin:0;white-space:normal}
 .yb-brand-mark{width:42px;height:42px;flex-basis:42px}
 .yb-nav-toggle{width:44px;height:44px;padding:12px;border:1px solid var(--yb-border)}
 .yb-section{padding-top:20px;padding-bottom:20px}
 .yb-section-head{margin-bottom:20px}
 .yb-section-head h2,.yb-home-features h2{font-size:22px;line-height:34px;margin:0}
 body .yb-hero.yb-hero-visual,body .yb-hero.yb-hero-home{padding:20px 0;min-height:0}
 body .yb-hero.yb-hero-visual>.yb-wrap{gap:12px}
 .yb-hero h1,.yb-hero.small h1,.yb-hero-home h1,.yb-hero-visual .yb-page-heading h1{font-size:28px;line-height:42px;margin:0 0 12px;letter-spacing:0}
 .yb-hero-home h1{max-width:350px}
 .yb-hero p,.yb-hero.small p,.yb-hero-visual .yb-page-heading p{font-size:14px;line-height:24px;margin:0}
 .yb-kicker,.yb-hero-home .yb-kicker{font-size:12px;line-height:20px;margin:0 0 12px}
 .yb-hero-home .yb-kicker::before{display:none}
 .yb-hero-home .yb-hero-layout{gap:12px}
 .yb-hero-home .yb-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0 0;width:100%}
 .yb-hero-home .yb-actions a{padding:12px 6px;min-height:48px;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:24px;width:100%}
 .yb-hero-topics{display:none}
 .yb-insight-card{border:0;border-radius:12px;background:transparent}
 .yb-insight-card>img,.yb-insight-card picture img{height:180px;object-position:50% 50%;border-radius:12px}
 .yb-insight-body{display:none}
 .yb-home-features{padding:20px 0 0}
 .yb-home-features h2{margin-bottom:20px}
 .yb-home-feature-grid{grid-template-columns:minmax(0,1fr);gap:20px}
 .yb-home-feature-grid>a:nth-child(3){order:3}
 .yb-home-feature-grid>a:nth-child(4){order:2}
 .yb-home-feature-grid>a:nth-child(5){order:4}
 .yb-home-feature-grid .yb-feature{padding:20px;min-height:0}
 .yb-feature-top>svg{display:none}
 .yb-mobile-feature-icon{width:24px;height:24px;margin:0 0 12px}
 .yb-feature-top h3{font-size:18px;line-height:28px;margin:0}
 .yb-feature-top svg{width:24px;height:24px;margin:0 0 12px}
 .yb-home-feature-grid p{font-size:14px;line-height:24px;margin:12px 0}
 .yb-feature-more{font-size:14px;line-height:24px;margin:12px 0 0}
 .yb-home-news-layout,.yb-home-research-layout{gap:20px}
 .yb-home-news-lead-body,.yb-home-news-lead{border-radius:12px}
 .yb-home-news-lead-body{padding:20px}
 .yb-home-news-lead-media{height:170px}
 .yb-home-news-lead h3{font-size:18px;line-height:28px}
 .yb-news-row{display:flex;flex-direction:column;gap:12px;padding:20px}
 .yb-news-thumb{height:150px;min-height:150px;width:100%;border-radius:12px}
 .yb-news-row-body h2{font-size:18px;line-height:28px;margin:8px 0}
 .yb-news-row-body p{display:block;font-size:14px;line-height:24px;margin:8px 0;color:var(--yb-muted)}
 .yb-news-foot{font-size:12px;line-height:20px;flex-wrap:wrap}
 .yb-filter a,.rd-filters button{min-height:44px;display:inline-flex;align-items:center}
 .yb-filter-rich,.yb-filter-panel{padding:0;border:0}
 .yb-filter{flex-wrap:wrap}
 .yb-institution-card,.yb-home-institutions .yb-institution-card,.rd-row{padding:20px}
 .yb-institution-body h3{font-size:18px;line-height:28px}
 .yb-detail-main,.yb-article-card,.yb-document-body{padding:20px}
 .yb-info-table div{min-width:0;overflow-wrap:anywhere}
 .yb-article-body{font-size:16px;line-height:28px;overflow-wrap:anywhere}
 .yb-article-body img{height:auto;max-width:100%;object-fit:contain}
 .yb-document-toc{padding:20px}
 .yb-document-toc a{min-height:44px;padding:10px 0}
 .yb-feedback-form{padding:0;border:0}
 .yb-feedback-form h2{font-size:22px;line-height:34px}
 .yb-feedback-form label{font-size:14px;font-weight:400;margin:20px 0}
 .yb-feedback-form input,.yb-feedback-form select,.yb-feedback-form textarea{font-size:16px;line-height:24px;padding:12px 16px;min-height:48px}
 .yb-feedback-form #fbContent{min-height:150px}
 .yb-feedback-success{border:0;padding:0;text-align:left}
 .yb-feedback-success .yb-success-icon{display:none}
 .yb-feedback-success h2{font-size:28px;line-height:42px}
 .yb-feedback-success .yb-btn,.yb-feedback-success .yb-action-btn{display:block;width:100%;margin:12px 0;text-align:center}
 .yb-feedback-layout{gap:20px}
 .yb-feedback-note{padding:20px}
 body:has(#fbSuccess:not([hidden])) .yb-feedback-note{display:none}
 .yb-home-cta{padding:20px;background:white;border:1px solid var(--yb-border);margin-top:20px}
 .yb-home-cta h2{color:var(--yb-text);font-size:22px;line-height:34px}
 .yb-home-cta p{color:var(--yb-muted)}
 .yb-home-cta a{display:block;text-align:center;background:var(--yb-primary);color:#fff;padding:12px 16px;margin-top:20px}
 .yb-site-footer{background:var(--yb-bg);color:var(--yb-muted);padding:20px 0}
 .yb-site-footer .yb-footer-grid,.tools-site .yb-site-footer .yb-footer-grid{display:block;padding-top:0}
 .yb-site-footer .yb-footer-brand{color:var(--yb-text)}
 .yb-site-footer .yb-footer-brand strong{color:var(--yb-text);font-size:22px;line-height:34px}
 .yb-footer-brand-mark{display:none}
 .yb-site-footer .yb-footer-brand-panel>p{color:var(--yb-muted);font-size:12px;line-height:20px;margin:12px 0 0}
 .yb-site-footer a{color:var(--yb-primary)}
 .yb-site-footer .yb-footer-section{display:none}
 .yb-footer-mobile-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px;font-size:12px;line-height:20px}
 .yb-footer-contact-line{font-size:12px;line-height:20px;margin-top:12px;color:var(--yb-muted)}
 .yb-footer-filing-line{display:flex;flex-direction:column;align-items:flex-start;gap:12px;font-size:12px;color:var(--yb-muted)}
 .yb-footer-filing-line>a{order:2;color:var(--yb-muted)}
 .yb-footer-filing-line .yb-police-filing{order:1}
 .yb-footer-bottom{margin-top:12px;padding-top:12px;border-color:var(--yb-border);color:var(--yb-muted)}
 .yb-police-filing img{object-fit:contain;border-radius:0;flex:none}
 .ys-page{padding:20px}
 .ys-paper{padding:20px}
 .ys-intro h1{font-size:28px;line-height:42px}
 .ys-option{min-height:48px;padding:12px 16px}
 .ys-info-grid{grid-template-columns:1fr}
 .ys-survey-side{position:static}
 .tools-site main.page,.tools-site main.wrap{width:100%;padding:20px}
 .yb-tool-hero{padding:20px 0}
 .yb-tool-hero h1{font-size:28px;line-height:42px}
 .yb-tool-hero p{font-size:14px;line-height:24px}
 .yb-flow-steps{gap:8px;margin-bottom:20px}
 .yb-flow-steps li{padding:12px 8px;display:block;font-size:12px;line-height:20px}
 .yb-flow-steps li::before{display:block;margin-bottom:4px}
 .tools-site .yb-doc-layout,.tools-site .page>.workspace{grid-template-columns:minmax(0,1fr);gap:20px}
 .tools-site .yb-file-panel,.tools-site .sidebar,.tools-site .yb-doc-operations,.tools-site .main-panel{padding:16px}
 .tools-site .yb-doc-operations{padding:0;border:0}
 .tools-site .yb-doc-operations .tool-nav{display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid var(--yb-border);border-radius:12px}
 .tools-site .tool-tab{width:100%;justify-content:flex-start;text-align:left;padding:10px 8px;font-size:14px}
 .tools-site .tool-tab::before{content:"○";font-size:16px;margin-right:8px}
 .tools-site .tool-tab.active::before{content:"●"}
 .tools-site .form-grid{grid-template-columns:minmax(0,1fr)}
 .tools-site .field input,.tools-site .field select,.tools-site .select-field select,.tools-site #checkCompany,.tools-site #searchInput{font-size:16px}
 .tools-site .file-row,.tools-site .file-item{padding:16px;gap:12px}
 .tools-site .file-list{max-height:360px}
 .tools-site .mode-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
 .tools-site .mode-tab{white-space:normal;padding:8px 4px;font-size:12px}
 .tools-site .compare-controls,.tools-site #checkMode .check-controls{grid-template-columns:minmax(0,1fr)}
 .tools-site .compare-controls .select-field,.tools-site .compare-controls .swap-btn,.tools-site .compare-controls .compare-btn{grid-column:1;grid-row:auto}
 .tools-site .swap-btn{justify-self:center;min-height:44px}
 .tools-site #checkFindings .finding-meta{grid-template-columns:minmax(0,1fr)}
 .tools-site .result-card,.tools-site .finding-card{padding:16px}
 .tools-site .result-meta{display:block}
 .tools-site .result-meta>span{display:block;margin-bottom:4px}
 .tools-site .disclaimer{font-size:12px;line-height:20px}
 .tools-site .yb-task-card{padding:16px}
 .tools-site .yb-result-actions button{width:100%;margin:0}
 .tools-site .reader-dialog,.tools-site .preview-dialog{padding:20px;width:calc(100% - 32px);max-width:none;max-height:90dvh}
 .tools-site dialog header{display:flex;flex-wrap:wrap;gap:12px}
 .tools-site .tools-grid .yb-card{padding:20px}
 .tools-card-icon{width:24px;height:24px;margin-bottom:12px}
 .tools-grid h3{font-size:18px;line-height:28px;margin:0 0 12px}
 .tools-card-meta,.tools-card-action{margin-top:12px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.yb-state-enter,.yb-main-nav.open,.yb-skeleton span{animation:none!important;translate:none!important;opacity:1!important}.yb-task-card progress{transition:none!important}}

/* Keep faces visible in the mobile-only homepage photograph. */
@media(max-width:700px){.yb-hero-home .yb-insight-card picture img{height:clamp(180px,calc((100vw - 40px)/2),330px);object-position:50% 0%}}