.ws-page { --ws-green:#1d5a46; --ws-ink:#213e31; --ws-muted:#627468; --ws-border:#d9e4d8; color:var(--ws-ink); max-width:1380px; margin-inline:auto; padding:1.2rem .2rem 2rem; font-size:1rem; }
.ws-page h1,.ws-page h2,.ws-page h3 { color:var(--ws-ink); font-weight:750; letter-spacing:-.025em; }
.ws-page h1 { font-size:clamp(1.8rem,3.3vw,2.7rem); margin:.35rem 0 .6rem; }
.ws-page h2 { font-size:1.35rem; }.ws-page h3 { font-size:1.12rem; }
.ws-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:1rem; margin-bottom:1.8rem; }
.ws-heading p { color:var(--ws-muted); max-width:65ch; line-height:1.7; margin:0; }
.ws-eyebrow { font-weight:700; font-size:.75rem; letter-spacing:.12em; text-transform:uppercase; color:#6a835f; }
.ws-tag { display:inline-flex; align-items:center; background:#e8f0e3; border:1px solid #d5e2cf; color:#3c634a; border-radius:100px; padding:.28rem .65rem; font-weight:700; font-size:.78rem; line-height:1.5; }
.ws-meta,.ws-field-help { color:var(--ws-muted); font-size:.84rem; line-height:1.65; }.ws-field-help { margin:.65rem 0 0; }
.ws-back { display:inline-flex; color:var(--ws-muted); text-decoration:none; font-size:.87rem; gap:.5rem; min-height:36px; align-items:center; }.ws-back:hover { color:var(--ws-green); text-decoration:underline; }
.ws-daily-card { display:grid; grid-template-columns:minmax(0,1fr) 210px; align-items:center; gap:2rem; padding:clamp(1.4rem,4vw,2.5rem); background:linear-gradient(125deg,#ecf3e5,#f7faf2); border:1px solid #cadcc5; border-radius:1.35rem; box-shadow:0 10px 32px #254d2b08; }
.ws-daily-copy time { display:block; color:#5d755e; font-size:.87rem; margin:.8rem 0; }.ws-daily-copy h2 { font-size:clamp(1.6rem,3vw,2.2rem); }.ws-daily-copy p { color:#59705d; margin-bottom:1.3rem; }.ws-daily-copy small { display:block; color:#637961; margin-top:1rem; }
.ws-daily-art { display:grid; grid-template-columns:repeat(4,1fr); gap:3px; transform:rotate(-4deg); background:#fafdf7; padding:9px; border-radius:9px; border:1px solid #c7d6c0; box-shadow:0 12px 24px #28523a12; }.ws-daily-art span { display:grid; place-items:center; aspect-ratio:1; background:#fff; border:1px solid #d7dfd1; font-weight:650; font-size:1.25rem; color:#507358; }.ws-daily-art span:nth-child(-n+4) { background:#cddfc7; }
.ws-join { margin-top:1.5rem; display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1.8rem; border:1px solid var(--ws-border); background:#fff; border-radius:1rem; }.ws-join p { color:var(--ws-muted); margin:.5rem 0; }.ws-join small { color:#788573; }
.ws-library { margin-top:2.5rem; }.ws-section-heading { display:flex; gap:1.5rem; justify-content:space-between; align-items:end; margin-bottom:1.25rem; }.ws-section-heading h2 { margin-bottom:.4rem; }.ws-filters { display:flex; gap:.75rem; }.ws-page label { font-size:.8rem; font-weight:650; color:#546a59; }.ws-page label .form-control,.ws-page label .form-select { margin-top:.4rem; font-size:.92rem; font-weight:450; }.ws-filters select { min-width:145px; }
.ws-library-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr)); gap:1rem; }.ws-library-card { display:flex; flex-direction:column; background:#fff; padding:1.4rem; border-radius:1rem; border:1px solid var(--ws-border); }.ws-library-card>div { display:flex; justify-content:space-between; gap:.5rem; align-items:center; }.ws-library-card h3 { margin:1rem 0 .65rem; font-size:1.2rem; }.ws-library-card p { color:var(--ws-muted); font-size:.88rem; margin-bottom:.4rem; }.ws-library-card a { display:flex; justify-content:space-between; align-items:center; min-height:44px; text-decoration:none; font-weight:700; margin-top:1rem; padding-top:.8rem; border-top:1px solid #edf1e9; }.ws-library-card a:hover { text-decoration:underline; }.ws-state { font-size:.75rem; color:#6d8167; }
.ws-loading,.ws-empty { padding:2rem; background:#fff; border:1px solid var(--ws-border); border-radius:1rem; color:var(--ws-muted); }.ws-loading { display:flex; gap:.8rem; align-items:center; }.ws-error,.ws-feedback { white-space:pre-line; margin:1rem 0; border:1px solid #c9dfc3; border-radius:.8rem; background:#f0f7eb; padding:1rem 1.25rem; line-height:1.65; }.ws-error { background:#fff4ef; border-color:#e5c9b9; color:#8a483b; }.ws-error p { margin-bottom:.65rem; }
.ws-player-heading { display:flex; flex-direction:column; margin:0 0 1.3rem; padding:0; border:0; background:transparent; }.ws-player-title h1 { font-size:1.7rem; margin:.2rem 0; }.ws-player-title { margin-bottom:1.2rem; }
.ws-play-summary { display:flex; align-items:center; gap:clamp(1.2rem,4vw,3rem); padding:1rem 1.2rem; background:#fff; border:1px solid var(--ws-border); border-radius:1rem; width:100%; }.ws-play-summary>div { display:flex; flex-direction:column; gap:.12rem; }.ws-play-summary>div>span:last-child { color:var(--ws-muted); font-size:.73rem; }.ws-play-summary strong { font-size:1.25rem; font-variant-numeric:tabular-nums; }.ws-play-summary strong span { font-weight:500; font-size:.9rem; color:#81907d; }.ws-time { font-size:1.22rem; font-weight:700; font-variant-numeric:tabular-nums; }.ws-focus-button { display:flex; gap:.55rem; align-items:center; min-height:44px; border:1px solid #d7e3d3; border-radius:.65rem; padding:.5rem .85rem; background:#f6f9f2; color:#315e42; font-weight:650; font-size:.82rem; margin-left:auto; }.ws-focus-button svg { fill:none; stroke:currentColor; stroke-width:1.7; width:19px; height:19px; flex:0 0 auto; }
.ws-progress-track { display:block; appearance:none; -webkit-appearance:none; width:calc(100% - 1rem); height:4px; border:0; margin:0 auto; border-radius:0 0 5px 5px; overflow:hidden; background:#e2eadd; }.ws-progress-track::-webkit-progress-bar { background:#e2eadd; }.ws-progress-track::-webkit-progress-value { background:#629566; }.ws-progress-track::-moz-progress-bar { background:#629566; }
.ws-play-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(230px,.42fr); gap:1.5rem; align-items:start; }.ws-grid-pane { min-width:0; container-type:inline-size; }
.ws-board-controls { display:flex; gap:.65rem; align-items:end; flex-wrap:wrap; margin-bottom:.85rem; }.ws-board-controls label { margin-right:auto; }.ws-board-controls .form-select { min-width:110px; padding:.4rem 1.7rem .4rem .65rem; min-height:40px; }.ws-tool { display:inline-flex; align-items:center; justify-content:center; gap:.3rem; color:#4b6753; background:#fff; border:1px solid var(--ws-border); border-radius:.65rem; min-height:42px; padding:.5rem .75rem; font-size:.79rem; font-weight:650; }.ws-tool[aria-pressed=true] { background:#dfeeda; border-color:#8dae82; color:#214e33; }.ws-pan-note { font-size:.82rem; color:#5b725b; margin:0 0 .65rem; }
.ws-board-scroll { max-width:100%; width:100%; overflow:auto; position:relative; overscroll-behavior:contain; border-radius:4px; scrollbar-width:thin; padding:2px; background:#fff; border:1px solid #abb7a9; box-shadow:0 3px 15px #1c321411; }
.ws-matrix { position:relative; isolation:isolate; display:grid; grid-template-rows:repeat(var(--ws-rows),var(--ws-cell-size,36px)); width:calc(var(--ws-columns) * var(--ws-cell-size,36px)); border-top:1px solid #303a32; border-left:1px solid #303a32; background:#fff; user-select:none; -webkit-user-select:none; touch-action:none; box-sizing:content-box; }
.ws-grid-row { display:grid; grid-template-columns:repeat(var(--ws-columns),var(--ws-cell-size,36px)); min-height:0; }
.ws-letter { appearance:none; -webkit-appearance:none; display:flex; align-items:center; justify-content:center; height:var(--ws-cell-size,36px); width:var(--ws-cell-size,36px); min-width:0; min-height:0; margin:0; padding:0; border:0; border-right:1px solid #303a32; border-bottom:1px solid #303a32; border-radius:0; background:transparent; color:#15251c; font-family:Arial,Helvetica,sans-serif; font-size:clamp(14px,calc(var(--ws-cell-size,36px) * .51),23px); font-weight:500; line-height:1; text-align:center; cursor:crosshair; -webkit-tap-highlight-color:transparent; }
.ws-letter span { position:relative; z-index:1; pointer-events:none; }.ws-letter:focus { outline:0; }.ws-letter:focus-visible { outline:3px solid #b6792b; outline-offset:-3px; z-index:2; }.ws-letter:hover { background:#41744308; }.ws-paths { position:absolute; inset:0; width:100%; height:100%; z-index:-1; pointer-events:none; overflow:visible; }.ws-matrix.ws-pan { touch-action:pan-x pan-y pinch-zoom; cursor:grab; }.ws-pan .ws-letter { cursor:grab; }.ws-locked .ws-letter { cursor:default; }.ws-board-feedback { min-height:1.5em; margin:.75rem 0 0; color:#56745a; font-size:.85rem; }
.ws-word-panel { background:#fff; border:1px solid var(--ws-border); border-radius:1rem; padding:1.1rem 1.2rem; min-width:0; }.ws-word-heading { display:flex; justify-content:space-between; gap:.5rem; align-items:center; padding-bottom:.85rem; border-bottom:1px solid #e7eee2; margin-bottom:.75rem; }.ws-word-heading h2,.ws-word-heading h3 { font-size:.95rem; margin:0; }.ws-word-heading>span { color:#6c8263; font-size:.78rem; font-weight:650; white-space:nowrap; }.ws-word-list { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(auto-fit,minmax(min(145px,100%),1fr)); column-gap:.9rem; row-gap:.15rem; }.ws-word-list li { display:flex; align-items:center; gap:.5rem; font-size:.82rem; font-weight:650; color:#3d5144; min-height:36px; overflow-wrap:anywhere; }.ws-word-check { width:17px; height:17px; border:1px solid #d6e0d2; border-radius:50%; flex:0 0 17px; display:grid; place-items:center; color:#fff; font-size:11px; }.ws-word-list li.is-found { color:#6e866d; }.ws-word-list li.is-found>span:nth-child(2) { text-decoration:line-through; text-decoration-color:#8aa483; }.ws-word-list .is-found .ws-word-check { background:#65936a; border-color:#65936a; }
.ws-player-actions { display:flex; justify-content:space-between; align-items:center; gap:1rem; margin:1rem 0; padding:1rem 0; border-top:1px solid #dce6d6; }.ws-player-actions>div>span { color:var(--ws-muted); font-size:.78rem; }.ws-save-state { color:#6c8065; font-size:.8rem; margin:0 0 .25rem; }.ws-action-buttons { display:flex; gap:.7rem; }.ws-instructions { margin-top:1.2rem; padding:1.2rem; border:1px solid var(--ws-border); background:#f0f5eb; border-radius:.8rem; color:#5b725b; font-size:.88rem; line-height:1.75; }.ws-instructions summary { color:#365a3f; font-weight:700; cursor:pointer; min-height:24px; }.ws-instructions p { max-width:95ch; margin:.8rem 0 0; }.ws-all-selected { padding:1rem; background:#e7f3df; border-radius:.7rem; color:#376534; font-weight:650; }
.ws-result { display:flex; gap:1rem; align-items:center; padding:1.4rem; background:#f7f0e0; border:1px solid #e3d4ae; border-radius:1rem; margin:1.3rem 0; }.ws-success { background:#eaf5e3; border-color:#c4ddb9; }.ws-result h2 { font-size:1.3rem; }.ws-result p { color:#617459; font-size:.88rem; margin:.3rem 0; }.ws-result .btn { margin-left:auto; flex-shrink:0; }.ws-result-symbol { display:grid; place-items:center; border-radius:50%; background:#ffffffb0; font-size:1.5rem; color:#527b46; width:48px; height:48px; flex:0 0 48px; }
.ws-paused { position:absolute; inset:0; z-index:3; background:#f0f5ed; display:flex; flex-direction:column; gap:1rem; justify-content:center; align-items:center; min-height:150px; }.ws-confirm .modal-content { border-radius:1.1rem; border:1px solid #d4e2ce; }.ws-confirm .modal-header { border-bottom:0; padding:1.5rem 1.5rem .5rem; }.ws-confirm .modal-title { font-size:1.35rem; }.ws-confirm .modal-body { padding:1rem 1.5rem; color:#5a7059; line-height:1.8; }.ws-confirm .modal-footer { padding:1rem 1.5rem 1.5rem; border-top:1px solid #e4ebdf; }
.ws-page.focus-active { width:100%; max-width:none; }.ws-page.focus-active>.player-heading { padding:.7rem max(1rem,env(safe-area-inset-right)) .4rem max(1rem,env(safe-area-inset-left)); }.ws-page.focus-active .ws-player-title { display:none; }.ws-page.focus-active .ws-play-summary { border:0; background:transparent; padding:0; }.ws-page.focus-active .ws-progress-track { width:100%; margin-top:.5rem; }.ws-page.focus-active .player-focus-body { padding:1rem max(1rem,env(safe-area-inset-right)) calc(1rem + env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left)); }.ws-page.focus-active .ws-play-layout { max-width:1350px; margin-inline:auto; }.ws-page.focus-active .ws-board-scroll { overflow:auto; }.ws-page.focus-active .ws-player-actions,.ws-page.focus-active .ws-instructions,.ws-page.focus-active .ws-result { max-width:1350px; margin-inline:auto; }.ws-page.focus-active .ws-word-panel { position:static; }
.ws-admin-list { background:#fff; border:1px solid var(--ws-border); border-radius:1.1rem; overflow:hidden; }.ws-admin-filters { display:flex; align-items:end; flex-wrap:wrap; gap:1rem; padding:1.4rem; border-bottom:1px solid #e4ebdf; }.ws-admin-filters .ws-search { flex:1; min-width:170px; }.ws-admin-filters .btn { min-height:40px; }.ws-table-scroll { overflow-x:auto; }.ws-admin-table { margin:0; vertical-align:middle; }.ws-admin-table thead th { background:#f6f9f2; color:#6a7f62; font-size:.73rem; font-weight:700; letter-spacing:.02em; padding:1rem 1.2rem; }.ws-admin-table tbody th,.ws-admin-table td { padding:1.1rem 1.2rem; font-size:.86rem; }.ws-admin-table th a { color:#285239; font-weight:700; text-decoration:none; }.ws-admin-table small { display:block; color:#7d8d75; font-size:.75rem; font-weight:450; margin-top:.35rem; }.ws-admin-table td { white-space:nowrap; }.ws-pagination { display:flex; gap:1rem; justify-content:space-between; align-items:center; padding:1rem 1.4rem; border-top:1px solid var(--ws-border); font-size:.85rem; }
.ws-editor { max-width:1600px; }.ws-editor-toolbar { display:flex; gap:1rem; justify-content:space-between; align-items:center; background:#fff; border:1px solid var(--ws-border); padding:.85rem 1.1rem; border-radius:.8rem; margin-bottom:1.25rem; }.ws-editor-toolbar>div { display:flex; gap:.6rem; }.ws-editor-toolbar .btn { min-height:40px; padding:.55rem .9rem; font-size:.85rem; }
.ws-editor-layout { display:grid; grid-template-columns:340px minmax(0,1fr); gap:1.4rem; align-items:start; }.ws-editor-sidebar { display:flex; flex-direction:column; gap:1rem; }.ws-editor-section { background:#fff; border:1px solid var(--ws-border); border-radius:.9rem; padding:1.15rem; }.ws-editor-section h2 { display:flex; align-items:center; gap:.65rem; font-size:.97rem; margin:0 0 1.15rem; }.ws-editor-section h2>span { display:grid; place-items:center; flex:0 0 28px; width:28px; height:28px; background:#edf3e8; border:1px solid #dce7d4; border-radius:.5rem; color:#7a946a; font-size:.7rem; }.ws-editor-section h2 small { margin-left:auto; color:#86987c; font-size:.8rem; }.ws-editor-section>label { display:block; }.ws-field-pair { display:grid; grid-template-columns:1fr 1fr; gap:.75rem; margin-top:1rem; }.ws-field-pair label { min-width:0; }.ws-word-input { font-size:.88rem; line-height:1.9; letter-spacing:.025em; resize:vertical; min-height:140px; }.ws-text-button { background:transparent; border:0; color:#527541; padding:.6rem 0; min-height:38px; font-size:.79rem; font-weight:650; text-align:left; text-decoration:underline; text-underline-offset:3px; }.ws-danger { color:#9e5141; }.ws-build-buttons,.ws-publish-buttons { display:flex; flex-direction:column; gap:.6rem; margin-top:1rem; }.ws-build-buttons .btn,.ws-publish-buttons .btn { font-size:.84rem; }
.ws-directions { display:grid; grid-template-columns:repeat(4,1fr); gap:.45rem; padding:0; border:0; margin-top:1rem; }.ws-directions legend { font-size:.8rem; font-weight:650; color:#546a59; margin-bottom:.7rem; float:none; }.ws-directions label { display:flex; gap:.4rem; align-items:center; justify-content:center; border:1px solid #dae4d5; background:#f9fbf5; border-radius:.5rem; padding:.35rem; min-height:40px; cursor:pointer; }.ws-directions label:has(input:checked) { background:#e4efdd; border-color:#a8c298; }.ws-directions span { font-size:1.3rem; }.ws-directions input { accent-color:#497942; width:14px; height:14px; }
.ws-editor-board { min-width:0; background:#fff; border:1px solid var(--ws-border); border-radius:1rem; overflow:hidden; }.ws-editor-board-heading { padding:1.4rem; border-bottom:1px solid #e3ebde; display:flex; flex-wrap:wrap; gap:1rem; align-items:center; justify-content:space-between; }.ws-editor-board-heading h2 { font-size:1.2rem; margin:0 0 .5rem; }.ws-editor-board-heading p { color:var(--ws-muted); font-size:.84rem; margin:0; max-width:55ch; line-height:1.6; }.ws-view-tabs { display:flex; background:#f1f5eb; padding:4px; border:1px solid #e1e9d9; border-radius:.65rem; }.ws-view-tabs button { min-height:38px; background:transparent; border:0; padding:.5rem .8rem; color:#68815e; font-size:.78rem; font-weight:650; border-radius:.4rem; }.ws-view-tabs .is-active { background:#fff; color:#305b35; box-shadow:0 2px 8px #203c1a12; }.ws-matrix-tools { display:flex; flex-wrap:wrap; gap:.65rem; align-items:center; padding:1rem 1.4rem; background:#fafcf7; }.ws-matrix-tools .btn { min-height:40px; font-size:.8rem; padding:.5rem .8rem; }.ws-matrix-tools .ws-meta { margin-left:auto; }.ws-preview-layout { display:grid; grid-template-columns:minmax(0,1fr); gap:1rem; padding:1.25rem; }.ws-preview-layout .ws-word-list { grid-template-columns:repeat(auto-fit,minmax(min(140px,100%),1fr)); }.ws-editable-matrix input { position:relative; z-index:1; cursor:text; }.ws-editable-matrix input:focus { background:#e1eed3a8; outline:2px solid #588447; outline-offset:-2px; }.ws-editor-empty { padding:4rem 1.5rem; text-align:center; background:radial-gradient(ellipse at center,#f5f9ef,#fff 75%); }.ws-editor-empty>span { color:#91a680; font-size:4rem; line-height:1; }.ws-editor-empty h3 { margin:1rem 0; }.ws-editor-empty p { font-size:.9rem; color:var(--ws-muted); max-width:42ch; margin:0 auto 1.5rem; line-height:1.8; }.ws-matrix-note { margin:0; padding:0 1.4rem 1.3rem; }.ws-inline-confirm { padding:1.2rem; background:#fff6df; border:1px solid #e8d6a4; border-radius:.8rem; margin-bottom:1rem; }.ws-inline-confirm p { margin:0 0 .8rem; }.ws-inline-confirm button { margin-right:.5rem; }
@media(min-width:1450px) { .ws-preview-layout { grid-template-columns:minmax(0,1fr) 220px; }.ws-preview-layout .ws-word-list { grid-template-columns:1fr; } }
@media(max-width:1050px) { .ws-editor-layout { grid-template-columns:290px minmax(0,1fr); }.ws-play-layout { grid-template-columns:minmax(0,1fr) 230px; gap:1rem; }.ws-editor-board-heading { padding:1.1rem; } }
@media(max-width:760px) { .ws-page { padding:.7rem 0 1.5rem; }.ws-heading { flex-wrap:wrap; margin-bottom:1.2rem; }.ws-daily-card { grid-template-columns:1fr; }.ws-daily-art { display:none; }.ws-join { align-items:stretch; flex-direction:column; padding:1.3rem; }.ws-section-heading { flex-direction:column; align-items:stretch; }.ws-filters>label { flex:1; min-width:0; }.ws-filters select { min-width:0; }.ws-play-layout { grid-template-columns:1fr; gap:1rem; }.ws-word-list { grid-template-columns:repeat(auto-fit,minmax(min(140px,100%),1fr)); }.ws-play-summary { gap:1rem; padding:.85rem; }.ws-play-summary strong { font-size:1.1rem; }.ws-time { font-size:1.05rem; }.ws-focus-button { padding:.6rem; font-size:.72rem; gap:.35rem; }.ws-focus-button span { max-width:10ch; }.ws-player-title h1 { font-size:1.4rem; }.ws-player-actions { align-items:stretch; flex-direction:column; }.ws-action-buttons .btn { flex:1; }.ws-result { flex-wrap:wrap; padding:1.2rem; }.ws-result .btn { margin:0; width:100%; }.ws-editor-layout { grid-template-columns:1fr; }.ws-editor-sidebar { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }.ws-editor-sidebar .ws-editor-section { min-width:0; }.ws-editor-toolbar { align-items:flex-start; flex-direction:column; }.ws-editor-toolbar>div { width:100%; }.ws-editor-toolbar .btn { flex:1; }.ws-editor-board { order:-1; }.ws-preview-layout { padding:.8rem; }.ws-matrix-tools { padding:.8rem; }.ws-admin-filters { gap:.75rem; }.ws-confirm .modal-footer { flex-direction:column-reverse; align-items:stretch; }.ws-confirm .modal-footer .btn { width:100%; }.ws-page.focus-active .player-focus-body { padding:.6rem .75rem calc(1rem + env(safe-area-inset-bottom)); }.ws-page.focus-active>.player-heading { padding:.6rem .75rem .4rem; } }
@media(max-width:480px) { .ws-editor-sidebar { grid-template-columns:1fr; }.ws-submission-count>strong { white-space:nowrap; }.ws-play-summary { column-gap:.85rem; }.ws-play-summary>div>span:last-child { font-size:.65rem; }.ws-focus-button { margin-left:auto; }.ws-focus-button span { display:none; }.ws-focus-button svg { width:21px; height:21px; }.ws-page .ws-focus-button { min-width:44px; min-height:44px; }.ws-play-summary .ws-progress-count strong { font-size:1.15rem; }.ws-board-controls { gap:.45rem; }.ws-board-controls .ws-tool { font-size:.73rem; padding:.4rem .55rem; }.ws-board-controls label { font-size:.7rem; }.ws-board-controls .form-select { min-width:85px; }.ws-view-tabs { width:100%; }.ws-view-tabs button { flex:1; }.ws-pagination { padding:.8rem; gap:.5rem; }.ws-pagination .btn { padding:.5rem .7rem; font-size:.78rem; } }
@media(prefers-reduced-motion:reduce) { .ws-page *, .ws-confirm * { scroll-behavior:auto!important; }.ws-daily-art { transform:none; } }
.ws-editor-layout { border:0; padding:0; margin:0; min-inline-size:0; }
.ws-page .ws-board-scroll { width:fit-content; container-type:normal; display:block; justify-content:initial; }
@media(max-width:760px) { .ws-editor-board { order:0; } }
.ws-page .ws-matrix .ws-letter { min-height:0; padding:0; border:0; border-right:1px solid #303a32; border-bottom:1px solid #303a32; border-radius:0; background:transparent; color:#15251c; font-size:clamp(14px,calc(var(--ws-cell-size,36px) * .51),23px); font-weight:500; line-height:1; }
.ws-page .ws-matrix .ws-letter:hover { background:#41744308; border-color:#303a32; }
.ws-matrix.ws-pan .ws-letter { cursor:grab; }
.ws-matrix.ws-panning,.ws-matrix.ws-panning .ws-letter { cursor:grabbing; }
.ws-page .btn.btn-primary { background:#1d5a46; border-color:#1d5a46; color:#fff; }
.ws-page .btn.btn-primary:hover { background:#144431; border-color:#144431; color:#fff; }
.ws-page .ws-matrix.ws-editable-matrix .ws-letter:focus { background:#e1eed3a8; outline:2px solid #588447; outline-offset:-2px; }