html,body{max-width:100%;overflow-x:hidden}*{box-sizing:border-box}input,textarea,select,button{font:inherit}
:root{--ink:#282624;--muted:#6d685f;--paper:#f4efdF;--line:rgba(95,146,171,.35);--margin:rgba(155,64,64,.5);--accent:#7c2f2f;--edge:#91897e}
.mariela-lexikon-page{margin:0;background:#cac3b8;color:var(--ink);font-family:Georgia,'Times New Roman',serif}
.ml-wrap{min-height:100vh;padding:34px 16px 70px;background:linear-gradient(135deg,#d9d2c7 0,#c9c1b5 45%,#bdb5a9 100%)}
.ml-paper{width:min(900px,100%);margin:0 auto;padding:54px 68px 70px 92px;position:relative;background-color:var(--paper);background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 31px,var(--line) 32px);box-shadow:0 15px 38px rgba(40,34,27,.22),0 1px 0 rgba(255,255,255,.8) inset;border:1px solid rgba(80,70,58,.25)}
.ml-paper:before{content:"";position:absolute;left:62px;top:0;bottom:0;border-left:2px solid var(--margin)}
.ml-header{margin:0 0 42px;padding-bottom:13px;border-bottom:2px solid rgba(40,38,36,.75)}
.ml-kicker{text-transform:uppercase;letter-spacing:.12em;font:600 11px/1.4 Arial,sans-serif;color:var(--muted)}
.ml-header h1{font:700 clamp(36px,6vw,58px)/1.02 Georgia,serif;margin:8px 0 14px;letter-spacing:-.035em;color:#1f1e1c}
.ml-intro{max-width:700px;font:16px/1.72 Georgia,serif;margin:0;color:#3b3935}
.ml-grid.two{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.ml-field{margin:0 0 28px}.ml-field label,.ml-question label{display:block;font:700 15px/1.45 Arial,sans-serif;margin-bottom:7px;color:#2e2b28}.ml-field label span{color:var(--accent)}
.ml-field input,.ml-field select,.ml-question textarea{width:100%;min-width:0;border:0;border-bottom:1.5px solid rgba(40,38,36,.62);background:rgba(255,255,255,.16);padding:8px 6px 7px;font:17px/1.55 Georgia,serif;color:var(--ink);border-radius:0;outline:none;box-shadow:none}
.ml-question textarea{resize:none;overflow:hidden;min-height:90px;background:rgba(255,255,255,.12);line-height:32px;padding-top:2px;padding-bottom:4px}
.ml-field input:focus,.ml-field select:focus,.ml-question textarea:focus{background:rgba(255,255,255,.42);border-bottom-color:#151412}
.ml-field small,.ml-photos small{display:block;margin-top:6px;font:12px/1.5 Arial,sans-serif;color:var(--muted)}
.ml-question{position:relative;margin:0 0 31px;padding-left:39px}.ml-number{position:absolute;left:0;top:-2px;width:27px;height:27px;border:1.4px solid var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;font:700 12px Arial,sans-serif;color:var(--accent);background:rgba(244,239,223,.75)}
.ml-photos{border-top:2px solid rgba(40,38,36,.72);border-bottom:2px solid rgba(40,38,36,.72);padding:22px 0 24px;margin:38px 0}.ml-photos h2{margin:0 0 4px;font:700 25px Georgia,serif}.ml-photos p{margin:0 0 14px;font:15px/1.6 Georgia,serif}
.ml-photos input[type=file]{width:100%;max-width:100%;font:13px Arial,sans-serif}
.ml-existing-images{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0}.ml-photo-card{position:relative;min-width:0;background:rgba(255,255,255,.68);padding:7px;border:1px solid #a39c8f;box-shadow:0 3px 8px rgba(0,0,0,.07);font:12px Arial,sans-serif}.ml-photo-card img{width:100%;height:140px;object-fit:cover;display:block;margin-bottom:7px}.ml-photo-preview{transition:opacity .18s ease}.ml-remove-photo{width:100%;border:1px solid #776f64;background:#f7f4ec;color:#312e2a;padding:8px 10px;cursor:pointer;font:600 12px/1.3 Arial,sans-serif}.ml-remove-photo:hover{background:#ece7dd}.ml-photo-card.is-removed .ml-photo-preview{opacity:.22;filter:grayscale(1)}.ml-photo-card.is-removed .ml-remove-photo{border-color:#5f6e61;background:#e9eee8}.ml-remove-note{display:block;min-height:1.4em;margin-top:6px;color:#675f55;font:11px/1.35 Arial,sans-serif}
.ml-publication select{max-width:430px}.ml-consent{display:flex;gap:9px;align-items:flex-start;font:14px/1.55 Arial,sans-serif;margin:24px 0}.ml-consent input{margin-top:3px;flex:0 0 auto}
.ml-submit{appearance:none;border:1.5px solid #24211f;background:#24211f;color:#fff;padding:12px 22px;font:700 14px Arial,sans-serif;letter-spacing:.02em;cursor:pointer}.ml-submit:hover{background:#fff;color:#24211f}.ml-submit:disabled{opacity:.7;cursor:wait}.ml-submit.is-saving:after{content:"";display:inline-block;width:12px;height:12px;margin-left:9px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;vertical-align:-2px;animation:mlspin .7s linear infinite}@keyframes mlspin{to{transform:rotate(360deg)}}.ml-saving-status{margin-left:10px;font:12px/1.5 Arial,sans-serif;color:var(--muted)}
.ml-edit-note{font:13px/1.5 Arial,sans-serif;color:var(--muted)}.ml-message{padding:14px 16px;margin:0 0 24px;border:1px solid #918a7f;background:rgba(255,255,255,.55);font:15px/1.5 Arial,sans-serif}.ml-message.success{border-color:#657969}.ml-message.error{border-color:#9b6060}
@media(max-width:700px){html,body{width:100%;overflow-x:hidden}.ml-wrap{width:100%;max-width:100%;overflow-x:hidden;padding:0;background:var(--paper)}.ml-paper{width:100%;max-width:100%;overflow:hidden;border:0;box-shadow:none;padding:34px 16px 50px 43px;background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 29px,var(--line) 30px)}.ml-paper:before{left:28px}.ml-grid.two{grid-template-columns:minmax(0,1fr);gap:0}.ml-header{margin-bottom:34px}.ml-header h1{font-size:39px}.ml-intro{font-size:15px;line-height:1.7}.ml-question{padding-left:34px;margin-bottom:27px}.ml-number{width:24px;height:24px;font-size:11px}.ml-field input,.ml-field select,.ml-question textarea{font-size:16px}.ml-question textarea{line-height:30px}.ml-existing-images{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.ml-photo-card img{height:112px}.ml-consent{font-size:13px}.ml-submit{width:100%;max-width:100%}.ml-saving-status{display:block;margin:9px 0 0}.ml-photos input[type=file]{font-size:12px}}
@media(max-width:420px){.ml-paper{padding-left:39px;padding-right:12px}.ml-paper:before{left:25px}.ml-existing-images{grid-template-columns:1fr}.ml-header h1{font-size:35px}.ml-question{padding-left:31px}.ml-number{width:22px;height:22px}}

/* v1.0.8 — handwritten lexicon notes */
.ml-paper{background-color:#f2ecdc;background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 31px,rgba(78,130,160,.31) 32px)}
.ml-header{position:relative}.ml-hand-note{font-family:"Segoe Print","Bradley Hand","Comic Sans MS",cursive;font-size:14px;line-height:1.45;color:#6f3434;transform:rotate(-1.2deg);margin:7px 0 2px 7px;opacity:.92}.ml-hand-note-top{position:absolute;right:8px;bottom:-31px;max-width:290px;transform:rotate(-2deg);font-size:15px}.ml-question:nth-of-type(even) .ml-hand-note{transform:rotate(1deg)}
.ml-char-count{text-align:right;margin-top:4px;font:11px/1.3 Arial,sans-serif;color:#777067}.ml-char-count.is-near{font-weight:700;color:#7c2f2f}
.ml-question textarea{border-bottom:0;background:rgba(255,255,255,.08);box-shadow:inset 0 -1px 0 rgba(40,38,36,.36)}
@media(max-width:700px){.ml-hand-note-top{position:static;max-width:none;margin:13px 0 -4px 5px;transform:rotate(-1deg)}.ml-hand-note{font-size:13px;margin-left:3px}.ml-char-count{padding-right:2px}}

/* v1.0.9 — layout hardening + subtler handwritten notes */
.mariela-lexikon-page{width:100%;max-width:100%;overflow-x:hidden}
.ml-wrap{width:100%;max-width:100%;overflow-x:hidden}
.ml-paper{max-width:900px;width:calc(100% - 32px);overflow:visible}
.ml-header,.ml-grid,.ml-form,.ml-question,.ml-field,.ml-photos{min-width:0;max-width:100%}
.ml-header h1{max-width:100%;font-size:clamp(34px,5.4vw,56px);line-height:1.05;overflow-wrap:anywhere;word-break:normal}
.ml-intro{max-width:100%}
.ml-hand-note{font-family:"Segoe Print","Bradley Hand","Comic Sans MS",cursive;color:#57504a;font-size:13px;line-height:1.35;letter-spacing:.01em;opacity:.88;margin:6px 8px 0 auto;width:max-content;max-width:58%;text-align:left;transform:rotate(-1deg)}
.ml-hand-note-top{position:static;display:block;margin:14px 18px 0 auto;max-width:360px;width:max-content;padding:0 2px 2px;border-bottom:1px solid rgba(87,80,74,.45);font-size:14px;transform:rotate(-1.5deg)}
.ml-question:nth-of-type(even) .ml-hand-note{transform:rotate(.8deg)}
.ml-question:nth-of-type(odd) .ml-hand-note{transform:rotate(-.8deg)}
.ml-question textarea{display:block;max-width:100%}
.ml-field input,.ml-field select,.ml-question textarea{max-width:100%}
@media(max-width:700px){
  .ml-paper{width:100%;max-width:100%;padding:30px 15px 48px 42px;overflow:hidden}
  .ml-paper:before{left:27px}
  .ml-header h1{font-size:clamp(32px,10vw,42px);line-height:1.08;letter-spacing:-.025em}
  .ml-hand-note,.ml-hand-note-top{position:static;width:auto;max-width:100%;margin:8px 0 0 4px;text-align:left;transform:none;font-size:12.5px;border-bottom:0}
  .ml-grid.two{width:100%;max-width:100%}
  .ml-question{width:100%;max-width:100%;padding-left:32px}
  .ml-question textarea,.ml-field input,.ml-field select{width:100%;max-width:100%}
}
@media(max-width:420px){
  .ml-paper{padding-left:38px;padding-right:11px}
  .ml-paper:before{left:24px}
  .ml-header h1{font-size:34px}
}
\n\n/* v1.0.10 — handwritten notes placed inside the lexicon */\n.ml-hand-note-top{display:none!important}\n.ml-question .ml-hand-note{\n  width:auto;\n  max-width:72%;\n  margin:8px 8px 0 auto;\n  padding:0 3px 2px;\n  border:0;\n  color:#514b46;\n  font-family:"Segoe Print","Bradley Hand","Comic Sans MS",cursive;\n  font-size:13px;\n  line-height:1.45;\n  text-align:left;\n  opacity:.9;\n  transform:rotate(-1.1deg);\n}\n.ml-question:nth-of-type(even) .ml-hand-note{transform:rotate(.8deg)}\n.ml-hand-note-photo{\n  float:right;\n  width:auto;\n  max-width:48%;\n  margin:-27px 4px 10px 18px;\n  padding:0 2px 3px;\n  border-bottom:1px solid rgba(81,75,70,.32);\n  transform:rotate(-1.4deg);\n  color:#514b46;\n}\n.ml-photos:after{content:"";display:block;clear:both}\n@media(max-width:700px){\n  .ml-question .ml-hand-note{max-width:100%;margin:7px 0 0 3px;font-size:12.5px;transform:none!important}\n  .ml-hand-note-photo{float:none;max-width:100%;margin:5px 0 12px 3px;border-bottom:0;transform:none;font-size:12.5px}\n}\n

/* v1.0.11 — more organic handwritten notes */
.ml-question .ml-hand-note,
.ml-hand-note-photo{
  display:inline-block;
  position:relative;
  background:transparent;
}
.ml-hand-note-q3{
  color:#8a3b45;
  margin:6px 0 2px 54%;
  transform:rotate(-3.2deg);
  font-size:14px;
}
.ml-hand-note-q6{
  color:#4f4a45;
  margin:8px 0 0 41%;
  transform:rotate(2.1deg);
  font-size:13.5px;
}
.ml-hand-note-q15{
  color:#8a3b45;
  margin:9px 0 0 47%;
  transform:rotate(-1.7deg);
  font-size:14px;
}
.ml-hand-note-photo{
  color:#7c2f2f;
  margin:-24px 18px 8px auto;
  transform:rotate(2.8deg);
  font-size:13.5px;
}
@media(max-width:700px){
  .ml-hand-note-q3,
  .ml-hand-note-q6,
  .ml-hand-note-q15,
  .ml-hand-note-photo{
    margin:8px 0 0 4px;
    transform:rotate(-1deg) !important;
    font-size:12.5px;
  }
  .ml-hand-note-photo{margin:5px 0 12px 3px;}
}


/* v1.0.12 — cumulative photo picker */
.ml-new-files{margin-top:10px;display:grid;gap:6px}
.ml-new-file{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 9px;background:rgba(255,255,255,.42);border-bottom:1px solid rgba(40,38,36,.25);font:12px/1.35 Arial,sans-serif}
.ml-new-file span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ml-remove-new-file{flex:0 0 auto;border:0;background:transparent;color:#7c2f2f;text-decoration:underline;cursor:pointer;font:600 12px Arial,sans-serif;padding:2px 0}

/* v1.0.23 — visible response deadline */
.ml-deadline-note{
  margin:16px 0 0;
  padding:10px 14px;
  border-left:3px solid #8a3b45;
  background:rgba(138,59,69,.07);
  color:#4a3f3f;
  font:15px/1.55 Georgia,serif;
}
.ml-deadline-note strong{color:#7c2f2f}
@media(max-width:700px){
  .ml-deadline-note{font-size:14px;padding:9px 11px;margin-top:14px}
}


/* v1.0.24 — sticky note deadline */
.ml-sticky-deadline{
  position: relative;
  display: inline-block;
  max-width: 340px;
  margin: 16px 0 8px auto;
  padding: 18px 18px 16px;
  background: #f2df87;
  color: #4a4033;
  border: 1px solid rgba(120,95,35,.18);
  box-shadow: 0 10px 20px rgba(0,0,0,.10), 0 2px 6px rgba(0,0,0,.08);
  transform: rotate(-3deg);
  font: 15px/1.45 Georgia, serif;
  border-radius: 2px;
}
.ml-sticky-deadline strong{
  display:block;
  margin-bottom: 4px;
  color:#6d3036;
  font-size: 17px;
}
.ml-sticky-deadline .ml-sticky-tape{
  position:absolute;
  top:-10px;
  left:50%;
  width:78px;
  height:24px;
  transform:translateX(-50%) rotate(4deg);
  background:rgba(242,234,220,.78);
  border-left:1px solid rgba(170,160,140,.25);
  border-right:1px solid rgba(170,160,140,.25);
  box-shadow:0 1px 2px rgba(0,0,0,.06);
}
@media (max-width: 700px){
  .ml-sticky-deadline{
    display:block;
    max-width:none;
    margin: 14px 0 10px 0;
    transform: rotate(-1.5deg);
    font-size:14px;
  }
  .ml-sticky-deadline strong{font-size:16px;}
}


/* v1.0.25 — deadline sticky on the right, handwritten style */
.ml-sticky-deadline{
  float: right;
  clear: right;
  max-width: 285px;
  margin: 8px 0 14px 18px;
  padding: 16px 18px 15px;
  background: #f1de8d;
  color: #5b4a3c;
  border: 1px solid rgba(120,95,35,.16);
  box-shadow: 0 10px 18px rgba(0,0,0,.09), 0 2px 5px rgba(0,0,0,.08);
  transform: rotate(4deg);
  font-family: "Comic Sans MS","Bradley Hand","Segoe Print","Noteworthy",cursive;
  font-size: 19px;
  line-height: 1.25;
  letter-spacing: .2px;
}
.ml-sticky-deadline strong{
  display:block;
  margin-bottom:6px;
  color:#7d2f38;
  font-family: inherit;
  font-size: 21px;
  font-weight: 700;
}
.ml-sticky-deadline .ml-sticky-tape{
  width:84px;
  height:22px;
  top:-9px;
  left:54%;
  transform:translateX(-50%) rotate(-7deg);
  background:rgba(244,237,224,.78);
}
.ml-hero::after{
  content:"";
  display:block;
  clear:both;
}
@media (max-width: 700px){
  .ml-sticky-deadline{
    float:none;
    clear:both;
    display:block;
    max-width:260px;
    margin: 10px 0 12px auto;
    transform: rotate(2deg);
    font-size:17px;
    line-height:1.22;
  }
  .ml-sticky-deadline strong{
    font-size:19px;
  }
}