/* ============================ WRITING CHROME (legacy) ============================
       The standalone writing exam this file dressed was retired 2026-07-20 (Writing
       Practice replaced it — see 34-writing-practice.css). What survives is the
       full-screen `writing-mode` shell, still used by the attached-samples view
       (/writing/samples/task1/:id, styled in 04-samples.css), plus `.exam-icon-btn`,
       which the listening exam reuses for its exit/fullscreen controls. */
    body.writing-mode > .aurora,
    body.writing-mode > header,
    body.writing-mode > footer,
    body.writing-mode > .wrap,
    body.writing-mode > .admin-fab,
    body.writing-mode > .overlay,
    body.writing-mode > section:not(.writing-section){ display:none !important; }
    body.writing-mode::after, body.writing-mode::before{ display:none !important; }
    body.writing-mode{
      background:#eee9d8;    /* IELTS-style exam paper */
      color:#111;
      overflow:hidden;       /* the takeover owns the viewport — it scrolls inside */
    }

    .writing-section{
      font-family:'Verdana', 'Arial', 'Native Emoji', sans-serif;
      color:#111;
      height:100vh; display:flex; flex-direction:column;
    }

    /* Shared icon button — the listening exam's topbar controls. */
    .exam-icon-btn{
      background:#fff; border:1px solid #b0b0a0; color:#333;
      padding:5px 11px; cursor:pointer; font-family:inherit; font-size:13px; font-weight:600;
      transition:background .12s;
    }
    .exam-icon-btn:hover{ background:#f4f1e8; }
    .exam-icon-btn:active{ background:#e6e3d4; }

    @media (max-width:760px){
      body.writing-mode{ overflow:auto; }
      .writing-section{ height:auto; min-height:100vh; }
    }