#support.skbook-dialog{width:min(1280px,calc(100% - 24px));padding:24px}#support.skbook-dialog>header{position:sticky;top:-24px;background:var(--white);z-index:5;padding:16px 0;border-bottom:1px solid var(--line)}.skbook-toolbar{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:20px}.skbook-toolbar p{margin:0 0 7px}.skbook-sides{display:flex;gap:7px;flex-shrink:0}.skbook button[aria-pressed=true],.skbook-panel-list button[aria-current=true]{background:var(--green);color:var(--white);border-color:var(--green)}.skbook-layout{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:25px;align-items:start}.skbook-map{min-width:0}.skbook-paper{position:relative;background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden;container-type:inline-size}.skbook-paper>img{display:block;width:100%;height:auto}.skbook-overlays{position:absolute;inset:0}.skbook .skbook-hotspot{position:absolute;border:1px dashed transparent;min-height:0;padding:0;border-radius:10px;background:color-mix(in srgb,var(--panel-color) 24%,transparent);color:var(--ink);text-align:left}.skbook .skbook-hotspot:hover,.skbook .skbook-hotspot:focus-visible{border-color:var(--green);background:color-mix(in srgb,var(--green) 12%,transparent)}.skbook .skbook-hotspot.is-active{border:2px dashed var(--green)}.skbook-hotspot span{position:absolute;left:4px;top:4px;padding:2px 6px;background:var(--green);color:white;font:11px/1.4 monospace;border-radius:5px;max-width:95%}.skbook-writing{position:absolute;pointer-events:none;overflow:hidden;font:clamp(6px,2cqw,13px)/1.6 Georgia,serif;white-space:pre-wrap;overflow-wrap:anywhere;color:#252a27}.skbook-panel-list{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0}.skbook-panel-list button{font-size:.78rem;padding:8px 10px}.skbook-map>a{font-size:.85rem}.skbook-panel{scroll-margin-top:95px;padding:22px;background:#f8f7f1;border:1px solid var(--line);border-radius:13px;min-width:0}.skbook-panel>h3{font-size:1.5rem;color:var(--green);margin:0 0 10px}.skbook-panel>p{font-size:.93rem}.skbook-topics{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0 10px}.skbook-topics button{font-size:.88rem}.skbook-graph{width:100%;min-width:0;background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden}.skbook-graph svg{width:100%;display:block;touch-action:pan-y}.skbook-graph svg text{font:12px Arial,sans-serif;fill:#252a27}.skbook-graph [data-sk-handle]{cursor:grab;touch-action:none}.skbook-graph .graph-warning{margin:8px}.skbook-values{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.skbook-values button{flex:1;min-width:65px;font-size:.82rem;padding:8px}.skbook-values span{display:block}.skbook-insight{background:#e5eadc;border-left:4px solid var(--green);padding:14px;margin:16px 0;min-height:60px}.skbook-tools{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:18px 0;font-size:.86rem}.skbook-tools label{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.skbook-tools select{min-height:44px;background:white;border:1px solid #a8ac9b;border-radius:7px;padding:7px;color:var(--ink);max-width:100%}.skbook-tools button{font-size:.85rem}.skbook-pie-key{padding:12px;display:grid;gap:7px;font-size:.85rem}.skbook-pie-key span{display:flex;align-items:center;gap:8px}.skbook-pie-key i{display:inline-block;width:16px;height:16px;border:1px solid var(--ink);flex-shrink:0}.skbook-boundaries label{display:grid;gap:4px;margin:12px 0;font-size:.9rem}.skbook-boundaries input{width:100%;min-height:38px;accent-color:var(--green)}.skbook input[type=checkbox]{accent-color:var(--green);width:18px;height:18px;flex-shrink:0}.skbook-reference{padding:16px 0;border-top:1px solid var(--line)}.skbook-reference p{margin:12px 0;padding:15px;background:#eee9fa;border-radius:8px}.skbook-colors{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:18px 0;font-size:.85rem}.skbook-colors button{font-size:.8rem;padding:8px 10px;border-bottom:5px solid var(--swatch)}.skbook-bottom{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.skbook-bottom button{font-size:.82rem}.skbook-checklist{border:1px solid var(--line);padding:14px;border-radius:8px;margin:16px 0}.skbook-checklist label{display:flex;gap:8px;align-items:start;margin:10px 0;font-size:.86rem}.skbook-checklist legend{font-weight:700}.skbook-panel textarea{min-height:95px}
@media(max-width:900px){.skbook-layout{grid-template-columns:1fr}.skbook-map{max-width:460px;margin:auto;width:100%}.skbook-toolbar{align-items:start}.skbook-panel{padding:18px}.skbook-panel-list{gap:5px}.skbook-panel-list button{flex:1;min-width:125px}}
@media(max-width:500px){#support.skbook-dialog{padding:14px}#support.skbook-dialog>header{top:-14px}.skbook-toolbar{display:block}.skbook-sides{margin-top:12px}.skbook-panel{padding:12px}.skbook-topics button{flex:1;padding:8px}.skbook-layout{gap:18px}.skbook .field{font-size:.86rem}.skbook-tools{align-items:stretch}.skbook-tools select{font-size:.9rem}.skbook-panel>h3{font-size:1.3rem}.skbook-panel .fields{grid-template-columns:1fr}.skbook-panel-list button{font-size:.8rem}}
@media print{.skbook-dialog{display:none!important}}

.skbook-modes{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}.skbook-completed{max-width:850px;margin:auto}.skbook-completed>img{display:block;width:100%;height:auto;margin:16px 0;border:1px solid var(--line);border-radius:10px}.skbook-completed>a{display:inline-block;padding:10px 0}.skbook-completed details{margin:16px 0;padding:16px;background:var(--paper);border:1px solid var(--line);border-radius:10px}.skbook-completed summary{cursor:pointer;font-weight:700}.skbook-toolbar{scroll-margin-top:100px}

.skbook-filled .skbook-writing{display:none}.skbook-filled .skbook-hotspot{background:transparent}.skbook-filled .skbook-hotspot:hover,.skbook-filled .skbook-hotspot:focus-visible{background:color-mix(in srgb,var(--green) 10%,transparent)}