.bar nav{display:flex;gap:20px;flex-wrap:wrap}.bar nav a{font-size:15px}main{max-width:1300px}.intro{max-width:850px}h1{font:clamp(1.8rem,4vw,2.8rem)/1.16 Georgia,serif;max-width:900px;margin:.45em 0}.syl-workspace{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(320px,1.3fr);gap:28px;margin:28px 0}.syl-controls,.syl-result{background:#fff;border:1px solid var(--line);padding:24px;border-radius:8px}.syl-controls h2,.syl-result h2{font-size:1.25rem;margin:0 0 18px}.syl-controls label{display:block;margin:12px 0;font-size:15px}.syl-controls select,.syl-controls input:not([type=checkbox]),.syl-inline input,.syl-inline select{display:block;width:100%;padding:10px;margin-top:6px;border:1px solid #81968a;border-radius:5px;box-sizing:border-box;background:white;color:var(--ink);font-size:16px}.syl-check{display:flex!important;gap:9px;align-items:flex-start}.syl-check input{flex:none;margin-top:5px}.syl-claim{border-top:1px solid var(--line);padding:5px 0}.syl-status{font:1.65rem/1.2 Georgia,serif;margin:12px 0;color:#16482d}.syl-status.warn{color:#984812}.syl-result table{width:100%;border-collapse:collapse;font-size:15px}.syl-result th,.syl-result td{padding:10px;text-align:left;border-bottom:1px solid var(--line)}.syl-result code{overflow-wrap:anywhere}.syl-counts{color:var(--muted);font-size:15px}.syl-section{padding:30px 0;border-top:1px solid var(--line);margin-top:24px}.syl-section-head{display:flex;justify-content:space-between;gap:20px;align-items:center}.syl-section h2{font:1.7rem/1.3 Georgia,serif;margin:6px 0 18px}.syl-tabs{display:flex;gap:8px}.syl-tabs [aria-pressed=true]{background:var(--green);color:white}.syl-section figure{margin:18px 0;background:white;border:1px solid var(--line)}.syl-section figure img,.syl-dk{width:100%;height:auto;display:block}.syl-section figcaption{padding:14px 20px;font-size:15px}.syl-inline{display:flex;gap:18px;flex-wrap:wrap;align-items:end;margin:20px 0}.syl-inline>label{flex:1 1 150px;font-size:15px}.syl-inline>button{align-self:end}.syl-formula{padding:18px;background:#eaf1e3;border-left:3px solid #285537;font-size:1.2rem;overflow-wrap:anywhere}.syl-method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.syl-method-grid h3{font-size:1.15rem}.syl-section details{margin-top:24px;padding:18px;background:white;border:1px solid var(--line)}.syl-section summary{font-size:16px;cursor:pointer}.syl-controls .help{font-size:14px;line-height:1.55;color:var(--muted)}.actions{display:flex;gap:16px;flex-wrap:wrap}.syl-table-wrap{overflow:auto}.syl-result p{overflow-wrap:anywhere}.syl-section a,footer{overflow-wrap:anywhere}#syl-notice{font-size:14px}#syl-result-title{border-bottom:1px solid var(--line);padding-bottom:12px}.syl-method-map{width:100%;border-collapse:collapse}.syl-method-map td,.syl-method-map th{padding:12px;border:1px solid var(--line);text-align:left}.syl-science{font-size:14px;color:var(--muted)}@media(max-width:740px){.bar{padding:14px 5vw;display:block}.bar nav{margin-top:16px;gap:16px}.syl-workspace{grid-template-columns:1fr;gap:16px}.syl-controls,.syl-result{padding:20px}.syl-method-grid{grid-template-columns:1fr;gap:10px}.syl-section-head{align-items:start}.syl-section h2{font-size:1.5rem}.syl-tabs button{padding:9px 12px}main{padding-top:22px}.syl-result table{font-size:14px}.syl-result th,.syl-result td{padding:8px 5px}}
#syl-export{display:inline-block;padding:11px 15px;border:1px solid var(--line);border-radius:5px;font-size:15px;font-weight:600;text-decoration:none;background:#fff}#syl-export:hover{background:#eaf1e3}
#syl-json{display:block;width:100%;box-sizing:border-box;margin-top:12px;padding:12px;font:13px/1.4 monospace;resize:vertical}.syl-result details{margin-top:24px}.syl-result summary{cursor:pointer}
