/* About page: dark by default and independent of Project Manager styles. */
.about-page{background:#0b0910;color:var(--bone,#e7e0e8);min-height:100vh}
.about-document{width:min(1100px,calc(100% - 2rem));margin:clamp(1.5rem,5vw,4rem) auto 5rem}
.about-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,330px);align-items:start;gap:clamp(1.5rem,4vw,4rem)}
.about-copy{min-width:0}
.about-title-row{display:flex;align-items:center;gap:.65rem}
.about-title-row h1{font-family:"Bebas Neue",sans-serif;font-weight:400;font-size:clamp(2.8rem,6vw,5.2rem);margin:0 0 1.25rem;letter-spacing:.025em;line-height:1.03}
.about-edit-button{width:2rem;height:2rem;border:1px solid #81627c;background:transparent;color:#f5c17e;border-radius:.3rem;font-size:1.2rem;cursor:pointer;margin-top:-1rem}
.about-edit-button:hover,.about-edit-button:focus-visible,.about-replace:hover,.about-replace:focus-visible{border-color:#d6ac78;color:#ffdda6}
.about-prose{font-size:clamp(1.1rem,1.7vw,1.36rem);line-height:1.62;max-width:65ch}
.about-prose p{margin:.25rem 0 1.1rem;overflow-wrap:anywhere}
.about-portrait img{display:block;width:100%;height:auto;object-fit:contain;background:#141119;border-radius:.3rem}
.about-file-hint,.about-empty{color:#bcaebe;font-size:.95rem}
.about-file-hint{margin:.55rem 0}
.about-portrait{min-width:0}
.about-replace{display:block;margin:.8rem 0 0;width:100%;background:#241923;color:#edc2a0;border:1px solid #805b79;padding:.65rem;cursor:pointer}
.about-dropzone{display:block;width:100%;min-height:14rem;padding:1.4rem;background:#18131d;border:2px dashed #7e5977;color:#dcc6d7;cursor:pointer;font:inherit;text-align:center;line-height:1.55}
.about-dropzone.is-dragover{border-color:#b5d58a;background:#252b1c}
#about-edit-form[hidden]{display:none}
#about-edit-form{display:grid;gap:1.1rem}
#about-edit-form label{display:grid;gap:.35rem;font-size:1rem;color:#dec6d7}
#about-edit-form input,#about-edit-form textarea{display:block;width:100%;box-sizing:border-box;padding:.7rem .8rem;background:#17121c;border:1px solid #74566f;color:#f6f0ed;border-radius:.25rem;font:inherit}
#about-edit-form textarea{resize:vertical;line-height:1.5;min-height:12rem}
.about-actions{display:flex;gap:.7rem;flex-wrap:wrap}
.about-actions button{padding:.6rem 1rem;background:#241a27;color:#f5e7ee;border:1px solid #755677;cursor:pointer}
.about-actions .about-primary{background:#5e385f;border-color:#bd81b5}
.about-draft-notice,.about-notice,.about-error{padding:.8rem 1rem;border:1px solid #795f77;background:#1b1521;margin:0 0 1.75rem}
.about-draft-notice a{color:#efbf8d;text-decoration:underline}
.about-error{border-color:#a34c5e;color:#f6b8c4}
@media(max-width:680px){.about-content{grid-template-columns:minmax(0,1fr)}.about-portrait{max-width:360px}}

/* Keep editor state visible while independent portrait/text requests complete. */
.about-portrait img[hidden]{display:none}
.about-title-row h1[hidden],.about-prose[hidden],.about-empty[hidden]{display:none}
.about-prose p{white-space:pre-line}
.about-action-status{font-size:.94rem;min-height:1.2em;margin:.35rem 0;color:#a6d8aa}
.about-action-status:empty{min-height:0;margin:0}
.about-action-status.is-error{color:#ffadbf}
.about-actions .about-primary.about-save-dirty{background:#176b41;border-color:#53d08a;color:#fff}
.about-actions .about-primary.about-save-dirty:hover{background:#1c8150}
.about-unsaved-dialog{width:min(35rem,calc(100vw - 2rem));margin:auto;padding:1.5rem;
  border:1px solid #81627c;border-radius:.45rem;background:#17121c;color:#f6f0ed;
  box-shadow:0 1rem 4rem rgba(0,0,0,.7)}
.about-unsaved-dialog::backdrop{background:rgba(0,0,0,.78)}
.about-unsaved-dialog h2{margin:0 0 .7rem}
.about-unsaved-dialog p{line-height:1.5}
.about-unsaved-dialog button{cursor:pointer}