/* Reference homepage layout and stylesheet are retained. Only logo sizing and existing account/catalog views are adapted here. */
[hidden]{display:none!important}
.marketHeader .brand .official-logo{display:block;width:110px;height:auto;max-width:100%;background:transparent;filter:brightness(0) invert(1)}
footer .brand .official-logo{display:block;width:90px;height:auto;background:transparent;filter:brightness(0) invert(1)}
.navigation-status:empty{display:none}
.navigation-status{color:#c1cedc;margin:20px 0}
#account{max-width:760px;margin:32px auto 60px;background:#202226;border:1px solid #373a40;border-radius:20px;padding:32px;overflow-wrap:anywhere}
body[data-view=login] #account,body[data-view=signup] #account{max-width:480px}
#account h2{font-size:26px;line-height:1.4;margin:12px 0}
#account h3{margin:24px 0 12px}
#account p{color:#acb5c2;line-height:1.8}
#account label,.marketCatalog label{display:block;margin-top:18px;color:#c6cdd6;font-size:13px}
#account input:not([type=checkbox]),#account textarea,#account select,.marketCatalog input,.marketCatalog select{display:block;width:100%;margin-top:8px;padding:13px;background:#15191e;border:1px solid #48515a;border-radius:8px;color:#eef2f6;min-height:44px}
#account textarea{resize:vertical;line-height:1.8}
#account .primary{width:100%;margin-top:20px;color:#152435}
#account .text-button{display:block;margin:16px auto;color:#b7ccdc;text-decoration:underline;text-underline-offset:4px;font-size:12px}
#account .tabs{display:flex;height:auto;gap:24px;border-bottom:1px solid #3b424b;margin:0 0 24px}
#account .tabs button{padding:10px 0;min-height:44px}
#account .tabs button[aria-pressed=true]{color:#d1e2f2;border-bottom:2px solid #90acc9}
#account .consent{display:flex;gap:9px;font-size:12px;line-height:1.8}
#account .consent input{flex-shrink:0;margin-top:5px}
#account .divider{text-align:center;margin:24px 0 14px;color:#aeb8c6;font-size:12px}
#account .providers{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#account .providers button{padding:12px;border:1px solid #48515a;border-radius:8px}
#account .providers small{display:block;color:#aab3bf;font-size:10px}
#account .small,#account .signup-purpose{font-size:11px}
#account .workspace-nav{height:auto;flex-wrap:wrap;gap:16px;padding:12px 0 20px;border-bottom:1px solid #3b424b;margin-bottom:24px;font-size:13px}
#account .workspace-nav a,#account .route-link{color:#b7ccdc;text-decoration:underline;text-underline-offset:4px}
#account .two-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}
#account hr{border:0;border-top:1px solid #3b424b;margin-top:24px}
#account pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit}
#account article{background:#191d22;border:1px solid #3b424b;border-radius:12px;padding:18px;margin:16px 0}
#account article button,#check-seller,#refresh-sellers,#refresh-content,#submit-content,#refresh-orders{border:1px solid #48515a;border-radius:8px;padding:10px 14px;margin:6px 4px 6px 0;min-height:44px}
#publish-gate,#seller-profile-needed,#admin-denied{background:#191d22;border:1px solid #3b424b;border-radius:12px;padding:18px;line-height:1.8}
#status:not(:empty){border:1px solid #46596b;background:#27343f;border-radius:8px;padding:12px}
.marketCatalog{padding:32px 0 60px}
.marketCatalog h2{margin:10px 0;font-size:28px}
.marketCatalog>p{color:#aab4c0;line-height:1.8}
.marketCatalog .section-kicker{color:#aab4c0;font-size:11px;letter-spacing:1.7px}
.marketCatalog .catalog-controls{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;margin:24px 0}
.marketCatalog #catalog-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0}
.marketCatalog article{background:#202326;border:1px solid #34383d;border-radius:18px;padding:20px;overflow-wrap:anywhere}
.marketCatalog article h3{font-size:19px;line-height:1.5}
.marketCatalog article p{color:#a5abb3;line-height:1.8}
.marketCatalog button{border:1px solid #48515a;border-radius:8px;padding:10px 14px;min-height:44px}
dialog{color:#edf2f7;background:#202226;border:1px solid #48515a;border-radius:16px;padding:28px;width:calc(100% - 32px);max-width:680px;max-height:88vh;overflow:auto}
dialog::backdrop{background:#0c1119b3;backdrop-filter:blur(4px)}
dialog p,dialog pre{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9}
dialog button{border:1px solid #48515a;border-radius:8px;padding:10px 14px;min-height:44px}
#product-close,#reader-close,#reference-help-close{float:right}
dialog h2{clear:both;padding-top:18px}
@media(max-width:720px){.marketHeader .brand .official-logo{width:80px}.marketHeader{grid-template-columns:82px minmax(0,1fr) auto}.authHeaderActions{flex-wrap:wrap;max-width:110px}#account{padding:24px 20px;margin-top:24px}.marketCatalog .catalog-controls,.marketCatalog #catalog-list,#account .two-columns{grid-template-columns:1fr}}

/* Keep original transparent artwork: blue symbol with white lettering on dark surfaces. */
.logo-tone{display:inline-block;position:relative;line-height:0;flex-shrink:0}
.logo-tone::after{content:"";position:absolute;inset:0;background:url("/brand/sai-logo.png") center/100% 100% no-repeat;clip-path:inset(0 60% 0 0);pointer-events:none}
/* Guided publishing: presentation only; existing data and review permissions are retained. */
.workflow-guide,.review-criteria{padding:20px;background:#181c21;border:1px solid #3b4652;border-radius:12px;margin:20px 0}
.workflow-guide ol,.review-criteria ol{padding-left:22px;margin:12px 0;line-height:1.8;color:#bdc8d4}
.workflow-guide li{padding:7px 0}.workflow-guide li span{display:block;color:#aeb8c6;font-size:13px}
.writing-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:24px 0}
.writing-steps button,.writing-actions button{border:1px solid #45515d;border-radius:9px;padding:13px 10px;color:#c5cfdb;background:#171c22;min-height:44px}
.writing-steps button[aria-pressed=true]{background:#253c50;border-color:#79b8eb;color:#eef8ff}
#account .field-guide{display:block;color:#aebdcd;font-size:12px;line-height:1.8;margin:8px 0}
#draft-form h4{font-size:19px;margin:20px 0}#draft-form textarea{min-height:120px}#draft-form textarea[name=execution]{min-height:240px}
.writing-actions{display:flex;justify-content:space-between;gap:12px;margin:24px 0 4px}.writing-actions #writing-next{margin-left:auto}
#writing-preview details{padding:14px 16px;border:1px solid #394552;border-radius:9px;margin:10px 0;background:#171c22}
#writing-preview summary{cursor:pointer;color:#c6dbed;font-size:13px}#writing-preview p{white-space:pre-wrap;overflow-wrap:anywhere}
#writing-checklist{list-style:none;padding:0;display:grid;gap:7px}#writing-checklist button{width:100%;padding:10px 12px;text-align:left;border-radius:7px;background:#171c22;line-height:1.5;min-height:44px}
#writing-checklist .needs-input{color:#f4ce99}#writing-checklist .input-ready{color:#a9d9c6}
#review-area{border-top:1px solid #45515d;margin-top:30px;padding-top:16px}#review-area>button{padding:12px 16px;margin:8px 8px 8px 0;border:1px solid #7297b5;border-radius:8px}#review-area>button:disabled{opacity:.45}
#submission-list p{border-left:3px solid #7297b5;padding:12px;background:#171c22;border-radius:5px}
@media(max-width:600px){.writing-steps{gap:5px}.writing-steps button{font-size:11px;padding:12px 5px}.workflow-guide,.review-criteria{padding:14px}#account{padding:22px 16px}}