*{box-sizing:border-box}body{margin:0;background:#f6f4ec;color:#18382e;font:16px/1.6 system-ui,sans-serif}a{color:inherit;text-underline-offset:4px}button,input,select{font:inherit}button,.file-label{cursor:pointer}input,select{width:100%;background:#fffcf4;border:1px solid #87968a;border-radius:5px;padding:.7rem;color:#18382e;min-height:46px}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #a94b23;outline-offset:3px}.site-head,.site-foot{max-width:1280px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:1.7rem 3rem;border-bottom:1px solid #cdd4c8;gap:1rem}.brand{font:normal 1.7rem Georgia,serif;text-decoration:none;letter-spacing:-.04em}.brand span{font: .65rem system-ui;display:block;letter-spacing:.07em;margin-top:.25rem}.edition{font-size:.67rem;letter-spacing:.1em}.site-head>a:last-child{font-size:.8rem}main{max-width:1184px;margin:auto;padding:0 2rem}.intro{padding:4rem 0;display:grid;grid-template-columns:1.5fr 1fr;gap:4rem;align-items:center}.eyebrow{font-size:.65rem;letter-spacing:.15em;font-weight:700;text-transform:uppercase}.intro h1{font:normal clamp(3.7rem,6.4vw,6rem)/.98 Georgia,serif;letter-spacing:-.05em;margin:1.3rem 0}.intro h1 em{font-weight:normal;color:#446849}.lede{max-width:46ch;color:#4c6050;font-size:1rem}.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem}.chips span{font-size:.66rem;padding:.35rem .7rem;border:1px solid #bec9b5;border-radius:100px}.intro-note{aspect-ratio:1.1;background:#dfe7d5;border-radius:160px 160px 6px 6px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;max-width:350px;justify-self:end;width:100%;padding:2rem}.note-number{font:normal 7rem/.9 Georgia,serif;color:#31583f}.intro-note p{font:normal 1.5rem/1.25 Georgia,serif;margin:1.1rem 0}.tiny{font-size:.5rem;letter-spacing:.12em}.section-line{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.7rem;gap:1rem}h2{font:normal 2rem/1.15 Georgia,serif;letter-spacing:-.02em;margin:.5rem 0}.section-line #ready{font-size:.65rem;padding:.35rem .7rem;border:1px solid #bec9b5;border-radius:100px}.demo-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:2rem}.example{background:#e1e7d8;border:1px solid #c4cfbc;border-radius:10px;padding:2.5rem}.sample-label{font-size:.65rem;letter-spacing:.13em;display:flex;justify-content:space-between;gap:1rem}.sample-label span{font-size:.6rem;letter-spacing:0;color:#586b57}h3{font:normal 2.35rem/1.1 Georgia,serif;margin:1.5rem 0}.example>p{color:#526653;font-size:.9rem;max-width:43ch}label{display:block;font-size:.8rem;font-weight:600;margin:.6rem 0}label span{font-size:.65rem;font-weight:400;color:#596956;margin-left:.5rem}.primary,.secondary,.file-label{border-radius:5px;padding:.7rem 1rem;min-height:46px;font-size:.8rem;display:inline-block}.primary{background:#244b37;color:#fff;border:1px solid #244b37}.secondary,.file-label{border:1px solid #879a83;background:transparent;color:#244b37}.field-note,.quiet{font-size:.75rem;color:#526956}.field-note{margin:.5rem 0 1.1rem}.result{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #b6c3ab}.result p{font-size:.7rem;color:#526956}pre{font:.8rem/1.6 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere;margin:.8rem 0}#form-result,#inspection-result{background:#ffffff55;border-radius:5px;padding:.7rem}.integration-panel{padding:2rem 1.5rem}.integration-panel h3{font-size:2rem}.integration-panel>p{font-size:.85rem;color:#526956}.integration-panel form button{display:block;margin-top:1rem}.mini-guide{border-top:1px solid #c4cfbc;margin-top:1.7rem;padding-top:1rem}.mini-guide p{font-size:.8rem}.mini-guide b{display:inline-block;width:2rem;color:#7a805c}.configuration{margin:4rem 0;border-top:1px solid #cdd4c8;padding-top:2rem}.configuration>p{max-width:75ch;font-size:.88rem;color:#526956}.config-fields{display:grid;grid-template-columns:1.2fr 1fr 1fr auto;gap:1rem;align-items:end}.config-fields label{margin:0}.config-fields input,.config-fields select{display:block;margin-top:.4rem}.feedback{min-height:1.4rem}.feedback.error{color:#913722}.file-tools{display:flex;align-items:start;gap:.7rem;flex-wrap:wrap;margin:1.3rem 0}.file-label{margin:0;font-weight:400}.file-label input{display:block;width:220px;max-width:100%;font-size:.65rem;min-height:0;padding:0;border:0;background:transparent;margin-top:.4rem}.file-label input::file-selector-button{background:#f6f4ec;border:1px solid #879a83;color:#244b37;border-radius:3px}details{margin:2rem 0;border-top:1px solid #cdd4c8;padding-top:1.2rem;font-size:.8rem}summary{cursor:pointer;font-weight:600}details pre{background:#e5e9dd;padding:1.5rem;border-radius:5px;overflow:auto}details p{max-width:80ch}.closing{background:#18382e;color:#f6f4ec;padding:3rem;border-radius:10px;margin-bottom:3rem;display:grid;grid-template-columns:1fr 1fr;column-gap:3rem}.closing h2{font-size:2.6rem;grid-row:span 2}.closing p{font-size:.85rem;color:#d6e1cd}.closing>a{font-size:.75rem}.site-foot{border-top:1px solid #cdd4c8;border-bottom:0;font-size:.7rem;padding-bottom:2rem}
@media(max-width:680px){.site-head{padding:1rem;flex-wrap:wrap}.edition{display:none}main{padding:0 1rem}.intro{padding:2.3rem 0;grid-template-columns:1fr;gap:1.5rem}.intro h1{font-size:4rem}.intro-note{display:none}.lede{font-size:.92rem}.section-line{align-items:start;flex-direction:column;gap:.5rem}h2{font-size:1.65rem}.demo-layout{grid-template-columns:1fr;gap:1rem}.example{padding:1.3rem}h3{font-size:2rem}.sample-label{font-size:.58rem;letter-spacing:.08em;flex-wrap:wrap;gap:.3rem}.integration-panel{padding:1.2rem .3rem}.config-fields{grid-template-columns:1fr 1fr;gap:1rem}.config-fields label:first-child{grid-column:span 2}.config-fields button{grid-column:span 2}.configuration{margin:2rem 0}.file-tools{flex-direction:column}.file-tools>*{width:100%;text-align:left}.closing{padding:1.5rem;display:block;margin-bottom:1.5rem}.closing h2{font-size:2.1rem}.site-foot{padding:1rem;align-items:start;font-size:.6rem}.site-foot span:last-child{max-width:25ch;text-align:right}}