/* The Institute for Advanced Dietary Studies — house style */
:root{ --paper:#f6f1e3; --paper-deep:#efe7d3; --ink:#231d12; --muted:#6b6152; --accent:#7a2e1d; }
*{ box-sizing:border-box; }
html,body{ margin:0; padding:0; }
body{ background:var(--paper-deep); color:var(--ink);
      font-family:"EB Garamond", Baskerville, Georgia, serif; font-size:18px; line-height:1.65; }
.sheet{ max-width:720px; margin:0 auto; padding:0 20px 90px; }
header{ text-align:center; padding:56px 0 8px; }
.masthead{ font-size:13px; letter-spacing:0.28em; color:var(--ink); text-transform:uppercase; }
.rule{ border:0; border-top:1px solid var(--ink); width:96px; margin:22px auto; }
nav{ text-align:center; font-size:12px; letter-spacing:0.18em; text-transform:uppercase;
     margin:10px 0 44px; }
nav a{ color:var(--muted); text-decoration:none; margin:0 9px; white-space:nowrap; }
nav a:hover, nav a.here{ color:var(--accent); }
h1{ font-weight:500; font-size:30px; letter-spacing:0.04em; text-align:center; margin:0 0 30px;
    text-wrap:balance; }
h2{ font-weight:500; font-size:15px; letter-spacing:0.22em; text-transform:uppercase;
    color:var(--accent); margin:44px 0 14px; }
p{ margin:0 0 18px; }
.center{ text-align:center; }
.small{ font-size:14px; color:var(--muted); }
.sc{ font-variant:small-caps; letter-spacing:0.1em; }
.temple{ display:block; margin:34px auto; }
.motto{ text-align:center; font-size:15px; letter-spacing:0.3em; margin-top:40px; }
footer{ text-align:center; font-size:12px; letter-spacing:0.14em; color:var(--muted);
        margin-top:70px; line-height:2; }
a{ color:var(--accent); }
.vol{ text-align:center; margin:34px 0; }
.vol .n{ font-size:12px; letter-spacing:0.24em; color:var(--muted); text-transform:uppercase; }
.vol .t{ font-style:italic; font-size:22px; margin:6px 0 4px; }
.vol .i{ font-size:14px; }
.vol .s{ font-size:13px; color:var(--muted); margin-top:5px; }
.ref{ font-size:15px; margin-bottom:20px; }
.ref .note{ font-style:italic; color:var(--muted); font-size:14px; margin-top:3px; padding-left:22px; }
.refhead{ font-size:14px; letter-spacing:0.2em; text-transform:uppercase; color:var(--accent);
          margin:38px 0 16px; }
@media (max-width:540px){ body{ font-size:16.5px; } h1{ font-size:24px; } nav a{ margin:0 5px; } }
@media print{
  body{ background:#fff; }
  nav, footer, .noprint{ display:none !important; }
}
