/* v1.1.2 phone-first reading and task layouts.
   Deliberately mobile-only: presentation colors, desktop rules and navigation
   visibility/keyboard/safe-area behavior remain owned by their original files.
   Static CSS checks are not a substitute for real-device visual QA. */
@media(max-width:800px){
  html{scroll-padding-top:16px}
  body{font-size:14px;line-height:1.7}
  .main{margin-left:20px;margin-right:20px}
  .main :is(section,article,aside,form,fieldset),.dialog :is(section,article,form,fieldset){min-width:0}
  .main :is(h1,h2,h3,p,li,dd),.dialog :is(h1,h2,h3,p,li,dd){overflow-wrap:anywhere}
  /* Reading copy stays readable even where legacy presentation styles used !important. */
  body .main p,body .main li,body .dialog p,body .dialog li,
  body .main .dv-page p,body .main .dv-ai-entry p,body .main .dv-page .dv-teacher-title,
  body .main .dv-page .dv-teacher-description,body .main .dv-page .dv-case p,
  body .main .dv-page .dv-section-head p,body .main .dv-page .dv-detail-method p,
  body .main .dv-page .dv-review p,body .main .dv-page .dv-profile-copy>p,
  body .main .dv-page .dv-consult-card>p,body .main .dv-page .dv-studio-intro p,
  body .main .dv-page .dv-tool p,body .main .dv-page .dv-human-ticket p,
  body .main .dv-page .dv-studio-end p,body .main .dv-page .dv-directory-help p,
  body .main .dv-page .dv-taxonomy p,body .main .dv-page .dv-detail-tools p,
  body .main .dv-page .dv-process-grid p{font-size:14px!important;line-height:1.85!important}
  body .main :is(.notice,.help,.chat-message,.check-row,.field,.order-status-line,.order-money,.teacher-meta,.bu-record,.bu-empty,.bu-steps,.bu-form-error),
  body .dialog :is(.notice,.help,.chat-message,.check-row,.field),
  body .main .bu-form .field{font-size:14px!important;line-height:1.8}
  body .main :is(small,figcaption,.tag,.eyebrow,.trustline,.rating,.score-label,.footer,.visual-label,.wb-sub,.evidence-row,.plan-date,.stepper span,.admin-label),
  body .dialog :is(small,figcaption,.tag,.stepper span),body .header .brand small,
  body .main .dv-page small,body .main .dv-ai-entry small,
  body .main .dv-page :is(.dv-kicker,.dv-disclaimer,.dv-status,.dv-case-category,.dv-results-label,.dv-teacher-meta,.dv-demo-chip,.dv-portrait-note,.dv-detail-back,.dv-topics span,.dv-profile-facts span,.dv-profile-facts small,.dv-profile-copy h1>span,.dv-teacher-footer>span,.dv-case-number span,.dv-consult-card-top,.dv-consult-boundary,.dv-slot>span,.dv-detail-method span,.dv-studio-pill,.dv-studio-version,.dv-studio-intro>span,.dv-tool-top,.dv-tool-preview span,.dv-ticket-avatars span,.dv-bridge-label),
  body .main .dv-page .dv-teacher .tag,body .main .dv-page .dv-profile .tag,
  .dv-board-top,.dv-board-bottom,.dv-board-sheet b,.dv-paper-tab,.dv-hero-footnote,
  .dv-business-toolstrip>button span,.dv-business-toolstrip small,.dv-ai-entry .dv-kicker{
    font-size:12px!important;line-height:1.7!important;letter-spacing:0;overflow-wrap:anywhere
  }
  body .main .dv-page .dv-profile-facts b{font-size:14px!important;line-height:1.7}
  body .main :is(.evidence-row b,.audit-stat small,.teacher-top p,.teacher-bottom small,.specialty-group h3 span){font-size:12px!important}
  body .main :is(button,.btn,.text-btn,.chip,.dv-button),body .dialog :is(button,.btn),
  .preview-tools :is(button,summary,.scheme-switcher a){min-height:44px;font-size:14px!important;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
  body .main .dv-page .dv-button,body .main .dv-ai-entry .dv-button{min-height:44px!important;font-size:14px!important;padding:11px 15px!important}
  body :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px!important;line-height:1.5;min-height:44px;min-width:0;max-width:100%}
  body input::file-selector-button{font-size:14px;min-height:44px;white-space:normal}
  body .main :is(label,summary,legend){font-size:14px;line-height:1.7}
  body :is(.check-row,.checkbox-grid label,.specialty-checkboxes label){min-height:44px}
  body input:is([type=checkbox],[type=radio]){width:20px;height:20px;flex:none;accent-color:var(--green)}
  body .main pre{font-size:14px!important;line-height:1.8;overflow-wrap:anywhere;white-space:pre-wrap}
  .main .nowrap{white-space:normal}
  .actions,.inline-actions,.filter-bar,.footer-links{gap:10px;flex-wrap:wrap}
  .actions>*,.inline-actions>*{max-width:100%}
  .filter-bar input,.filter-bar select{width:100%;max-width:none;min-width:0;flex:1 1 200px}
  .card,.business-ui .card{padding:22px 20px}
  .page-head{padding:26px 0 22px;gap:16px}
  .page-head h1,.bu-page-head h1{font-size:30px;line-height:1.4;letter-spacing:-.5px}
  .section-title,.dv-section-head{align-items:flex-start;flex-wrap:wrap;gap:12px}
  .section-title h2,.dv-page .dv-section-head h2{font-size:24px;line-height:1.5}
  .grid-2,.grid-sidebar,.form-grid,.bu-two,.bu-order-columns,.bu-consult-layout{grid-template-columns:minmax(0,1fr)}
  .stats-grid,.bu-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .stat-card{padding:18px;min-width:0}
  .stat-card strong{font-size:26px;overflow-wrap:anywhere}
  .bu-kv{gap:16px 22px}
  .bu-kv>div{min-width:0;flex:1 1 130px}
  .bu-kv :is(strong,b){font-size:18px;overflow-wrap:anywhere}
  .bu-details summary{font-size:14px;min-height:48px}
  .bu-details-body{padding:16px}
  .bu-record-head{gap:10px}
  .bu-thread .chat-message{max-width:96%;padding:14px}
  .bu-corporate-account dl>div{grid-template-columns:1fr;gap:4px;font-size:14px}
  .bu-corporate-account dd{font-size:16px;line-height:1.7}
  .bu-invite-share{padding:14px}
  .business-ui .data-table :is(th,td){font-size:14px;line-height:1.7}
  .table-wrap{overflow-x:auto;max-width:100%;overscroll-behavior-x:contain}
  .data-table{font-size:14px}
  /* Account access is a task in 我的, not a second phone header navigation. */
  .preview-tools .bu-quick-actions,.preview-tools [data-bu-nav="account"]{display:none}
  .preview-tools-inner,.preview-demo-note{margin-left:20px;margin-right:20px}
  .preview-tools .bu-identity{flex-wrap:nowrap;gap:10px}
  .bu-identity-current{min-width:0;flex:1 1 auto;flex-wrap:wrap;gap:2px 7px}
  .bu-identity-current strong{font-size:14px;max-width:none;white-space:normal;overflow-wrap:anywhere}
  .bu-demo-badge,.bu-current-role,.preview-demo-note,.bu-tools-note,.bu-tools-heading span{font-size:12px;line-height:1.6}
  .bu-demo-tools{margin-left:auto;flex:none}
  .bu-demo-tools>summary{font-size:12px!important;padding:8px 10px}
  .bu-demo-panel{padding:18px;max-width:calc(100vw - 32px)}
  .preview-tools .bu-identity-actions .btn{font-size:12px!important}
  .preview-tools .scheme-switcher a{font-size:12px!important;padding:9px 5px}
  .header .brand{font-size:17px;gap:10px;min-height:44px;min-width:0;white-space:normal}
  .header .brand small{line-height:1.4!important;letter-spacing:.3px}
  .header .brand-mark{flex:none}
  /* Original: an approachable green service list, compact workbench below copy. */
  .hero{grid-template-columns:minmax(0,1fr);gap:24px;padding:26px 0 32px}
  .hero h1{font-size:38px;line-height:1.4;letter-spacing:-1px;margin-bottom:18px}
  .hero-copy>p{max-width:none;margin:16px 0 22px}
  .trustline{flex-wrap:wrap;gap:8px 16px;margin-top:20px}
  .hero-visual{min-height:0;max-width:none;padding:18px;overflow:hidden}
  .visual-label{gap:10px;flex-wrap:wrap;margin-bottom:12px}
  .workbench{margin:0;padding:18px;transform:none}
  .wb-head{font-size:14px;gap:12px;flex-wrap:wrap;padding-bottom:12px;margin-bottom:14px}
  .audit-stat{gap:15px;padding:15px 0}
  .audit-stat strong{font-size:26px}
  .evidence-row{flex-wrap:wrap;gap:8px}
  .floating-card{position:static;width:100%;margin-top:14px;padding:14px 18px;transform:none}
  .floating-card p{margin-bottom:0}
  .service-grid,.teacher-grid,.resource-grid{grid-template-columns:minmax(0,1fr);gap:14px}
  .service-card{padding:22px 20px;grid-template-columns:38px minmax(0,1fr);gap:0 16px}
  .service-card h3,.teacher-top h3,.resource-body h3{font-size:19px;line-height:1.5}
  .teacher-card{padding:22px 20px}
  .teacher-top>div{min-width:0}
  .teacher-bottom{gap:12px;flex-wrap:wrap}
  .teacher-bottom .btn{flex:1 1 150px}
  .process-band{padding:24px 20px;gap:22px}
  .process-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}
  .process-step{font-size:14px;line-height:1.7}
  .process-step b{font-size:12px;margin-bottom:6px}
  .process-step:not(:last-child):after{content:none}
  .resource-body{padding:22px 20px}
  .resource-art small{font-size:12px;letter-spacing:0}
  .plan-item{display:grid;grid-template-columns:70px minmax(0,1fr);gap:12px 16px;align-items:start}
  .plan-date,.plan-info{min-width:0}
  .plan-item>.btn{grid-column:1/-1;margin-left:0;justify-self:stretch}
  .plan-info h3{font-size:17px;line-height:1.6}
  .detail-hero{align-items:flex-start;gap:16px}
  .detail-hero>div{min-width:0}
  .detail-hero h1{font-size:28px;line-height:1.4}
  .detail-block h3{font-size:18px}
  .bottom-banner{padding:26px 22px}
  .footer{gap:14px}
  .footer-links a{display:inline-flex;align-items:center;min-height:44px}
  /* Business: keep the editorial/serif identity, but stop squeezing two columns. */
  .dv-page{padding-top:18px}
  .dv-business-hero{grid-template-columns:minmax(0,1fr);padding:20px 0 28px;gap:24px}
  .dv-business-hero h1{font-size:38px;line-height:1.5;margin:16px 0}
  .dv-hero-footnote{flex-wrap:wrap;gap:8px 16px;margin-top:22px}
  .dv-hero-footnote span+span{padding-left:0;border-left:0}
  .dv-editorial-board{min-height:0;padding:22px;display:grid;grid-template-columns:1fr 1.2fr;gap:14px 20px}
  .dv-board-top,.dv-board-bottom{grid-column:1/-1;gap:10px;flex-wrap:wrap}
  .dv-board-title{font-size:30px;margin:10px 0;align-self:center}
  .dv-board-sheet{margin:10px 0 0;padding:18px 16px 8px}
  .dv-board-sheet>div{grid-template-columns:24px minmax(0,1fr);gap:8px;font-size:14px}
  .dv-board-sheet small{grid-column:2;white-space:normal}
  .dv-board-bottom{margin-top:5px}
  .dv-business-toolstrip{grid-template-columns:1fr 1fr}
  .dv-business-toolstrip>div{grid-column:1/-1;min-width:0;gap:14px;padding:18px 0}
  .dv-business-toolstrip>button{padding:18px 14px;min-height:90px}
  .dv-business-toolstrip>button:nth-child(2){border-left:0}
  .dv-business-toolstrip b{font-size:16px;line-height:1.6}
  .dv-business-toolstrip>button b{font-size:19px}
  .dv-mini-symbol{flex:none}
  .dv-section{margin:38px 0}
  .dv-page .dv-section-head{display:block;margin-bottom:20px}
  .dv-page .dv-section-head>.dv-button{margin:10px 0 0}
  .dv-teachers-grid,.dv-directory .dv-teachers-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .dv-page .dv-teacher{min-width:0;display:flex;flex-direction:column}
  .dv-page .dv-teacher-portrait{height:152px;min-height:0;padding:12px 15px 0;align-items:flex-end;justify-content:center}
  .dv-page .dv-teacher-portrait .teacher-avatar{width:120px!important;height:132px!important}
  .dv-page .dv-teacher-business .dv-portrait-note,.dv-page .dv-directory-business .dv-portrait-note,.dv-page .dv-directory-studio .dv-portrait-note{position:static;writing-mode:horizontal-tb;max-width:100%;padding:0;top:auto;bottom:auto;text-align:center}
  .dv-page .dv-teacher-business .dv-teacher-portrait,.dv-page .dv-directory-business .dv-teacher-portrait{display:flex;flex-direction:row;align-items:center;gap:18px;padding:14px 20px}
  .dv-page .dv-teacher-business .dv-teacher-portrait .teacher-avatar,.dv-page .dv-directory-business .dv-teacher-portrait .teacher-avatar{width:95px!important;height:105px!important;flex:none}
  .dv-page .dv-teacher-body{padding:20px;min-width:0}
  .dv-page .dv-teacher-heading{flex-wrap:wrap;gap:5px 12px}
  .dv-page .dv-teacher-heading h3{font-size:22px}
  .dv-page .dv-teacher-description{min-height:0;margin-bottom:16px}
  .dv-page .dv-teacher-meta{min-height:0;flex-wrap:wrap;gap:8px 16px}
  .dv-page .dv-teacher-footer{position:static;width:100%;border-left:0;padding:15px 0 0;gap:12px}
  .dv-page .dv-teacher-footer>span{min-height:0}
  .dv-page .dv-teacher-footer .dv-button{width:100%;align-self:stretch}
  .dv-page .dv-case{grid-template-columns:40px minmax(0,1fr);gap:14px;padding:24px 0}
  .dv-page .dv-case>.dv-button,.dv-page .dv-case>.dv-empty-file{grid-column:2;justify-self:start}
  .dv-page .dv-case h3{font-size:19px;line-height:1.6}
  .dv-page .dv-case-number span{margin-top:8px}
  .dv-page .dv-case-studio{display:block;padding:22px}
  .dv-page .dv-case-studio .dv-case-number{display:flex;gap:16px}
  .dv-process{margin-top:38px;padding:26px 0}
  .dv-process-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 22px}
  .dv-page .dv-process-grid h3{font-size:17px}
  .dv-business-cta{display:block;padding:28px 24px}
  .dv-business-cta p{max-width:none}
  .dv-business-cta .dv-button{margin-top:20px}
  /* Studio: retain the purple/peach working-desk modules and softer team list. */
  .dv-studio-title{display:block;padding:18px 0 24px}
  .dv-studio-title h1{font-size:40px;line-height:1.4;letter-spacing:-1px;margin:12px 0 18px}
  .dv-studio-intro{display:block;min-width:0;padding:0}
  .dv-studio-intro>span{display:block;margin-top:10px;text-align:left}
  .dv-studio-hero-top{flex-wrap:wrap;gap:10px}
  .dv-studio-tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .dv-page .dv-tool{padding:24px 20px;min-width:0}
  .dv-page .dv-tool-top{font-size:12px;min-height:44px;margin-bottom:16px;flex-direction:row;align-items:center;gap:12px}
  .dv-page .dv-tool-icon{position:static;align-self:auto;flex:none;width:40px;height:40px;font-size:26px}
  .dv-page .dv-tool h2{font-size:28px}
  .dv-page .dv-tool-preview{min-height:0;padding:16px 14px;gap:12px}
  .dv-page .dv-tool-preview span{font-size:14px!important;line-height:1.7}
  .dv-page .dv-tool>.dv-button{font-size:14px!important;padding:12px 16px!important}
  .dv-page .dv-human-ticket{grid-column:1/-1;display:flex;flex-direction:column;align-items:stretch;gap:14px;padding:24px}
  .dv-page .dv-human-ticket h2{font-size:28px;margin:12px 0}
  .dv-page .dv-human-ticket h2 br{display:none}
  .dv-page .dv-human-ticket .dv-ticket-avatars{margin:0;align-self:auto;justify-self:auto;justify-content:flex-start;flex-wrap:wrap;gap:4px}
  .dv-page .dv-human-ticket .dv-button{max-width:none;width:100%;margin:0;align-self:stretch}
  .dv-page .dv-ticket-avatars span{display:block;font-size:12px!important}
  .dv-studio-bridge{display:block;padding:24px 0}
  .dv-studio-bridge>div{display:flex;gap:10px 20px;flex-wrap:wrap}
  .dv-page .dv-studio-bridge .dv-button{font-size:14px!important;min-height:44px!important}
  .dv-studio-team .dv-teacher{grid-template-columns:100px minmax(0,1fr);gap:20px;padding:24px 0}
  .dv-page .dv-studio-team .dv-teacher{display:grid}
  .dv-page .dv-studio-team .dv-teacher-portrait{height:124px;padding:10px 0 0;align-items:flex-end}
  .dv-page .dv-studio-team .dv-teacher-portrait .teacher-avatar{width:100px!important;height:110px!important}
  .dv-page .dv-studio-team .dv-teacher-body{padding:0;display:block}
  .dv-page .dv-studio-team .dv-teacher-title,.dv-page .dv-studio-team .dv-teacher-description{font-size:14px!important}
  .dv-page .dv-studio-team .dv-teacher-footer>.dv-button{width:100%;align-self:stretch}
  .dv-studio-case-grid{grid-template-columns:minmax(0,1fr);gap:16px}
  .dv-process-studio{padding:26px 22px}
  .dv-studio-end{display:block;padding:32px 0 20px}
  .dv-studio-end span{font-size:28px}
  .dv-studio-end>.dv-button{margin-top:18px}
  /* Directory and detail are tasks, not miniature desktop sidebars. */
  .dv-directory-head{display:block;padding:20px 0 24px}
  .dv-directory-head h1,.dv-directory-studio .dv-directory-head h1{font-size:34px;line-height:1.5}
  .dv-page .dv-directory-help{min-width:0;display:block;margin-top:22px;padding:22px}
  .dv-directory-layout,.dv-directory-studio .dv-directory-layout{display:block;margin:24px 0 34px}
  .dv-directory-filters,.dv-directory-studio .dv-directory-filters{margin-bottom:24px;padding:20px}
  .dv-filter-fields,.dv-directory-studio .dv-filter-fields{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
  .dv-page .dv-filter-fields .control{font-size:16px!important;width:100%}
  .dv-taxonomy{margin-top:22px;padding-top:20px}
  .dv-directory-studio>.dv-taxonomy{display:block}
  .dv-results-label{flex-wrap:wrap;gap:8px}
  .dv-page .dv-profile,.dv-page .dv-detail-studio .dv-profile{grid-template-columns:110px minmax(0,1fr);gap:22px;padding:24px}
  .dv-page .dv-profile-portrait{padding:12px 10px;gap:10px}
  .dv-page .dv-profile-portrait .teacher-avatar{width:90px!important;height:100px!important}
  .dv-page .dv-profile-portrait>small{max-width:none}
  .dv-page .dv-profile-copy h1{font-size:30px;display:block;line-height:1.5}
  .dv-page .dv-profile-copy h1>span{display:block;margin-top:5px}
  .dv-profile-byline{font-size:14px;gap:8px}
  .dv-profile-facts{flex-wrap:wrap;gap:18px 24px}
  .dv-profile-facts>div{flex:1 1 115px;min-width:0}
  .dv-detail-layout,.dv-detail-studio .dv-detail-layout{grid-template-columns:minmax(0,1fr);gap:22px;margin-top:26px}
  .dv-consult-card{position:static;padding:26px 24px}
  .dv-page .dv-consult-card h2{font-size:28px;margin:18px 0}
  .dv-page .dv-slot b{font-size:16px;line-height:1.8}
  .dv-page .dv-detail-method{display:block;padding:22px}
  .dv-detail-method>div+div{margin-top:20px}
  .dv-page .dv-detail-method b{font-size:16px}
  .dv-detail-tools{display:block;padding:22px}
  .dv-detail-tools>div:last-child{margin-top:16px;flex-wrap:wrap}
  .dv-ai-entry{display:block;padding:24px 22px;margin:24px 0}
  .dv-ai-entry-actions{margin-top:18px;min-width:0;gap:10px}
  /* AI results, source evidence and editable draft text must be legible too.
     AI injects its legacy stylesheet at runtime, hence scoped !important rules. */
  body .ai-workspace :is(.ai-copy,.ai-warning,.ai-mini-stat,.ai-finding-evidence div,.ai-finding-suggestion,.ai-evidence-line),
  body .ai-evidence-drawer .ai-evidence-highlight,body .ai-evidence-drawer p{font-size:14px!important;line-height:1.85!important;overflow-wrap:anywhere}
  body :is(.ai-workspace,.ai-evidence-drawer) :is(small,.ai-label,.ai-inline-note,.ai-rule-num,.ai-demo-label,.ai-badge,.ai-file-icon,.ai-editor-footer,.ai-audit-metric>span,.ai-project-tile>span,footer){font-size:12px!important;line-height:1.7;white-space:normal}
  body .ai-workspace :is(.ai-step,.ai-chapter-link,.ai-source-option strong,.ai-project-tile strong,.ai-file strong){font-size:14px!important;line-height:1.7;overflow-wrap:anywhere}
  body :is(.ai-workspace,.ai-evidence-drawer) button{min-height:44px!important;min-width:44px;font-size:14px!important;white-space:normal}
  body .ai-workspace .ai-shell{grid-template-columns:minmax(0,1fr)!important}
  body .ai-workspace .ai-edit-layout{grid-template-columns:minmax(0,1fr)!important;overflow:visible}
  body .ai-workspace .ai-panel{padding:22px 20px!important}
  body .ai-workspace .ai-outline-row{flex-wrap:wrap;gap:10px;padding:16px 12px}
  body .ai-workspace .ai-outline-fields{flex:1 1 170px}
  body .ai-workspace .ai-row-controls{flex-direction:row;margin-left:auto;gap:8px}
  body .ai-workspace .ai-icon-btn{height:44px;width:44px}
  body .ai-workspace .ai-editor{padding:20px 16px}
  body .ai-workspace .ai-editor textarea{font-size:16px!important;padding:16px;line-height:1.9;min-height:360px}
  body .ai-workspace .ai-editor-footer{flex-wrap:wrap;gap:8px}
  body .ai-workspace .ai-finding-head{flex-wrap:wrap;gap:12px}
  body .ai-workspace .ai-chapter-nav{display:flex;overflow-x:auto;max-width:100%;padding:12px;gap:8px}
  body .ai-workspace .ai-chapter-link{min-width:180px;flex:0 0 180px}
  body .ai-evidence-drawer{padding:20px}
  body .ai-evidence-drawer .ai-evidence-paper{padding:24px 20px;min-height:0}
  /* Support remains bounded by its existing visual-viewport dialog controller. */
  body .support-chat :is(.support-context,.support-disclaimer,.support-response,.support-message-meta,.support-status,.support-compose-actions small){font-size:12px!important;line-height:1.7;white-space:normal}
  body .support-chat .support-message p{font-size:14px!important;line-height:1.8}
  .support-chat-heading{min-width:0;flex-wrap:wrap}
  .support-chat>.support-chat-heading{padding-right:38px}
  .support-chat-heading h2{font-size:21px;line-height:1.5}
  .support-chat .support-compose-actions{flex-wrap:wrap}
  .support-chat .support-compose-actions small{flex:1 1 150px}
  .support-chat .support-compose-actions .btn{flex:0 1 auto;min-width:96px}
  .support-chat textarea{font-size:16px!important}
}

/* Only labeled customer-facing tables become cards. Admin/AI grids retain their
   own horizontal scroll rather than dropping columns or hiding information. */
@media(max-width:600px){
  .business-ui:is([data-bu-view="wallet"],[data-bu-view="account"]) .bu-table-wrap{border:0;overflow:visible}
  .business-ui:is([data-bu-view="wallet"],[data-bu-view="account"]) .bu-table-wrap .data-table{display:block;min-width:0;width:100%;border-collapse:separate}
  .business-ui:is([data-bu-view="wallet"],[data-bu-view="account"]) .bu-table-wrap thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
  .business-ui:is([data-bu-view="wallet"],[data-bu-view="account"]) .bu-table-wrap tbody{display:grid;gap:14px;width:100%}
  .business-ui:is([data-bu-view="wallet"],[data-bu-view="account"]) .bu-table-wrap tr{display:block;width:100%;padding:8px 16px;background:var(--white,#fff);border:1px solid var(--line);border-radius:10px}
  .business-ui:is([data-bu-view="wallet"],[data-bu-view="account"]) .bu-table-wrap td{display:block;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px;line-height:1.8;white-space:normal;overflow-wrap:anywhere}
  .business-ui:is([data-bu-view="wallet"],[data-bu-view="account"]) .bu-table-wrap td:last-child{border-bottom:0}
  .business-ui:is([data-bu-view="wallet"],[data-bu-view="account"]) .bu-table-wrap td[data-label]::before{content:attr(data-label);display:block;font-size:12px;font-weight:600;line-height:1.7;color:var(--muted);margin-bottom:4px}
  .business-ui:is([data-bu-view="wallet"],[data-bu-view="account"]) .bu-table-wrap td .btn{margin:6px 8px 0 0;white-space:normal;max-width:100%}
}

@media(max-width:480px){
  .main,.preview-tools-inner,.preview-demo-note{margin-left:16px;margin-right:16px}
  .header{padding-left:16px;padding-right:16px}
  .hero h1{font-size:34px;line-height:1.45}
  .hero .actions{display:grid;grid-template-columns:minmax(0,1fr)}
  .hero-visual{padding:14px}
  .audit-stat{gap:10px;flex-wrap:wrap}
  .audit-stat>div{min-width:90px}
  .service-card{display:block;padding:22px}
  .service-icon{margin-bottom:14px}
  .teacher-top{gap:14px;align-items:flex-start}
  .teacher-bottom{display:block}
  .teacher-bottom .btn{margin-top:12px;width:100%}
  .process-steps{grid-template-columns:minmax(0,1fr);gap:16px}
  .process-step{border-top:1px solid var(--line);padding-top:14px}
  .detail-hero{flex-wrap:wrap}
  .detail-hero>div{flex:1 1 180px}
  .stats-grid,.bu-kpis{grid-template-columns:minmax(0,1fr)}
  .bu-kpis .stat-card:last-child{grid-column:auto}
  .business-ui .inline-actions>.btn{width:100%}
  .card,.business-ui .card{padding:22px 18px}
  .bu-details-body{padding:14px}
  .bu-details-body .card{padding:16px 12px}
  .preview-tools .bu-identity-actions{grid-template-columns:minmax(0,1fr)}
  .bu-current-role{display:block}
  .bu-identity-current strong{font-size:13px}
  .bu-demo-tools>summary{max-width:112px}
  .dv-business-hero h1{font-size:34px}
  .dv-editorial-board{display:block;padding:20px}
  .dv-board-title{font-size:28px;line-height:1.5;margin:16px 0 20px}
  .dv-board-title br{display:none}
  .dv-board-sheet{margin:0;padding:20px 16px 8px}
  .dv-board-bottom{margin-top:16px}
  .dv-business-toolstrip{grid-template-columns:minmax(0,1fr)}
  .dv-business-toolstrip>button{border-left:0;border-top:1px solid var(--dv-border);min-height:76px;text-align:left;padding:16px 0}
  .dv-business-toolstrip>button span{margin-bottom:4px}
  .dv-teachers-grid,.dv-directory .dv-teachers-grid,.dv-studio-tools{grid-template-columns:minmax(0,1fr)}
  .dv-page .dv-teacher-body{padding:22px 20px}
  .dv-page .dv-teacher-portrait{height:150px}
  .dv-page .dv-studio-team .dv-teacher{display:flex;flex-direction:column;gap:16px;padding:24px 0}
  .dv-page .dv-studio-team .dv-teacher-portrait{align-self:flex-start;width:96px;height:116px;padding-top:8px}
  .dv-page .dv-studio-team .dv-teacher-portrait .teacher-avatar{width:96px!important;height:106px!important}
  .dv-page .dv-studio-team .dv-teacher-body{padding:0}
  .dv-studio-title h1{font-size:34px;line-height:1.45}
  .dv-page .dv-tool{padding:24px 22px}
  .dv-page .dv-tool-top{min-height:0;margin-bottom:20px}
  .dv-page .dv-tool-preview{padding:16px}
  .dv-page .dv-tool>small{text-align:left}
  .dv-process-grid{grid-template-columns:minmax(0,1fr);gap:22px}
  .dv-page .dv-profile,.dv-page .dv-detail-studio .dv-profile{grid-template-columns:minmax(0,1fr);gap:20px;padding:22px 20px}
  .dv-page .dv-profile-portrait{flex-direction:row;justify-content:flex-start;padding:14px;gap:16px}
  .dv-page .dv-profile-portrait>small{max-width:160px;text-align:left}
  .dv-page .dv-profile-copy h1{margin-top:6px}
  .dv-profile-facts{gap:16px}
  .dv-page .dv-case{grid-template-columns:minmax(0,1fr);gap:12px}
  .dv-page .dv-case>.dv-button,.dv-page .dv-case>.dv-empty-file{grid-column:1;justify-self:stretch}
  .dv-page .dv-case-number{display:flex;align-items:center;gap:12px}
  .dv-page .dv-case-number span{margin:0}
  .dv-page .dv-case-studio{padding:22px}
  .dv-directory-head h1,.dv-directory-studio .dv-directory-head h1{font-size:30px}
  .dv-ai-entry-actions .dv-button{width:100%}
  body .ai-workspace :is(.ai-upload-grid,.ai-side,.ai-audit-source,.ai-audit-metrics,.ai-project-grid){grid-template-columns:minmax(0,1fr)!important}
  body .ai-workspace .ai-steps{gap:10px}
  body .ai-workspace .ai-step{padding:12px;gap:8px;align-items:flex-start}
  body .ai-workspace .ai-audit-metric{padding:20px}
  body .ai-workspace .ai-audit-metric strong{font-size:26px}
  body .ai-workspace .ai-bottom-actions{align-items:stretch;flex-direction:column}
  body .ai-workspace .ai-compact-actions{display:grid;grid-template-columns:minmax(0,1fr)}
  body .ai-workspace .ai-editor-top{align-items:stretch;flex-direction:column}
  body .ai-workspace .ai-editor textarea{min-height:330px;padding:14px}
  body .ai-workspace .ai-panel{padding:22px 18px!important}
  body .ai-workspace .ai-finding{padding:20px 16px}
}