@font-face{font-family:"Playfair Display";font-weight:400;font-style:normal;font-display:swap;src:url(/type/playfair-display-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Playfair Display";font-weight:400;font-style:italic;font-display:swap;src:url(/type/playfair-display-latin-400-italic.woff2) format("woff2")}
@font-face{font-family:"Playfair Display";font-weight:700;font-style:normal;font-display:swap;src:url(/type/playfair-display-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Lora";font-weight:400;font-style:normal;font-display:swap;src:url(/type/lora-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Lora";font-weight:400;font-style:italic;font-display:swap;src:url(/type/lora-latin-400-italic.woff2) format("woff2")}
@font-face{font-family:"Lora";font-weight:600;font-style:normal;font-display:swap;src:url(/type/lora-latin-600-normal.woff2) format("woff2")}

:root{--ink:#2f3033;--ink-light:#66686d;--blush:#f3dcd8;--blush-deep:#e3b9b3;--sage:#8da38c;--sage-deep:#5d7561;--sage-wash:#e4ebe2;--paper:#fffdf9;--desk:#d9d3cb}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;min-height:100vh;background:var(--desk) radial-gradient(circle at 20% 10%,#e7e2da 0,transparent 55%);color:var(--ink);font:400 1.0625rem/1.8 "Lora",Georgia,serif;padding:2.5rem 1rem 3rem}
a{color:var(--sage-deep);text-underline-offset:3px}
a:hover{color:var(--ink)}
code{font-size:.9em;background:var(--sage-wash);padding:.05em .4em;border-radius:3px}

.sheet{max-width:46rem;margin:0 auto;background:var(--paper);padding:.9rem;box-shadow:0 1px 2px rgba(0,0,0,.12),0 18px 40px -18px rgba(60,50,40,.45)}
.sheet__border{border:2px solid var(--sage);outline:1px solid var(--blush-deep);outline-offset:-8px;padding:clamp(1.8rem,5vw,3.4rem) clamp(1.3rem,5vw,3.4rem)}
.sheet__corner{display:block;width:100%;height:14px;margin:0 0 1.6rem;color:var(--blush-deep)}

.letterhead{text-align:center;margin-bottom:2rem}
.letterhead__overline{font-size:.78rem;letter-spacing:.3em;text-transform:uppercase;color:var(--sage-deep);margin:0 0 .5rem}
.letterhead__name{font:700 2.4rem/1.15 "Playfair Display",Georgia,serif;margin:0;color:var(--ink)}
.letterhead__name a{color:inherit;text-decoration:none}
.letterhead__rule{display:flex;align-items:center;gap:.8rem;margin:1.1rem auto 0;max-width:15rem;color:var(--blush-deep)}
.letterhead__rule::before,.letterhead__rule::after{content:"";flex:1;border-top:1px solid currentColor}
.letterhead__rule i{width:7px;height:7px;transform:rotate(45deg);background:var(--sage)}

.index{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem 1.6rem;list-style:none;margin:1.4rem 0 2.2rem;padding:0}
.index__link{font:italic 400 1rem "Playfair Display",Georgia,serif;color:var(--ink-light);text-decoration:none;border-bottom:1px solid transparent}
.index__link:hover,.index__link--here{color:var(--ink);border-bottom-color:var(--blush-deep)}

.title{font:700 2rem/1.25 "Playfair Display",Georgia,serif;text-align:center;margin:0 0 .6rem}
.standfirst{font:italic 400 1.15rem/1.6 "Playfair Display",Georgia,serif;text-align:center;color:var(--ink-light);margin:0 auto 2rem;max-width:34rem}
.clause{margin:2rem 0 0}
.clause__heading{font:700 1.3rem/1.3 "Playfair Display",Georgia,serif;margin:0 0 .5rem;color:var(--ink)}
.clause__heading::before{content:attr(data-no);font:italic 400 1rem "Playfair Display",Georgia,serif;color:var(--sage-deep);margin-right:.6rem}
.clause p,.clause ul,.clause ol{margin:0 0 1rem}
.clause li{margin-bottom:.4rem}
.clause__list--numbered{padding-left:1.4rem}

.shelf{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1rem;list-style:none;margin:1.5rem 0 0;padding:0}
.shelf__item{padding:1.1rem 1.2rem;background:linear-gradient(180deg,#fbeceb,#f6e3df);border:1px solid var(--blush-deep)}
.shelf__name{font:700 1.05rem "Playfair Display",Georgia,serif;display:block;margin-bottom:.15rem}
.shelf__note{font-size:.93rem;color:var(--ink-light);line-height:1.55}

.memo{margin:2rem 0 0;padding:1.1rem 1.4rem;background:var(--sage-wash);border-left:3px solid var(--sage)}
.memo--stamp{font-size:.88rem;line-height:1.65}
.memo p{margin:0}

.action{display:inline-block;padding:.7rem 1.9rem;background:var(--ink);color:var(--paper);border:0;font:600 .95rem "Lora",Georgia,serif;letter-spacing:.06em;text-decoration:none;cursor:pointer}
.action:hover{background:var(--sage-deep);color:#fff}
.action--quiet{background:transparent;color:var(--ink);border:1px solid var(--ink)}
.action--quiet:hover{background:var(--ink);color:var(--paper)}
.centre{text-align:center}

.scope-list{list-style:none;padding:0;margin:0 0 1rem}
.scope-list__row{display:grid;grid-template-columns:10.5rem 1fr;gap:.2rem 1rem;padding:.65rem 0;border-bottom:1px dotted var(--blush-deep)}
.form__tick{display:flex;gap:.8rem;align-items:flex-start;margin:1.3rem 0}
.form__tick input{width:1.15rem;height:1.15rem;margin-top:.5rem;accent-color:var(--sage-deep)}
.form__warning{padding:.7rem 1rem;border:1px solid #b5584c;background:#fbe9e6;margin:0 0 1rem}
.facts{display:grid;grid-template-columns:max-content 1fr;gap:.4rem 1.4rem;margin:0 0 1.4rem}
.facts__term{font-style:italic;color:var(--ink-light)}
.facts__value{margin:0;overflow-wrap:anywhere}

.colophon{margin-top:2.6rem;padding-top:1.4rem;border-top:1px solid var(--blush-deep);text-align:center;font-size:.85rem;line-height:1.65;color:var(--ink-light)}
.colophon p{margin:0 0 .6rem}

@media (max-width:560px){
  body{padding:1rem .5rem 2rem}
  .letterhead__name{font-size:1.8rem}
  .title{font-size:1.6rem}
  .scope-list__row{grid-template-columns:1fr}
  .facts{grid-template-columns:1fr}
  .sheet{padding:.5rem}
}