*,*::before,*::after{box-sizing:border-box}
html{color-scheme:light}
body{margin:0;background:#f4f2ee;color:#1a1c1f;font-family:"Source Sans 3","Segoe UI",sans-serif;font-size:1.0625rem;line-height:1.55}
h1,h2,h3{font-family:Newsreader,Georgia,"Times New Roman",serif;letter-spacing:-0.02em;line-height:1.2;font-weight:600}
a{color:#31445c}
.skip{position:absolute;left:-999px}
.skip:focus{left:12px;top:12px;background:#fbfaf8;padding:8px 12px;z-index:5}
.wrap{max-width:72rem;margin:0 auto;padding:0 1rem}
header{position:sticky;top:0;z-index:2;background:rgba(244,242,238,.95);border-bottom:1px solid #e4e1db}
.bar{display:flex;align-items:center;gap:.5rem;min-height:4rem}
.brand{display:flex;align-items:center;gap:.5rem;color:inherit;text-decoration:none;font-family:Newsreader,Georgia,serif;font-size:1.25rem;font-weight:600}
.nav{display:flex;flex-wrap:wrap;margin-inline-start:auto}
.nav a,.langs a,.related a{display:inline-flex;align-items:center;min-height:2.75rem;padding:0 .75rem;color:#1a1c1f;text-decoration:none;font-weight:600;font-size:.95rem;border-radius:8px}
.nav a:hover,.langs a:hover,.related a:hover{background:#eeece7}
.nav a[aria-current="page"]{background:#31445c;color:#f7f6f4}
main{padding:1.75rem 0 3rem}
.eyebrow{margin:0;color:#5e636b;font-size:.9rem;font-weight:700}
h1{margin:.4rem 0 0;font-size:2.15rem;max-width:42rem}
.lede{max-width:42rem;font-size:1.125rem}
.article{max-width:42rem;margin-top:2rem}
.article h2{font-size:1.5rem;margin:2rem 0 0}
.article h3{font-size:1.2rem;margin:1.4rem 0 0}
.article p,.lede p{margin:1rem 0 0}
.article ul{margin:1rem 0 0;padding-inline-start:1.25rem}
.article li+li{margin-top:.4rem}
.related{max-width:42rem;margin-top:2.5rem;border-top:1px solid #e4e1db;padding-top:1rem}
.related h2{margin:0;font-size:1.25rem}
.related a{color:#31445c;text-decoration:underline;text-underline-offset:4px;padding-inline:0}
form{max-width:42rem;margin-top:1.5rem;background:#fbfaf8;border:1px solid #e4e1db;border-radius:12px;padding:1.25rem;box-shadow:0 1px 2px rgb(26 28 31 / .05),0 16px 40px rgb(26 28 31 / .05)}
label{display:block;font-weight:600;font-size:.95rem;margin-top:.75rem}
input,textarea{display:block;width:100%;margin-top:.35rem;border:1px solid #e4e1db;background:#f4f2ee;border-radius:8px;padding:.6rem .75rem;font:inherit;color:inherit}
form button{min-height:2.75rem;margin-top:1rem;border:0;border-radius:8px;background:#31445c;color:#f7f6f4;font:inherit;font-weight:700;padding:0 1rem;cursor:pointer}
.note{color:#5e636b;font-size:.95rem}
footer{border-top:1px solid #e4e1db;padding:2rem 0 3rem}
.foot{display:grid;gap:1.25rem}
.langs{display:flex;flex-wrap:wrap;gap:.4rem}
.langs a{border:1px solid #e4e1db;background:#fbfaf8}
@media (min-width:720px){.foot{grid-template-columns:1.2fr .8fr 1fr}}
.page-copy{margin-top:2.5rem;border-top:1px solid #e4e1db;padding-top:2rem}
#maker{scroll-margin-top:5rem}
.maker-grid{display:grid;gap:1rem}
.maker-tools,.m-card{background:#fbfaf8;border:1px solid #e4e1db;border-radius:12px;padding:1rem;box-shadow:0 1px 2px rgb(26 28 31 / .05),0 16px 40px rgb(26 28 31 / .05)}
.maker-tools h2{margin:0 0 .5rem;font-size:1.25rem}
.maker-tools details{border-top:1px solid #e4e1db;padding-top:.35rem;margin-top:.35rem}
.maker-tools summary{min-height:2.75rem;display:flex;align-items:center;font-weight:700;cursor:pointer}
#maker button{min-height:2.75rem;margin:0;border:1px solid #e4e1db;border-radius:8px;background:#fbfaf8;color:#1a1c1f;font:inherit;font-weight:700;padding:0 .7rem;cursor:pointer}
#maker button.primary{background:#31445c;color:#f7f6f4;border-color:#31445c}
#maker input,#maker select{width:100%;min-height:2.75rem;margin:0;border:1px solid #e4e1db;border-radius:8px;background:#f4f2ee;color:#1a1c1f;padding:.4rem .6rem;font:inherit}
#maker input[type="color"]{padding:.25rem;width:2.75rem;min-width:2.75rem}
#maker input[type="checkbox"]{width:1.15rem;min-height:1.15rem;margin:0}
#maker input[type="range"]{padding:0;background:transparent;border:0}
.m-field,.m-color{display:block;margin-top:.75rem;font-size:.95rem;font-weight:700}
.m-label{display:block;margin:.75rem 0 .35rem;font-size:.95rem;font-weight:700}
.m-grid-2,.m-grid-3{display:grid;gap:.5rem;margin-top:.5rem}
.m-grid-2{grid-template-columns:1fr 1fr}
.m-grid-3{grid-template-columns:1fr 1fr 1fr}
.m-color-row{display:flex;gap:.4rem;align-items:center}
.m-color-row input[type="text"]{flex:1}
.m-swatches{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}
.swatch{width:2.75rem;height:2.75rem;padding:0}
.m-check{display:flex;align-items:center;gap:.6rem;min-height:2.75rem;margin-top:.5rem;font-weight:700}
.m-templates{display:grid;gap:.5rem;margin-top:.5rem}
.template{display:block;width:100%;text-align:start;background:#f4f2ee;padding:.7rem .8rem}
.template strong,.template span{display:block}
.template span{font-weight:400;color:#5e636b;margin-top:.2rem}
.m-title{font-family:Newsreader,Georgia,serif;font-size:1.6rem;font-weight:600;background:transparent;border:0;width:100%}
.m-caption{background:transparent;border:0;color:#5e636b;width:100%}
.m-scroll{overflow-x:auto;margin-top:.75rem}
.cell{min-height:2.75rem;outline:none;white-space:pre-wrap;word-break:break-word}
.pad-s{padding:.35rem .5rem}.pad-m{padding:.6rem .75rem}.pad-l{padding:.9rem 1rem}
.m-hint,.m-status{color:#5e636b;font-size:.95rem}
.file-btn{display:flex;align-items:center;justify-content:center;min-height:2.75rem;margin-top:.5rem;border:1px solid #e4e1db;border-radius:8px;font-weight:700;cursor:pointer}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.maker-bar{display:none}
.maker-sheet{order:1}
.maker-tools{order:2}
@media (max-width:959px){body.has-maker{padding-bottom:4.75rem}.maker-bar{position:fixed;left:0;right:0;bottom:0;z-index:3;display:flex;gap:.5rem;padding:.5rem;background:#fbfaf8;border-top:1px solid #e4e1db}.maker-bar button{flex:1}}
@media (min-width:960px){.maker-grid{grid-template-columns:18rem minmax(0,1fr);align-items:start}.maker-tools{order:1;position:sticky;top:4.75rem;max-height:calc(100vh - 5.5rem);overflow:auto}.maker-sheet{order:2}}
@media print{body.printing-table header,body.printing-table footer,body.printing-table .page-copy,body.printing-table .maker-tools,body.printing-table .maker-bar,body.printing-table .m-hint{display:none !important}body.printing-table .m-card{border:0;box-shadow:none}}
