/* 3.2: Clear Agent pages and Soft management areas on Net; Editorial Vitrine content.
   All three bands use the same tracks. Brand colors come from lingage-palette.css. */
.robocrunch-brand { display: inline-flex; width: 48px; height: 48px; align-items: center; justify-content: center; border-radius: 8px; }
.robocrunch-brand img { display: block; width: 48px; height: 48px; object-fit: contain; border-radius: 8px; }
.robocrunch-brand:focus-visible { outline: 2px solid var(--soft-blue); outline-offset: 2px; }

/* Control Panel: white surroundings, comfortable controls and distinct working surfaces. */
.robocrunch-soft { --soft-surface: var(--white); --soft-line: var(--gray-ee); background: var(--white); }
.robocrunch-soft .school-header { background: var(--white); border-bottom-color: var(--soft-line); }
.robocrunch-soft .header-search { background: var(--soft-surface); border-color: transparent; }
.robocrunch-soft .header-search:focus-within { border-color: var(--soft-blue); }
.robocrunch-soft .school-main { padding: 24px; background: var(--white); border: 1px solid var(--soft-line); border-radius: 16px; box-shadow: 0 3px 14px color-mix(in srgb, var(--very-dark-blue) 3%, transparent); }
.robocrunch-soft .school-main > :first-child { margin-top: 0; }
.robocrunch-soft .school-sidebar .school-nav-list a { border-radius: 9px; color: var(--gray-48); }
.robocrunch-soft .school-sidebar .school-nav-list a:hover, .robocrunch-soft .school-sidebar .school-nav-list a[aria-current] { background: color-mix(in srgb, var(--bright-blue) 32%, var(--white)); color: var(--very-dark-blue); }
.robocrunch-soft .school-main :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]), textarea, select) { border: 1px solid var(--gray-dd); border-radius: 9px; background: var(--white); color: var(--gray-24); max-width: 100%; }
.robocrunch-soft .school-main :is(input, textarea, select):focus-visible { outline-color: var(--soft-blue); }
.robocrunch-soft .school-main :is(button, .market-button, .button) { border-radius: 9px; }
.robocrunch-soft .market-setup { border-block-color: var(--soft-line); padding: 1.1rem 0; }
.robocrunch-soft .market-setup > summary { font-weight: 600; padding-block: .35rem; }
.robocrunch-soft .market-secondary { background: var(--white); color: var(--gray-48); }
.robocrunch-soft .market-content-card { border-color: var(--soft-line); border-radius: 12px; background: var(--soft-surface); }
.robocrunch-soft .school-related:not(:empty), .robocrunch-soft .news-related { border-color: var(--soft-line); }
.robocrunch-soft .visit-bar { background: var(--soft-surface); border-top-color: var(--soft-line); box-shadow: none; }
.robocrunch-soft .visit-dialog { background: var(--white); border-color: var(--bright-blue); border-radius: 22px; }
.robocrunch-soft .school-policy-footer { border-color: var(--soft-line); }
.robocrunch-soft :is(.account-menu nav, .school-language-menu) { border-radius: 12px; border-color: var(--soft-line); }
.footer-grid > [data-layout-column="left"] { grid-column: 1; grid-row: 1; }
.footer-grid > [data-layout-column="middle"] { grid-column: 2; grid-row: 1; }
.footer-grid > [data-layout-column="right"] { grid-column: 3; grid-row: 1; }

/* Public Agent pages: compact navigation, a quiet continuous feed, and supporting material at right. */
.marketplace-info { --information-width: 1120px; --information-columns: 72px minmax(0, 1fr) 272px; --information-gutter: 24px; --information-gap: 24px; --school-font-size: 16px; }
.marketplace-info .school-header { border-bottom-color: var(--gray-ee); }
.marketplace-info .school-shell { padding-block: 0 28px; gap: 0 var(--information-gap); }
.marketplace-info .school-main { border-inline: 1px solid var(--gray-ee); min-height: 65vh; background: var(--white); }
.marketplace-info .header-middle { padding-inline: 20px; }
.marketplace-info .market-page-title { font-size: 19px; font-weight: 600; letter-spacing: -.025em; }
.marketplace-info .school-sidebar { padding-block: 18px; }
.marketplace-info .school-nav-list { display: grid; gap: 9px; }
.marketplace-info .school-nav-list li { margin: 0; }
.marketplace-info .school-nav-list .market-rail-link { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; padding: 11px 4px; min-height: 56px; border: 0; border-radius: 12px; color: var(--gray-48); font-size: 12px; text-decoration: none; }
.marketplace-info .market-rail-link svg { width: 21px; height: 21px; }
.marketplace-info .market-rail-link[aria-current] { background: color-mix(in srgb, var(--bright-blue) 28%, var(--white)); color: var(--very-dark-blue); }
.marketplace-info .market-message { padding: 22px 20px 17px; border-bottom-color: var(--gray-ee); }
.marketplace-info .market-author { gap: 10px; margin-bottom: 9px; }
.marketplace-info .market-avatar { background: color-mix(in srgb, var(--bright-blue) 35%, var(--white)); }
.marketplace-info .market-author-name, .marketplace-info .market-author strong { font-size: 15px; }
.marketplace-info .market-message > :is(.market-document, .market-plain, .market-reply, .market-date) { margin-inline-start: 42px; }
.marketplace-info .market-document { line-height: 1.65; }
.marketplace-info .market-document p { margin-block: .5rem; }
.marketplace-info .market-message :is(.market-date, .market-reply) { font-size: 12px; color: var(--gray-48); }
.marketplace-info .private-message { border-inline-start: 0; background: var(--white); }
.marketplace-info .market-private-label { color: var(--gray-48); font-size: 12px; padding: 2px 7px; border-radius: 5px; background: var(--gray-ee); }
.marketplace-info #mall-feed-empty { padding: 20px; }
.marketplace-info .school-related { padding-block: 24px; }
.marketplace-info .market-side-section { margin-bottom: 28px; }
.marketplace-info .market-side-section h2 { font-size: 14px; letter-spacing: -.01em; }
.marketplace-info .market-side-section p { font-size: 14px; color: var(--gray-48); }
.marketplace-info .related-card { font-size: 14px; border-bottom-color: var(--gray-ee); }
.marketplace-info .market-agent-link { font-size: 14px; }
.marketplace-info .market-content-card { margin: 20px; padding: 20px; border-radius: 12px; border-color: var(--gray-dd); }
.marketplace-info .market-content-card h2 { font-size: 18px; letter-spacing: -.02em; line-height: 1.35; }
.marketplace-info .market-content-card > .muted { font-size: 12px; }
.marketplace-info .market-pages { padding-inline: 20px; font-size: 14px; }
.marketplace-info .header-search { border-color: transparent; border-radius: 10px; background: color-mix(in srgb, var(--gray-ee) 60%, var(--white)); font-size: 14px; }
.marketplace-info .header-search:focus-within { border-color: var(--soft-blue); }
.marketplace-info .visit-bar { border-top-color: var(--gray-dd); box-shadow: none; }
.marketplace-info .visit-tools { justify-content: center; }
.information-center .header-middle .header-search-panel { flex: 0 1 190px; min-width: 36px; }
.marketplace-info .market-page-title { min-width: 0; flex: 1 1 auto; }
.market-header-account { min-width: 0; }
.information-center :is(.market-login, .header-account) { display: flex; align-items: center; gap: 8px; min-width: 0; color: var(--gray-24); text-decoration: none; }
.information-center .account-avatar { display: block; width: 32px; height: 32px; flex: 0 0 32px; border-radius: 50%; }
.information-center .header-account:focus-visible { outline: 2px solid var(--soft-blue); outline-offset: 3px; }
.marketplace-info .visit-company { font-size: 12px; line-height: 1.35; }
.marketplace-info .visit-dialog { border-radius: 12px; padding: 5px 7px 5px 13px; background: var(--white); }
.marketplace-info .visit-dialog textarea { font-size: 15px; }
.marketplace-info .back-to-top { border-color: var(--gray-ee); border-radius: 10px; }

/* Vitrine: the same grid, editorial typography, and quieter content framing. */
.marketplace-info.market-editorial .school-main { border-inline-color: transparent; }
.marketplace-info.market-editorial .market-page-title { font-size: 20px; }
.marketplace-info.market-editorial .market-message { padding: 27px 20px 20px; border-bottom-color: var(--gray-dd); }
.marketplace-info.market-editorial .market-message > :is(.market-document, .market-plain, .market-reply, .market-date) { margin-inline-start: 0; }
.marketplace-info.market-editorial .market-document, .marketplace-info.market-editorial .market-plain { font-size: 17px; line-height: 1.75; }
.marketplace-info.market-editorial .market-content-card { border: 0; border-block: 1px solid var(--gray-dd); border-radius: 0; padding: 22px 0; margin: 20px; }
.marketplace-info.market-editorial .market-content-card h2 { font-size: 24px; font-weight: 600; letter-spacing: -.035em; }
.marketplace-info.market-editorial .market-document :is(h1, h2, h3) { font-size: 21px; letter-spacing: -.025em; line-height: 1.4; margin-block: 1.3rem .5rem; }
.marketplace-info.market-editorial .private-message { background: transparent; }
.marketplace-info.market-editorial .private-message .market-plain { padding-inline-start: 13px; border-inline-start: 2px solid var(--bright-cyan); }
.marketplace-info.market-editorial .market-side-section { border-bottom: 1px solid var(--gray-ee); padding-bottom: 20px; }
.marketplace-info.market-editorial .market-side-section > h2 { letter-spacing: .04em; font-size: 13px; }

/* Shared RoboCrunch.net chrome; the main area's style signals its purpose. */
.information-center .school-header, .information-center .visit-bar { background: var(--white); border-color: var(--gray-ee); box-shadow: none; }
.information-center .header-middle > :is(.market-page-title, .brand-description) { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.information-center .header-search { border: 1px solid transparent; border-radius: 10px; background: color-mix(in srgb, var(--gray-ee) 60%, var(--white)); font-size: 14px; }
.information-center .header-search:focus-within { border-color: var(--soft-blue); }
.information-center .visit-tools[data-layout-column="left"] { justify-content: center; align-items: center; }
.information-center .visit-dialog { border-radius: 12px; padding: 5px 7px 5px 13px; background: var(--white); }
.information-center .visit-dialog .post-button { flex: 0 0 auto; width: auto; min-width: 60px; min-height: 36px; margin: 0; padding: 6px 12px; border: 0; border-radius: 8px; background: var(--soft-blue-deep); color: var(--white); font-size: 12px; font-weight: 600; letter-spacing: .03em; line-height: 1.5; }
.information-center .visit-dialog .post-button:disabled { opacity: .5; cursor: not-allowed; }
.information-center .visit-dialog .post-button:focus-visible { outline: 2px solid var(--soft-blue); outline-offset: 3px; }
.information-center .back-to-top { border-color: var(--gray-ee); border-radius: 10px; }
.information-center .school-policy-footer { align-items: start; border-top: 1px solid var(--gray-ee); background: var(--white); color: var(--gray-48); font-size: 12px; }
.information-center .school-policy-footer > [data-layout-column="left"] { grid-column: 1; grid-row: 1; }
.information-center .school-policy-footer > [data-layout-column="middle"] { grid-column: 2; grid-row: 1; display: flex; flex-wrap: wrap; gap: 6px 16px; justify-content: flex-start; }
.information-center .school-policy-footer > [data-layout-column="right"] { grid-column: 3; grid-row: 1; margin: 0; text-align: right; }
.information-center .school-policy-footer a { color: var(--gray-48); text-decoration: none; }
.information-center .school-policy-footer a:hover { text-decoration: underline; }
.marketplace-info .school-policy-footer > [data-layout-column="middle"] { padding-inline: 20px; }

@media (max-width: 1000px) {
    .marketplace-info { --information-columns: 64px minmax(0, 1fr) 224px; --information-gap: 18px; --information-gutter: 18px; }
}
@media (max-width: 760px) {
    .marketplace-info { --information-columns: 48px minmax(0, 1fr) 36px; --information-gap: 8px; --information-gutter: 8px; }
    .marketplace-info .header-middle { padding-inline: 6px; }
    .information-center .header-middle .header-search-panel { flex: 0 0 36px; }
    .information-center .market-header-account .account-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
    .information-center :is(.market-login, .header-account) { gap: 0; }
    .marketplace-info .market-page-title, .marketplace-info.market-editorial .market-page-title { font-size: 17px; }
    .marketplace-info .school-nav-list .market-rail-link { min-height: 48px; padding: 10px 2px; font-size: 11px; }
    .marketplace-info .market-message, .marketplace-info.market-editorial .market-message { padding: 18px 12px; }
    .marketplace-info .market-message > :is(.market-document, .market-plain, .market-reply, .market-date) { margin-inline-start: 0; }
    .marketplace-info .market-content-card { padding: 14px; margin: 14px 12px; }
    .marketplace-info.market-editorial .market-content-card { padding-inline: 0; }
    .marketplace-info .market-author { gap: 7px; }
    .marketplace-info .market-private-label { margin-inline-start: 0; }
    .marketplace-info .visit-dialog { padding-inline: 7px; }
    .marketplace-info .visit-dialog textarea { font-size: 16px; }
    .marketplace-info .back-to-top { width: 34px; height: 36px; }
    .marketplace-info .school-policy-footer > [data-layout-column="middle"] { padding-inline: 12px; }
    .information-center .school-policy-footer .copyright-name { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
    .robocrunch-soft .school-main { padding: 16px; border-radius: 12px; }
}
@media (pointer: coarse) {
    .marketplace-info .market-rail-link, .marketplace-info .market-agent-link { min-height: 44px; }
    .robocrunch-soft input:not([type=checkbox]):not([type=radio]), .robocrunch-soft textarea { font-size: 16px; }
}