/* The Aether personnel file in the post mini-profile.

   Deliberately quiet: this sits under a username in a forum, not on the portal, so it borrows the
   board's text colour rather than importing the portal's gold-on-black. The mark is the only
   colour, which is enough to be noticed without turning every post into a classified document. */
.ks-dossier {
    display: flex; align-items: flex-start; gap: 6px;
    margin-top: 6px; padding-top: 6px;
    border-top: 1px solid rgba(128,128,128,0.25);
    font-size: 0.85em; line-height: 1.35;
}
.ks-dossier-mark { width: 28px; height: 28px; flex: 0 0 28px; opacity: 0.95; }
.ks-dossier-body { display: flex; flex-direction: column; min-width: 0; }
.ks-dossier-title { font-weight: 600; letter-spacing: 0.02em; }
.ks-dossier-station { opacity: 0.75; font-size: 0.92em; word-break: break-word; }
/* The grade sits on its own line WITH its insignia. The tab is a wide hexagon, far wider than it
   is tall, so it is sized by height and left to keep its own aspect — fixing both dimensions
   squashes three chevrons into a lozenge. */
.ks-dossier-grade {
    opacity: 0.85; font-size: 0.92em;
    display: inline-flex; align-items: center; gap: 5px; margin-top: 2px;
}
.ks-dossier-tab { height: 13px; width: auto; }

/* Profile page: the same record, laid out as this page's dt/dd pairs. The mark is bigger here
   because there is room — on a post it competes with the avatar. */
.ks-profile-dossier { display: flex; align-items: center; gap: 7px; }
.ks-profile-mark { width: 26px; height: 26px; flex: 0 0 26px; }
.ks-profile-tab { height: 14px; width: auto; }

/* NOTE: every dossier <img> also carries width/height ATTRIBUTES. These SVGs have a viewBox and no
   intrinsic size, so without a stylesheet they render at the container's full width — which is what
   a stale dossier.css did on production: a role mark the height of the page. The attributes make
   the unstyled case merely plain instead of broken. Keep them in step with the rules here. */