/* MP A6 — HEARTH CALIBRATION ATELIER */
:root{
  --a6h-ink:#202320;
  --a6h-pitch:#171C19;
  --a6h-juniper:#29403A;
  --a6h-verdigris:#3E5F54;
  --a6h-leaf:#687662;
  --a6h-paper:#F2EEE6;
  --a6h-cotton:#FBF8F1;
  --a6h-panel:#E9E0D1;
  --a6h-parchment:#E8DCC4;
  --a6h-walnut:#5A4636;
  --a6h-sumac:#7A3E37;
  --a6h-clay:#BC6A47;
  --a6h-rose:#AD8079;
  --a6h-line:rgba(90,70,54,.22);
}
body{
  background:
    radial-gradient(circle at 10% 8%,rgba(188,106,71,.16),transparent 25rem),
    repeating-linear-gradient(90deg,rgba(90,70,54,.028) 0 1px,transparent 1px 74px),
    var(--a6h-paper);
  color:var(--a6h-ink);
}
nav{
  min-height:64px;height:auto;
  background:rgba(23,28,25,.97);
  border-bottom:1px solid rgba(232,220,196,.22);
  padding:10px 26px;
}
.nav-brand{font-family:var(--mp-mono);font-size:10px;color:var(--a6h-parchment)}
.nav-brand b{color:#D4B08A}.mp-glyph svg{stroke:#D4B08A}.mp-glyph svg rect{fill:var(--a6h-pitch)}
.nav-tag{color:rgba(242,238,230,.62)}
header.mp-hero{
  min-height:500px;padding:82px 24px 74px;
  color:var(--a6h-cotton);
  background:
    radial-gradient(circle at 50% 42%,rgba(188,106,71,.30),transparent 8rem),
    radial-gradient(circle at 50% 42%,transparent 0 8.8rem,rgba(232,220,196,.12) 8.9rem 9rem,transparent 9.1rem),
    linear-gradient(rgba(232,220,196,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(232,220,196,.045) 1px,transparent 1px),
    var(--a6h-juniper);
  background-size:auto,auto,40px 40px,40px 40px,auto;
  border-bottom:8px solid var(--a6h-clay);
}
.mp-mark{
  width:72px;height:72px;margin-bottom:28px;
  background:linear-gradient(135deg,var(--a6h-clay),#D4B08A);
  filter:drop-shadow(0 12px 24px rgba(0,0,0,.28));
}
.mp-mark span{width:54px;height:54px;background:var(--a6h-juniper)}
.kicker{color:#E2C6A4}.title{color:var(--a6h-cotton)!important;letter-spacing:-.025em!important}
h1.title .gild{color:#E6A17F}
.hero-sub{color:rgba(251,248,241,.82)}
.hero-note{color:rgba(242,238,230,.62)}
.wrap{max-width:1460px;padding:34px 28px 96px}
.toolbar{
  position:relative;z-index:2;max-width:1120px;
  margin:-64px auto 34px;padding:19px 22px;
  background:rgba(251,248,241,.97);
  border:1px solid var(--a6h-line);border-top:5px solid var(--a6h-clay);
  box-shadow:0 18px 44px rgba(41,64,58,.18);
}
.btn{border-radius:0;padding:10px 16px;border-color:var(--a6h-juniper);color:var(--a6h-juniper)}
.btn.primary{background:var(--a6h-juniper);border-color:var(--a6h-juniper);color:var(--a6h-cotton)}
.btn.primary:hover{background:var(--a6h-sumac);border-color:var(--a6h-sumac)}
.btn.ghost{border-color:var(--a6h-line);color:var(--a6h-walnut)}
.btn.ghost:hover{background:var(--a6h-parchment);color:var(--a6h-ink)}
.btn.danger{border-color:var(--a6h-sumac);color:var(--a6h-sumac)}
.btn.danger:hover{background:var(--a6h-sumac);color:var(--a6h-cotton)}
.grid{grid-template-columns:minmax(420px,.92fr) minmax(500px,1.08fr);gap:34px}
.panel-label{color:var(--a6h-sumac)}
details.sect{
  border-radius:0;background:rgba(251,248,241,.96);
  border:1px solid var(--a6h-line);border-left:4px solid var(--a6h-leaf);
  box-shadow:0 10px 24px rgba(90,70,54,.055);
}
details.sect:nth-of-type(3n+2){border-left-color:var(--a6h-clay)}
details.sect:nth-of-type(3n){border-left-color:var(--a6h-sumac)}
details.sect > summary{padding:16px 18px;font-family:var(--mp-serif);font-size:17px}
.sect-num{border-radius:0;background:var(--a6h-pitch);border:0;color:var(--a6h-cotton);padding:4px 8px}
.sect-body{padding:5px 20px 22px;background:rgba(232,220,196,.22)}
input[type=text],textarea{
  border-radius:0;background:#FFFDF8;border:1px solid rgba(90,70,54,.25);
  box-shadow:inset 3px 0 0 rgba(188,106,71,.24);
}
input[type=text]:focus,textarea:focus{
  border-color:var(--a6h-clay);box-shadow:inset 3px 0 0 var(--a6h-clay),0 0 0 3px rgba(188,106,71,.13);
}
.preview-col{top:82px}
.preview{
  border-radius:0;height:calc(100vh - 118px);min-height:640px;
  background:
    linear-gradient(rgba(90,70,54,.04) 1px,transparent 1px),
    #FFFDF8;
  background-size:100% 30px;
  border:1px solid var(--a6h-line);border-top:8px solid var(--a6h-juniper);
  box-shadow:0 24px 48px rgba(90,70,54,.12);
}
.preview-inner{padding:42px 48px}.seg{border-radius:0}.seg button.on{background:var(--a6h-sumac);color:var(--a6h-cotton)}
.md h1,.md h2,.md h3{color:var(--a6h-juniper)}.md h2{border-top-color:rgba(90,70,54,.22)}
.md li::before{background:var(--a6h-clay);transform:rotate(45deg)}
.md blockquote{color:var(--a6h-sumac);border-color:rgba(188,106,71,.35)}
.md .meta-line,.md em{color:var(--a6h-verdigris)}
.toast{border-radius:0;background:var(--a6h-pitch)}
footer{
  background:var(--a6h-pitch);border-top:7px double rgba(232,220,196,.22);
  color:rgba(242,238,230,.68);padding:44px 22px;
}
footer .wordmark{color:var(--a6h-cotton)}footer .wordmark b{color:#D4B08A}
footer small{color:rgba(242,238,230,.58)}footer .a6-footer-meta{margin-top:13px;color:#D4B08A}
.btn:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,.seg button:focus-visible{
  outline:3px solid #E49B78;outline-offset:3px;
}
@media(max-width:1080px){
  .grid{grid-template-columns:1fr}.preview-col{position:static}.preview{height:auto;min-height:620px}
}
@media(max-width:640px){
  nav{justify-content:center}.nav-tag{width:100%;text-align:center}
  header.mp-hero{min-height:440px;padding:66px 20px 74px}
  .wrap{padding:28px 14px 72px}.toolbar{margin:-54px 4px 28px;padding:16px 12px}
  .btn{flex:1 1 46%;justify-content:center;padding:10px 8px;font-size:9px}
  .preview-inner{padding:28px 22px}.sect-body{padding:4px 14px 18px}
}
@media print{
  @page{size:A4;margin:14mm}
  body{background:#fff!important;color:#111;font-size:10pt}
  nav,.toolbar,.form-col,.toast{display:none!important}
  header.mp-hero{
    min-height:245mm;padding:22mm 10mm;background:#29403A!important;color:#fff!important;
    border-bottom:4mm solid #BC6A47;break-after:page;
    -webkit-print-color-adjust:exact;print-color-adjust:exact;
  }
  .wrap{max-width:none;padding:0}.grid{display:block}.preview-col{position:static}.preview-head{display:none}
  .preview{height:auto;min-height:0;border:0;box-shadow:none;background:#fff}
  .preview-inner{padding:0}.md h2{break-after:avoid}.md h3{break-after:avoid}.md ul,.md blockquote{break-inside:avoid}
  footer{background:#fff;color:#222;border-top:1px solid #333;padding:10mm 0 0;break-inside:avoid}
  footer .wordmark,footer .wordmark b,footer small,footer .a6-footer-meta{color:#222}
}