:root{--bg:#faf7f0;--card:#ffffff;--ink:#1c1b2e;--mute:#55536b;--line:#ddd6c4;--acc:#b8400f;--acc-d:#8f2f08;--teal:#0f5e5a;--soft:#f1ebdc;--r:10px;--glyph:'Segoe UI Symbol','Noto Sans Symbols','Noto Sans Symbols 2','Noto Sans Math','Apple Symbols','DejaVu Sans',sans-serif;--ser:'Newsreader',Georgia,'Times New Roman',serif;--sans:'Source Sans 3',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 1.0625rem/1.65 var(--sans)}
img{max-width:100%;height:auto}
a{color:var(--teal);text-underline-offset:3px}a:hover{color:var(--acc-d)}
:focus-visible{outline:3px solid var(--acc);outline-offset:2px}
.sy-skip{position:absolute;left:-999px;top:8px;background:#fff;padding:8px 12px;z-index:10}.sy-skip:focus{left:8px}
.sy-wrap{width:100%;max-width:1120px;margin:0 auto;padding:0 16px}
.sy-head{background:var(--card);border-bottom:1px solid var(--line)}
.sy-head__in{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px;flex-wrap:wrap}
.sy-brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font:600 1.45rem var(--ser)}
.sy-menu{list-style:none;margin:0;padding:0;display:flex;gap:4px;flex-wrap:wrap}
.sy-menu a{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;color:var(--ink);text-decoration:none;border-radius:8px}
.sy-menu a:hover{background:var(--soft)}
.sy-home__top{padding-top:28px;padding-bottom:6px}
.sy-h1{font:600 clamp(1.7rem,4.4vw,2.7rem)/1.15 var(--ser);margin:0 0 12px;letter-spacing:-.01em;overflow-wrap:anywhere}
.sy-lead{font-size:1.15rem;max-width:760px;color:var(--ink)}
.sy-lead p{margin:0 0 12px}
.sy-tool{padding:12px 0 18px}
.sy-search{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px}
.sy-lab{display:block;font-weight:600;margin:0 0 6px}
.sy-q{width:100%;min-height:52px;font:400 1.15rem var(--sans);padding:10px 14px;border:2px solid #8b8798;border-radius:8px;background:#fff;color:var(--ink)}
.sy-q:focus{border-color:var(--acc);outline:none;box-shadow:0 0 0 3px #f3c7b3}
.sy-count{margin:8px 0 0;color:var(--mute);font-size:.95rem}
.sy-fams{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
.sy-chip{min-height:44px;padding:0 14px;border:1px solid var(--line);background:var(--card);border-radius:999px;font:600 .95rem var(--sans);color:var(--ink);cursor:pointer}
.sy-chip:hover{background:var(--soft)}
.sy-chip.is-on{background:var(--ink);border-color:var(--ink);color:#fff}
.sy-panel{display:grid;grid-template-columns:minmax(0,150px) minmax(0,1fr);gap:8px 20px;align-items:start;background:var(--card);border:1px solid var(--line);border-left:5px solid var(--acc);border-radius:var(--r);padding:16px;margin:0 0 14px}
.sy-panel[hidden]{display:none}
.sy-panel__g{font:400 5rem/1.1 var(--glyph);text-align:center;background:var(--soft);border-radius:8px;padding:12px 4px;overflow:hidden;min-height:118px;display:flex;align-items:center;justify-content:center}
.sy-panel__d{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:4px 14px;margin:0;font-size:.98rem}
.sy-panel__d dt{color:var(--mute)}.sy-panel__d dd{margin:0;overflow-wrap:anywhere}
.sy-panel__b{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}
code{font:400 .92em ui-monospace,Menlo,Consolas,monospace;background:var(--soft);padding:1px 6px;border-radius:5px;color:var(--teal)}
.sy-btn{min-height:46px;padding:0 18px;border:2px solid var(--acc);background:var(--acc);color:#fff;border-radius:8px;font:600 1rem var(--sans);cursor:pointer}
.sy-btn:hover{background:var(--acc-d);border-color:var(--acc-d)}
.sy-btn--ghost{background:#fff;color:var(--acc-d)}.sy-btn--ghost:hover{background:var(--soft);color:var(--acc-d)}
.sy-empty{padding:16px;background:var(--card);border:1px dashed var(--line);border-radius:var(--r)}
.sy-flow{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.sy-cell{margin:0}.sy-cell[hidden]{display:none}
.sy-t{display:flex;flex-direction:column;align-items:center;gap:2px;width:112px;min-height:112px;padding:8px 6px;border:1px solid var(--line);background:var(--card);border-radius:var(--r);cursor:pointer;color:var(--ink);font:400 .8rem/1.25 var(--sans);text-align:center}
.sy-t:hover{border-color:var(--acc);background:#fffaf4}
.sy-g{font:400 2rem/1.2 var(--glyph);font-weight:400;min-height:2.4rem;display:flex;align-items:center}
.sy-n{display:block;overflow-wrap:anywhere;font-weight:400;color:var(--ink)}
.sy-u{font-size:.74rem;background:none;padding:0;color:var(--teal)}
.sy-toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%,16px);background:var(--ink);color:#fff;padding:10px 18px;border-radius:999px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;margin:0;z-index:20;max-width:92vw;text-align:center}
.sy-toast.is-on{opacity:1;transform:translate(-50%,0)}
.sy-prose{max-width:820px;padding-top:24px;padding-bottom:40px}
.sy-prose h1{font:600 clamp(1.7rem,4vw,2.3rem)/1.2 var(--ser);margin:0 0 8px}
.sy-prose h2{font:600 1.6rem/1.25 var(--ser);margin:34px 0 10px}
.sy-prose h3{font:600 1.2rem/1.3 var(--ser);margin:22px 0 6px}
.sy-guide{max-width:820px}
.sy-prose table{width:100%;border-collapse:collapse;font-size:.97rem;background:var(--card)}
.sy-prose th,.sy-prose td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}
.sy-prose th{background:var(--soft)}
.sy-scroll{overflow-x:auto;max-width:100%;margin:12px 0}
.sy-upd{color:var(--mute);font-size:.92rem}
.sy-prose figure{margin:20px 0;text-align:center}.sy-prose figcaption{color:var(--mute);font-size:.92rem}
.sy-prose details{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:10px 14px;margin:8px 0}
.sy-prose summary{cursor:pointer;font-weight:600;min-height:32px}
.sy-form{display:grid;gap:8px;max-width:560px}
.sy-field{width:100%;min-height:46px;padding:8px 12px;border:2px solid #8b8798;border-radius:8px;font:400 1rem var(--sans);background:#fff;color:var(--ink)}
.sy-field--sym{font-family:var(--glyph);font-size:1.4rem}
.sy-hp{position:absolute;left:-9999px}
.sy-small{color:var(--mute);font-size:.92rem}
.sy-foot{border-top:1px solid var(--line);background:var(--card);padding:20px 0 28px;margin-top:20px}
@media (max-width:640px){.sy-panel{grid-template-columns:minmax(0,1fr)}.sy-t{width:calc(50% - 4px);min-height:104px}.sy-panel__d{grid-template-columns:minmax(0,1fr)}.sy-panel__d dd{margin-bottom:6px}}
@media (prefers-reduced-motion:reduce){.sy-toast{transition:none}}
.sy-prose td.g{font:400 1.3rem var(--glyph);text-align:center}
.sy-mini{margin:16px 0}
.sy-mini .sy-t{width:104px;min-height:104px}
@media (max-width:640px){.sy-mini .sy-t{width:calc(50% - 4px)}}
.sy-filter{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;margin:10px 0}
.sy-filter input{flex:1 1 220px;min-width:0;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r);font:inherit;background:var(--card);color:inherit}
.sy-count{font-size:.9rem;color:var(--muted,#5b5b66)}