/* Materialemodal (sheet), video-indlejring
   Udtrukket fra index.html (linje 248-265 i den oprindelige <style>-blok).
   Raekkefoelgen af <link>-tags i index.html skal bevares - kaskaden afhaenger af den. */

/* ---------- detail / modal ---------- */
.modal{position:fixed;inset:0;background:rgba(50,50,50,.45);display:none;place-items:center;
  padding:1.2rem;z-index:50;overflow-y:auto}
.modal.is-on{display:grid}
.sheet{background:var(--paper-soft);width:min(820px,100%);border-radius:20px;box-shadow:var(--shadow);
  overflow:hidden;max-height:92vh;display:flex;flex-direction:column;position:relative}
.sheet-hero{padding:1.4rem 1.6rem;background:var(--grad);color:#3a2a26}
.sheet-hero .badges .badge{background:rgba(255,255,255,.55)}
.sheet-hero h2{font-size:1.5rem;margin:.5rem 0 .3rem}
.sheet-hero .hmeta{font-weight:600;font-size:.86rem}
/* Taet paa hjoernet. Gaelder ALLE ark - materialedetaljen, erfaringer,
   rediger-formularerne, brugerdetaljen og modulafspilleren.

   Flyttes den, skal hoejre polstring i .player-head (css/player.css) med:
   knappen svaever oven paa afspillerens hoved, og polstringen der er regnet
   ud fra netop disse vaerdier. */
.sheet-close{position:absolute;top:.6rem;right:.7rem;background:rgba(255,255,255,.85);border:none;
  width:34px;height:34px;border-radius:50%;font-size:1.1rem;line-height:1}
.sheet-body{padding:1.4rem 1.6rem;overflow-y:auto}
.sheet-body p.long{color:#4a4a4a;font-weight:500}
.vid-wrap{position:relative;padding-top:56.25%;border-radius:12px;overflow:hidden;background:#000;margin:1rem 0}
.vid-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.section-h{font-family:var(--serif);font-size:1.15rem;font-weight:900;margin:1.6rem 0 .8rem;
  display:flex;align-items:center;gap:.5rem}

/* Materialedetaljens bedoemmelsesformular. */
.mat-status-note{margin-bottom:.6rem}
.mat-review-form{margin-top:1rem}
.mat-rate-label{margin-bottom:.3rem}
/* Sammensat selektor med vilje: .composer i feedback.css saetter margin-top:1rem
   og linkes EFTER modal.css, saa `.mat-composer` alene ville tabe. (0,2,0) slaar
   (0,1,0) uanset raekkefoelge. Den inline style, der laa her foer, vandt over alt. */
.composer.mat-composer{margin-top:.5rem}
.mat-send{margin-top:.5rem}