/* Common finishing rules: preserve each page's purpose, improve reflow and consistency. */
body :is(main,section,article,aside,form,fieldset,.row,.contact-grid,.service-grid,.portal-grid,.workspace-main){min-width:0}
body :is(h1,h2,h3,h4,p,li,label,summary,.status){overflow-wrap:break-word}
body :is(input,textarea,select){max-width:100%;min-width:0}
body :is(button,.btn){white-space:normal;overflow-wrap:break-word}
body :is(a,button,input,textarea,select,summary):focus-visible{outline:3px solid var(--a-accent,#a83e31);outline-offset:4px}
body .legal-footer nav{padding:0;margin:0;max-width:none;gap:12px 20px}
body .legal-footer a{min-height:32px;display:inline-flex;align-items:center;text-underline-offset:4px}
body .service-breadcrumb a,body .legal-main a{ text-decoration:underline;text-underline-offset:4px}
html[data-theme] body .email-card>a{color:var(--a-accent);text-decoration:underline;text-underline-offset:4px}
html[data-theme] body :is(.status,.billing-note){background:var(--a-soft);color:var(--a-ink);border-color:var(--a-line)}
html[data-theme] body .toast{color:var(--a-ink)}
/* The creative explorations keep their own fixed art direction in either interface mode. */
html[data-theme] body .open-frame{color:#182b23;background:#d8e3cd}
html[data-theme] body .open-note{color:#182b23;background:#fffcf6}
html[data-theme] body .open-frame :is(.proposal-label,h3,p,strong,span){color:#182b23}
html[data-theme] body .workshop{color:#23221d;background:#e7e3d9}
html[data-theme] body .catalogue{color:#233741;background:#fff}
html[data-theme] body .review-controls{background:var(--a-card);color:var(--a-ink);border:1px solid var(--a-line);border-radius:8px}
html[data-theme] body .audit-issue{background:var(--a-card);color:var(--a-ink);border-color:var(--a-accent)}
html[data-theme] body .table-scroll :is(th,td){color:var(--a-ink);border-color:var(--a-line)}
html[data-theme] body .table-scroll th{background:var(--a-soft)}
@media(max-width:900px){body .access-layout{grid-template-columns:minmax(0,1fr);gap:35px}body .access-story h1{font-size:clamp(42px,8vw,66px)}body .access-card{max-width:650px;width:100%;justify-self:center}}
@media(max-width:600px){body header>nav{flex-wrap:wrap;gap:12px}body .brand{flex-shrink:0}body .corporate-mode{min-height:44px}body .legal-footer{padding:22px 18px;gap:12px}body .legal-footer nav{gap:7px 16px}body .legal-footer a{font-size:12px;min-height:36px}body .access-layout{padding:32px 20px 55px}body .access-card{padding:24px 20px;border-radius:18px}body .access-card h2{font-size:35px}body .access-story h1{font-size:clamp(40px,12vw,60px)}body .access-back{min-height:44px;display:inline-flex;align-items:center}body :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px}body :is(.contact-grid,.payment-grid,.service-grid){grid-template-columns:minmax(0,1fr)!important}body .email-card{padding:22px 18px}body .email-card h2{font-size:26px}body .email-actions>.btn{width:100%;justify-content:center}body .payment-nav{display:flex;gap:10px;flex-wrap:wrap;font-size:12px}body .section-intro h2{line-height:1.15}body .doc-card{gap:15px}body .service-page{padding-inline:20px}body .demo-banner{font-size:11px;line-height:1.7}body .demo-banner a{min-height:36px;display:inline-flex;align-items:center}}
@media(max-width:360px){body.brand-site .wrap{padding-inline:18px}body.brand-site header nav{padding-inline:18px}.portal-body .workspace{grid-template-columns:68px minmax(0,1fr)}.portal-body .sidebar{padding-inline:3px}.portal-body .sidebtn>span{font-size:9px}.portal-body .workspace-main{padding-inline:10px}.portal-body .workspace-top h1{font-size:24px}.portal-body .avatar{display:none}.portal-body .reward-balance{font-size:31px}.portal-body .reward-wallet-foot{font-size:10px}.portal-body .client-plan-card{padding:14px 10px}.portal-body .client-price-row strong{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{scroll-behavior:auto!important}}
@media(max-width:360px){body .proposal{padding:20px 16px}body .workshop-sheet{transform:none;padding:22px 18px;min-width:0;max-width:calc(100% - 16px);overflow-wrap:anywhere}body .workshop-sheet strong{font-size:34px;overflow-wrap:anywhere}body .open-layout{min-width:0}body .open-layout h3{font-size:40px}body .catalogue-row{gap:12px}}

.sidebar .nav-short{display:none}@media(max-width:750px){.portal-body .sidebtn>span{display:none}.portal-body .sidebtn>.nav-short{display:block;max-width:100%;font-size:10px;line-height:1.4;color:inherit;overflow-wrap:anywhere}.portal-body .sidebtn{min-height:58px}.portal-body .sidebar{scroll-padding-block:12px}}