/* Shared document styles for ready-to-send templates.
   Pages render as paper-like documents — easy to read, easy to print, easy to copy out. */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
:root{
  --ink:#0F0F0E; --ink-2:#3a342a; --ink-3:#6B6657;
  --brass:#8C6F2F; --ember:#B14E1C; --rule:#cfc6b0;
  --paper:#fdf8ea; --surround:#f3eedf;
  --serif:'Shippori Mincho',Georgia,serif;
  --mono:'JetBrains Mono',ui-monospace,monospace;
  --sans:'Inter',system-ui,sans-serif;
}
html,body{background:var(--surround);color:var(--ink);font-family:var(--sans);}
body{padding:24px 16px;}
.actions{
  max-width:8.5in;margin:0 auto 24px;
  display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;
}
.actions a, .actions button{
  font-family:var(--mono);font-size:10px;font-weight:500;
  letter-spacing:0.22em;text-transform:uppercase;
  padding:12px 20px;border-radius:999px;cursor:pointer;
  text-decoration:none;border:0;
  transition:background 180ms,color 180ms;
}
.actions a{color:var(--ink);border:1px solid var(--ink);background:transparent;}
.actions a:hover{background:var(--ink);color:var(--paper);}
.actions button{background:var(--ink);color:var(--paper);}
.actions button:hover{background:var(--ember);}
.actions .copy-btn.copied{background:var(--brass);color:var(--paper);}

.sheet{
  max-width:8.5in;min-height:11in;margin:0 auto 24px;
  background:var(--paper);color:var(--ink);
  padding:0.85in 0.85in 0.95in;
  box-shadow:0 4px 32px rgba(0,0,0,0.18);
  position:relative;
}
.head{
  display:flex;align-items:flex-start;justify-content:space-between;
  gap:24px;padding-bottom:18px;border-bottom:1px solid var(--rule);margin-bottom:28px;
}
.head__brand{display:flex;align-items:center;gap:14px;}
.head__mark{width:44px;height:44px;flex-shrink:0;}
.head__name{font-family:var(--serif);font-size:26px;font-weight:500;letter-spacing:-0.012em;line-height:1;color:var(--ink);}
.head__sub{font-family:var(--mono);font-size:9px;letter-spacing:0.24em;text-transform:uppercase;color:var(--brass);margin-top:4px;line-height:1;}
.head__right{text-align:right;font-family:var(--mono);font-size:9px;letter-spacing:0.16em;text-transform:uppercase;color:var(--ink-3);line-height:1.7;}
.head__right strong{color:var(--ink);font-weight:600;}

.doc-meta{font-family:var(--mono);font-size:9px;letter-spacing:0.22em;text-transform:uppercase;color:var(--brass);margin-bottom:10px;}
h1.doc{font-family:var(--serif);font-size:28px;font-weight:500;letter-spacing:-0.014em;line-height:1.15;margin-bottom:14px;color:var(--ink);}
h1.doc em{color:var(--ember);font-style:italic;font-weight:400;}
.doc__lede{font-family:var(--serif);font-style:italic;font-size:14px;color:var(--ink-2);line-height:1.55;max-width:65ch;margin-bottom:24px;}

h2.sec{
  font-family:var(--mono);font-size:10px;font-weight:500;
  letter-spacing:0.26em;text-transform:uppercase;color:var(--brass);
  margin-top:24px;margin-bottom:10px;padding-bottom:4px;border-bottom:1px solid var(--rule);
}

.body{font-family:var(--serif);font-size:13px;line-height:1.65;color:var(--ink-2);}
.body strong{color:var(--ink);font-weight:600;}
.body em{font-style:italic;}
.body p+p{margin-top:10px;}
.body ul{list-style:none;padding:0;margin:8px 0 0;}
.body li{padding:3px 0;padding-left:16px;position:relative;}
.body li::before{content:'·';position:absolute;left:0;color:var(--brass);font-weight:700;}
.body ol{padding-left:20px;margin-top:8px;}
.body ol li{padding:3px 0;padding-left:0;}
.body ol li::before{content:none;}

.placeholder{background:rgba(177,78,28,0.12);color:var(--ember);padding:1px 5px;border-radius:2px;font-style:italic;font-family:var(--mono);font-size:11px;}

.signoff{margin-top:28px;font-family:var(--serif);font-size:13px;line-height:1.55;color:var(--ink-2);}
.signoff .name{margin-top:24px;color:var(--ink);font-weight:600;}
.signoff .title{font-family:var(--mono);font-size:9px;letter-spacing:0.20em;text-transform:uppercase;color:var(--ink-3);margin-top:2px;line-height:1.3;}

.note-box{
  margin-top:24px;padding:18px;
  background:rgba(140,111,47,0.08);border-left:3px solid var(--brass);
  font-family:var(--serif);font-style:italic;font-size:12.5px;color:var(--ink-2);line-height:1.55;
}
.note-box strong{font-style:normal;color:var(--ink);}

.foot{
  margin-top:36px;padding-top:14px;border-top:1px solid var(--rule);
  font-family:var(--mono);font-size:9px;letter-spacing:0.16em;text-transform:uppercase;color:var(--ink-3);
  display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;
}

@media print {
  html,body{background:#fff;}
  body{padding:0;}
  .actions,.note-box{display:none;}
  .sheet{box-shadow:none;margin:0;padding:0.5in;}
}
@page { size: letter; margin: 0; }
</style>