/* ============================================================
   STARFALL PRODUCTIONS — comments.css V3.7.8
   ============================================================ */

/* ---- Section principale ---- */
.cw-section {
  background: rgba(1,5,12,.97);
  border-top: 1px solid var(--border-gold);
  padding: 80px var(--pad-x) 100px;
}
.cw-inner {
  max-width: 860px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 48px;
}

/* ---- En-tête ---- */
.cw-header { text-align: center; }
.cw-title {
  font-family: var(--font-title);
  font-size: clamp(22px, 3vw, 32px);
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--gold);
  margin-bottom: 10px;
}
.cw-subtitle {
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 300;
  color: var(--text-muted);
  letter-spacing: .04em;
}

/* ---- Formulaire ---- */
.cw-form {
  display: flex;
  flex-direction: column;
  gap: 16px;
  background: rgba(255,255,255,.02);
  border: 1px solid var(--border-sub);
  border-radius: 4px;
  padding: 28px 32px;
}
.cw-hp {
  position: absolute;
  left: -9999px;
  opacity: 0;
  pointer-events: none;
}
.cw-form__row { position: relative; }
.cw-input, .cw-textarea {
  width: 100%;
  background: rgba(255,255,255,.04);
  border: 1px solid var(--border-sub);
  border-radius: 3px;
  color: var(--text-primary);
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 300;
  padding: 12px 16px;
  transition: border-color .25s, background .25s;
  outline: none;
  resize: none;
}
.cw-input::placeholder, .cw-textarea::placeholder { color: var(--text-muted); opacity: .6; }
.cw-input:focus, .cw-textarea:focus {
  border-color: var(--gold-dim);
  background: rgba(255,255,255,.06);
}
.cw-textarea { min-height: 110px; }
.cw-counter {
  position: absolute;
  bottom: 8px;
  right: 12px;
  font-size: 14px;
  font-weight: 600;
  color: var(--text-secondary);
  opacity: .85;
  pointer-events: none;
}
.cw-form__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}
.cw-error {
  font-family: var(--font-body);
  font-size: 13px;
  color: #e07a5f;
  min-height: 20px;
  flex: 1;
}
.cw-submit {
  font-family: var(--font-title);
  font-size: 11px;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--navy-deep, #010508);
  background: var(--gold);
  border: none;
  border-radius: 3px;
  padding: 10px 28px;
  cursor: pointer;
  transition: background .25s, opacity .25s, transform .2s;
  flex-shrink: 0;
}
.cw-submit:hover { background: var(--gold-light); transform: translateY(-1px); }
.cw-submit:disabled { opacity: .5; cursor: wait; transform: none; }

/* ---- Liste de commentaires ---- */
.cw-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.cw-empty {
  text-align: center;
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 300;
  color: var(--text-muted);
  padding: 40px 0;
  font-style: italic;
}

/* ---- Carte commentaire ---- */
.cw-card {
  display: flex;
  gap: 16px;
  background: rgba(255,255,255,.025);
  border: 1px solid var(--border-sub);
  border-radius: 4px;
  padding: 20px 22px;
  transition: border-color .3s;
}
.cw-card:hover { border-color: rgba(201,168,76,.2); }
.cw-card__vote {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
}
.cw-upvote {
  background: none;
  border: 1px solid var(--border-sub);
  border-radius: 3px;
  width: 32px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: var(--text-muted);
  transition: border-color .2s, color .2s, background .2s;
}
.cw-upvote svg { width: 12px; height: 12px; }
.cw-upvote:hover { border-color: var(--gold-dim); color: var(--gold); }
.cw-upvote.cw-upvote--done {
  border-color: var(--gold-dim);
  color: var(--gold);
  background: rgba(201,168,76,.08);
  cursor: default;
}
.cw-vote-count {
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 600;
  color: var(--text-muted);
  line-height: 1;
}
.cw-card__body { flex: 1; min-width: 0; }
.cw-card__head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 8px;
  flex-wrap: wrap;
}
.cw-pseudo {
  font-family: var(--font-title);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .08em;
  color: var(--gold-dim);
}
.cw-date {
  font-family: var(--font-body);
  font-size: 11px;
  color: var(--text-muted);
  opacity: .55;
}
.cw-content {
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 300;
  color: var(--text-primary);
  line-height: 1.7;
  word-break: break-word;
}

/* ---- Toast succès ---- */
.cw-toast {
  position: fixed;
  bottom: 90px;
  left: 50%;
  transform: translateX(-50%) translateY(20px);
  background: rgba(1,5,12,.95);
  border: 1px solid var(--border-gold);
  color: var(--gold);
  font-family: var(--font-title);
  font-size: 12px;
  letter-spacing: .12em;
  text-transform: uppercase;
  padding: 10px 24px;
  border-radius: 3px;
  opacity: 0;
  transition: opacity .35s, transform .35s;
  z-index: 9999;
  pointer-events: none;
  white-space: nowrap;
}
.cw-toast.cw-toast--in {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* ---- Responsive ---- */
@media (max-width: 768px) {
  .cw-section { padding: 60px 24px 80px; }
  .cw-form { padding: 20px 18px; }
  .cw-card { padding: 16px 14px; gap: 12px; }
}

/* ================================================================
   MODE 1912 — WIDGET LETTRE DE BORD
   ================================================================ */

body.page-1912 .cw-section {
  background: transparent;
  border-top: 1px solid var(--border-gold);
  padding: 60px var(--pad-x) 80px;
}
body.page-1912 .cw-title {
  font-family: var(--font-display);
  color: var(--ink, #2b2117);
  font-size: clamp(20px, 2.8vw, 28px);
  letter-spacing: .06em;
  text-transform: none;
  font-style: italic;
}
body.page-1912 .cw-subtitle {
  color: var(--ink-mute, #6b5d47);
}

/* ---- Formulaire style lettre ---- */
body.page-1912 .cw-inner {
  max-width: 1000px;
}
body.page-1912 .cw-form {
  background: #f5edd8;
  border: none;
  border-radius: 2px;
  padding: 40px 56px 36px;
  box-shadow:
    2px 3px 12px rgba(43,33,23,.18),
    inset 0 0 0 1px rgba(90,70,38,.15);
  position: relative;
  /* Pas de lignes sur le form entier — uniquement sur la textarea */
}

/* ---- En-tête lettre ---- */
.cw-letter-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 8px;
  gap: 16px;
}
.cw-letter-head__logo img {
  width: 60px;
  height: 60px;
  object-fit: contain;
  filter: sepia(.4) contrast(1.1);
}
.cw-letter-head__info {
  text-align: right;
}
.cw-letter-head__company {
  font-family: var(--font-display);
  font-size: 13px;
  font-style: italic;
  color: var(--ink, #2b2117);
  letter-spacing: .04em;
}
.cw-letter-head__date {
  font-family: var(--font-display);
  font-size: 12px;
  font-style: italic;
  color: var(--ink-mute, #6b5d47);
  margin-top: 4px;
}

/* ---- Champs formulaire lettre ---- */
body.page-1912 .cw-input,
body.page-1912 .cw-textarea {
  background: transparent;
  border: none;
  border-bottom: 1px solid rgba(90,70,38,.3);
  border-radius: 0;
  font-family: var(--font-display);
  font-style: italic;
  font-size: 15px;
  color: var(--ink, #2b2117);
  padding: 6px 4px;
}
body.page-1912 .cw-input::placeholder,
body.page-1912 .cw-textarea::placeholder {
  color: rgba(90,70,38,.4);
  opacity: 1;
}
body.page-1912 .cw-input:focus,
body.page-1912 .cw-textarea:focus {
  border-bottom-color: var(--brass-dark, #5a4324);
  background: transparent;
  outline: none;
}
body.page-1912 .cw-textarea {
  resize: none;
  min-height: 160px;
  line-height: 32px;
  padding: 6px 4px 4px;
  background: transparent;
  /* Lignes alignées : la 1re ligne démarre à padding-top=6px + line-height=32px → 38px
     Ensuite toutes les 32px. Les lignes sont à la base du texte, pas au milieu. */
  background-image: repeating-linear-gradient(
    to bottom,
    transparent,
    transparent 37px,
    rgba(90,70,38,.22) 37px,
    rgba(90,70,38,.22) 38px
  );
}
body.page-1912 .cw-counter {
  color: rgba(90,70,38,.75);
  font-size: 15px;
  font-family: var(--font-display);
  font-style: italic;
  font-weight: 600;
  bottom: 10px;
  right: 8px;
}

/* ---- Bouton cachet ---- */
body.page-1912 .cw-submit {
  background: var(--crimson, #7c231c);
  color: #f5edd8;
  font-family: var(--font-title);
  letter-spacing: .18em;
  border-radius: 1px;
}
body.page-1912 .cw-submit:hover {
  background: #9b2b23;
  transform: translateY(-1px);
}

/* ---- Erreur ---- */
body.page-1912 .cw-error {
  color: var(--crimson, #7c231c);
}

/* ---- Cartes commentaires style lettre ---- */
body.page-1912 .cw-card {
  background: rgba(245,237,216,.6);
  border: 1px solid rgba(90,70,38,.2);
}
body.page-1912 .cw-card:hover {
  border-color: rgba(90,70,38,.4);
}
body.page-1912 .cw-pseudo {
  font-family: var(--font-display);
  font-style: italic;
  color: var(--brass-dark, #5a4324);
}
body.page-1912 .cw-date {
  color: var(--ink-mute, #6b5d47);
}
body.page-1912 .cw-content {
  font-family: var(--font-display);
  font-style: italic;
  color: var(--ink, #2b2117);
  font-size: 15px;
  line-height: 1.8;
}
body.page-1912 .cw-upvote {
  border-color: rgba(90,70,38,.3) !important;
  color: var(--ink-mute, #6b5d47) !important;
  background: none !important;
}
body.page-1912 .cw-upvote:hover {
  border-color: var(--brass-dark, #5a4324) !important;
  color: var(--brass-dark, #5a4324) !important;
}
body.page-1912 .cw-upvote.cw-upvote--done {
  border-color: var(--brass-dark, #5a4324) !important;
  color: var(--brass-dark, #5a4324) !important;
  background: rgba(90,70,38,.08) !important;
}
body.page-1912 .cw-vote-count {
  color: var(--ink-mute, #6b5d47);
}
body.page-1912 .cw-empty {
  color: var(--ink, #2b2117);
  font-family: var(--font-display);
  font-style: italic;
  opacity: .7;
}

@media(max-width:768px) {
  body.page-1912 .cw-form { padding: 28px 20px 24px; }
  .cw-letter-head__logo img { width: 44px; height: 44px; }
}

/* ---- Actions propriétaire (édition / suppression) ---- */
.cw-card__actions {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-left: auto;
}
.cw-action {
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  border: 1px solid var(--border-sub);
  color: var(--text-muted);
  background: none;
  transition: border-color .2s, color .2s, background .2s;
}
.cw-action svg { width: 12px; height: 12px; }
.cw-action--edit:hover  { border-color: var(--gold-dim); color: var(--gold); }
.cw-action--delete:hover{ border-color: rgba(224,122,95,.5); color: #e07a5f; }

/* ---- Éditeur inline ---- */
.cw-edit-textarea {
  width: 100%;
  min-height: 80px;
  background: rgba(255,255,255,.04);
  border: 1px solid var(--border-sub);
  border-radius: 3px;
  color: var(--text-primary);
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 300;
  padding: 10px 12px;
  resize: none;
  outline: none;
  transition: border-color .25s;
}
.cw-edit-textarea:focus { border-color: var(--gold-dim); }
.cw-edit-bar {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 8px;
  flex-wrap: wrap;
}
.cw-edit-save {
  font-family: var(--font-title);
  font-size: 10px;
  letter-spacing: .12em;
  text-transform: uppercase;
  background: var(--gold);
  color: #020810;
  border: none;
  border-radius: 3px;
  padding: 7px 18px;
  cursor: pointer;
  transition: background .2s;
}
.cw-edit-save:hover { background: var(--gold-light); }
.cw-edit-cancel {
  font-family: var(--font-body);
  font-size: 12px;
  color: var(--text-muted);
  background: none;
  border: 1px solid var(--border-sub);
  border-radius: 3px;
  padding: 7px 14px;
  cursor: pointer;
  transition: color .2s, border-color .2s;
}
.cw-edit-cancel:hover { color: var(--text-primary); border-color: var(--text-muted); }
.cw-edit-error {
  font-size: 12px;
  color: #e07a5f;
  flex: 1;
}

/* ---- Overrides 1912 pour actions/éditeur ---- */
body.page-1912 .cw-action { border-color: rgba(90,70,38,.25); color: var(--ink-mute,#6b5d47); }
body.page-1912 .cw-action--edit:hover  { border-color: var(--brass-dark,#5a4324); color: var(--brass-dark,#5a4324); }
body.page-1912 .cw-action--delete:hover{ border-color: rgba(124,35,28,.4); color: var(--crimson,#7c231c); }
body.page-1912 .cw-edit-textarea {
  background: transparent;
  border: 1px solid rgba(90,70,38,.3);
  color: var(--ink,#2b2117);
  font-family: var(--font-display);
  font-style: italic;
}
body.page-1912 .cw-edit-save { background: var(--crimson,#7c231c); color: #f5edd8; }
body.page-1912 .cw-edit-save:hover { background: #9b2b23; }
body.page-1912 .cw-edit-error { color: var(--crimson,#7c231c); }

/* ---- Ligne auteur "Written by" ---- */
.cw-letter-head__author {
  font-family: var(--font-display);
  font-size: 11.5px;
  font-style: italic;
  color: var(--ink-mute, #6b5d47);
  margin-top: 3px;
  min-height: 16px;
  transition: opacity .2s;
}

/* ---- Animation tampon à la publication ---- */
.cw-form--stamp {
  opacity: .25;
  transform: scale(0.985);
  transition: opacity .3s, transform .3s;
  pointer-events: none;
}
.cw-stamp {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%) rotate(-14deg) scale(0);
  width: 130px; height: 130px;
  border-radius: 50%;
  border: 4px solid rgba(124,35,28,.85);
  background: rgba(245,237,216,.5);
  display: flex; align-items: center; justify-content: center;
  z-index: 20;
  color: rgba(124,35,28,.9);
  font-family: var(--font-title);
  font-size: 13px;
  letter-spacing: .22em;
  text-transform: uppercase;
  text-align: center;
  animation: cwStampIn .45s cubic-bezier(0.34,1.56,0.64,1) forwards;
  box-shadow: inset 0 0 0 3px rgba(124,35,28,.15), 0 2px 18px rgba(124,35,28,.2);
  pointer-events: none;
}
.cw-stamp--out {
  animation: cwStampOut .35s ease forwards;
}
@keyframes cwStampIn {
  0%   { transform: translate(-50%,-50%) rotate(-14deg) scale(0); opacity:0; }
  60%  { opacity: 1; }
  100% { transform: translate(-50%,-50%) rotate(-14deg) scale(1); opacity:1; }
}
@keyframes cwStampOut {
  0%   { transform: translate(-50%,-50%) rotate(-14deg) scale(1); opacity:1; }
  100% { transform: translate(-50%,-50%) rotate(-14deg) scale(1.1); opacity:0; }
}

/* Mode 2026 : tampon doré */
.cw-stamp {
  border-color: var(--gold);
  color: var(--gold);
  background: rgba(201,168,76,.06);
  box-shadow: inset 0 0 0 3px rgba(201,168,76,.12), 0 2px 18px rgba(201,168,76,.15);
}
body.page-1912 .cw-stamp {
  border-color: rgba(124,35,28,.85);
  color: rgba(124,35,28,.9);
  background: rgba(245,237,216,.5);
  box-shadow: inset 0 0 0 3px rgba(124,35,28,.15), 0 2px 18px rgba(124,35,28,.2);
}

/* ---- Toast en mode 1912 ---- */
body.page-1912 .cw-toast {
  background: rgba(245,237,216,.97);
  border-color: rgba(90,70,38,.45);
  color: var(--ink, #2b2117);
  font-family: var(--font-display);
  font-style: italic;
  letter-spacing: .06em;
  text-transform: none;
  box-shadow: 0 4px 18px rgba(43,33,23,.2);
}

/* ================================================================
   CHEATSHEET + WRAP FLEX
   ================================================================ */
.cw-form-wrap {
  display: flex;
  gap: 24px;
  align-items: flex-start;
}
.cw-cheatsheet {
  flex-shrink: 0;
  width: 200px;
  background: rgba(255,255,255,.02);
  border: 1px solid var(--border-sub);
  border-radius: 4px;
  padding: 16px;
}
.cw-cs-title {
  font-family: var(--font-title);
  font-size: 10px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--gold-dim);
  margin-bottom: 12px;
}
.cw-cs-table {
  width: 100%;
  border-collapse: collapse;
}
.cw-cs-table tr + tr td { padding-top: 7px; }
.cw-cs-table td { font-size: 12px; vertical-align: middle; }
.cw-cs-code {
  font-family: monospace;
  font-size: 11px;
  color: var(--text-muted);
  padding-right: 10px;
  white-space: nowrap;
}
.cw-cs-table em    { color: var(--text-secondary); font-style: italic; }
.cw-cs-table strong{ color: var(--text-primary); }
.cw-cs-table u     { color: var(--text-secondary); }
.cw-cs-table s     { color: var(--text-muted); }
.cw-cs-table small { color: var(--text-muted); font-size: 10px; }
.cw-form { flex: 1; min-width: 0; }

/* ---- Éléments Markdown dans les commentaires ---- */
.cw-content { white-space: pre-wrap; }
.cw-content strong { font-weight: 700; color: var(--text-primary); }
.cw-content em     { font-style: italic; color: var(--text-secondary); }
.cw-content u      { text-decoration: underline; }
.cw-content s      { text-decoration: line-through; opacity: .7; }
.cw-small          { font-size: 10px; opacity: .75; }
.cw-bq {
  border-left: 3px solid var(--border-gold);
  margin: 4px 0;
  padding: 4px 10px;
  color: var(--text-muted);
  font-style: italic;
  background: rgba(201,168,76,.04);
  border-radius: 0 3px 3px 0;
}
.cw-bq--multi { border-color: var(--gold-dim); }

/* ---- Responsive cheatsheet ---- */
@media(max-width: 860px) {
  .cw-form-wrap { flex-direction: column; }
  .cw-cheatsheet { width: 100%; }
  .cw-cs-table { display: grid; grid-template-columns: 1fr 1fr; gap: 6px 0; }
  .cw-cs-table tr { display: contents; }
}

/* ---- Mode 1912 — cheatsheet ---- */
body.page-1912 .cw-cheatsheet {
  background: rgba(90,70,38,.05);
  border-color: rgba(90,70,38,.2);
}
body.page-1912 .cw-cs-title {
  font-family: var(--font-display);
  color: var(--brass-dark, #5a4324);
  letter-spacing: .06em;
  text-transform: none;
  font-style: italic;
}
body.page-1912 .cw-cs-code {
  color: var(--ink-mute, #6b5d47);
  font-family: var(--font-display);
  font-style: italic;
}
body.page-1912 .cw-bq {
  border-color: rgba(90,70,38,.4);
  color: var(--ink-mute, #6b5d47);
  background: rgba(90,70,38,.04);
}

/* ================================================================
   CHEATSHEET 1912 — TAILLE LISIBLE
   ================================================================ */
body.page-1912 .cw-cs-table td { font-size: 14px; }
body.page-1912 .cw-cs-code { font-size: 13px; }
body.page-1912 .cw-cs-title { font-size: 13px; margin-bottom: 14px; }
body.page-1912 .cw-cheatsheet { padding: 20px; }

/* ================================================================
   RESPONSIVE MOBILE COMPLET
   ================================================================ */
@media(max-width: 640px) {

  /* Section générale */
  .cw-section { padding: 40px 16px 60px; }
  .cw-inner   { gap: 28px; }

  /* Titre */
  .cw-title    { font-size: 20px; }
  .cw-subtitle { font-size: 13px; }

  /* Cheatsheet en grille 2 colonnes sur mobile */
  .cw-form-wrap   { flex-direction: column; gap: 16px; }
  .cw-cheatsheet  { width: 100%; padding: 14px; }
  .cw-cs-table    { display: table; width: 100%; }
  .cw-cs-table tr { display: table-row; }
  .cw-cs-table td { display: table-cell; font-size: 11px; padding-top: 6px; }
  .cw-cs-code     { font-size: 10px; padding-right: 8px; width: 40%; }

  /* Formulaire mode 2026 */
  .cw-form        { padding: 16px 14px; }
  .cw-form__footer{ flex-direction: column; align-items: flex-end; gap: 10px; }
  .cw-submit      { width: 100%; text-align: center; padding: 11px; }

  /* Carte commentaire */
  .cw-card        { padding: 12px 10px; gap: 8px; }
  .cw-card__head  { flex-wrap: wrap; gap: 6px; }
  .cw-card__actions{ margin-left: 0; width: 100%; justify-content: flex-end; }

  /* Mode 1912 lettre */
  body.page-1912 .cw-section  { padding: 32px 12px 50px; }
  body.page-1912 .cw-inner    { gap: 20px; }
  body.page-1912 .cw-form     { padding: 20px 18px 18px; }
  body.page-1912 .cw-letter-head { flex-direction: column; align-items: flex-start; gap: 10px; }
  body.page-1912 .cw-letter-head__logo img { width: 44px; height: 44px; }
  body.page-1912 .cw-letter-head__info { text-align: left; }
  body.page-1912 .cw-letter-head__company { font-size: 11px; }
  body.page-1912 .cw-letter-head__date,
  body.page-1912 .cw-letter-head__author  { font-size: 11px; }
  body.page-1912 .cw-title    { font-size: 18px; }
  body.page-1912 .cw-cheatsheet { padding: 14px; }
  body.page-1912 .cw-cs-title   { font-size: 12px; }
  body.page-1912 .cw-cs-table td{ font-size: 12px; }
  body.page-1912 .cw-cs-code    { font-size: 11px; }
  body.page-1912 .cw-submit { width: 100%; }
}

/* ================================================================
   FIX DÉBORDEMENT HORIZONTAL 1912 MOBILE
   ================================================================ */
@media(max-width: 640px) {
  body.page-1912 .cw-section { overflow-x: hidden; }
  body.page-1912 .cw-inner   { max-width: 100%; overflow: hidden; }
  body.page-1912 .cw-form    {
    max-width: 100%;
    box-sizing: border-box;
    padding: 16px 14px 14px;
    /* Lignes toujours alignées sur le nouveau padding */
    background-position: 0 58px;
  }
  body.page-1912 .cw-letter-head { gap: 6px; }
  body.page-1912 .cw-letter-head__company {
    font-size: 10px;
    word-break: break-word;
  }
  body.page-1912 .cw-input,
  body.page-1912 .cw-textarea {
    max-width: 100%;
    box-sizing: border-box;
  }
  body.page-1912 .cw-cheatsheet {
    max-width: 100%;
    box-sizing: border-box;
  }
}

@media(max-width: 640px) {
  body.page-1912 .cw-section    { padding-left: 10px !important; padding-right: 10px !important; }
  body.page-1912 .cw-inner,
  body.page-1912 .cw-form-wrap,
  body.page-1912 .cw-cheatsheet,
  body.page-1912 .cw-form,
  body.page-1912 .cw-letter-head { max-width: 100% !important; width: 100% !important; box-sizing: border-box !important; }
  body.page-1912 .cw-letter-head__info { text-align: left !important; }
  body.page-1912 .cw-letter-head__company,
  body.page-1912 .cw-letter-head__date,
  body.page-1912 .cw-letter-head__author { white-space: normal !important; word-break: break-word !important; }
  body.page-1912 .cw-input,
  body.page-1912 .cw-textarea   { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; }
}