[data-bee106] .article{min-width:0;max-width:76ch}
.bee106-intro{max-width:76ch;margin:28px 0}
[data-bee106] .article p,[data-bee106] .article li,[data-bee106] .article dd{overflow-wrap:anywhere}
[data-bee106] a:focus-visible,[data-bee106] button:focus-visible,[data-bee106] select:focus-visible,[data-bee106] textarea:focus-visible,[data-bee106] summary:focus-visible{outline:3px solid #7b432b;outline-offset:4px}
[data-bee106] summary{min-height:44px;cursor:pointer;overflow-wrap:anywhere}
.bee106-toc summary{font-weight:700;padding:12px 0}
.bee106-figure{margin:32px 0;padding:clamp(12px,2vw,24px);border:1px solid var(--line,#d8d9c9);border-radius:18px;background:#fbfaf4}
.bee106-panels{display:grid;grid-template-columns:1fr;gap:16px;align-items:start}
.bee106-panel{min-width:0}
.bee106-panel-title{font-size:20px;line-height:1.4;min-height:2.8em;margin-top:0}
.bee106-canvas{position:relative}
.bee106-canvas img{display:block;width:100%;height:auto;margin:0;border-radius:12px}
.bee106-key{position:absolute;transform:translate(-50%,-50%);font:700 20px/1.35 system-ui,sans-serif;min-width:30px;height:30px;text-align:center;border:2px solid #294838;border-radius:50%;color:#173525;background:#fffdf4;box-sizing:border-box}
.bee106-annotation{position:absolute;transform:translate(-50%,-50%);font:700 26px/1.3 system-ui,sans-serif;color:#243c2d;background:#fffdf4;border:2px dashed #765933;border-radius:8px;padding:2px 9px}
.bee106-keys{margin:20px 0}.bee106-keys dt{font-size:20px;font-weight:700;margin-top:14px}.bee106-keys dd{font-size:16px;line-height:1.6;margin:4px 0 0}
.bee106-figure figcaption,.bee106-figure p,.bee106-figure li{font-size:16px;line-height:1.65}
.bee106-figure .bee106-panel-title,.bee106-figure .bee106-row-key{font-size:20px;line-height:1.4}
.bee106-record-rows{display:grid;gap:16px}.bee106-record-row{display:grid;grid-template-columns:80px minmax(0,1fr);gap:16px;padding:16px;border:1px solid #b7bead;border-radius:12px;background:#f7f6ef;align-items:start;min-width:0}.bee106-record-row p{margin:0 0 10px}.bee106-record-row>div{min-width:0}
.bee106-tool,.bee106-notice{padding:clamp(12px,2vw,24px);margin:28px 0;border:1px solid var(--line,#d8d9c9);border-radius:14px;background:#f8f5e9}
.bee106-tool>summary{font-size:24px;font-weight:700}
.bee106-field-row{margin:18px 0;min-width:0}
.bee106-field-row label,.bee106-example-picker label,#bee106-fallback label{display:block;font-weight:700;margin-bottom:8px}
.bee106-field-row label span{font-weight:400;font-size:16px}
.bee106-tool fieldset{padding:16px;min-width:0;margin:20px 0;border:1px solid #b0b7a1;border-radius:10px}
.bee106-tool legend{font-weight:700;max-width:100%;padding:0 6px;overflow-wrap:anywhere}
.bee106-tool select,.bee106-tool textarea{box-sizing:border-box;width:100%;min-height:46px;border:1px solid #63775e;border-radius:7px;padding:10px 12px;font:inherit;color:#203e2c;background:#fffdf7}
.bee106-tool select{font-size:16px}
.bee106-help,.bee106-error,.bee106-counter{font-size:16px;line-height:1.6;margin:7px 0}
.bee106-error{color:#81351c;font-weight:700}.bee106-error:empty{display:none}
.bee106-actions{display:flex;flex-wrap:wrap;gap:12px}
.bee106-tool button{min-height:46px;max-width:100%;white-space:normal;overflow-wrap:anywhere;padding:12px 18px;border:1px solid #34533a;border-radius:8px;background:#294b35;color:#fffdf4;font:700 16px/1.5 system-ui,sans-serif;margin:8px 0;cursor:pointer}
.bee106-tool button:disabled{opacity:.55;cursor:default}
[data-bee106] pre{white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;max-width:100%;font:16px/1.65 system-ui,sans-serif;padding:16px;border:1px solid #d9dbc9;background:#fffdf5}
#bee106-fallback textarea{min-height:280px}
.bee106-source-check{padding:18px 14px;border-left:4px solid #766343;margin-bottom:14px;background:#f9f6e9}
.bee106-source-check a,[data-bee106] .source-list a{overflow-wrap:anywhere;word-break:break-word}
.bee106-readonly dt{font-weight:700;margin-top:14px}.bee106-readonly dd{margin:5px 0 16px;white-space:pre-wrap}
#bee106-comparison table{min-width:0;width:100%;table-layout:fixed}#bee106-comparison th,#bee106-comparison td{font-size:16px;line-height:1.6;padding:10px 8px;overflow-wrap:anywhere}#bee106-comparison caption{font-size:18px}
[data-bee106] [hidden]{display:none!important}
@media(min-width:901px){.bee106-panels-3{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){[data-bee106] .reader-page .page-layout{display:block}[data-bee106] .toc{position:static;width:auto;margin-bottom:28px}[data-bee106] .article{width:100%;max-width:none}.bee106-toc:not([open])>nav{display:none}}
@media(max-width:480px){.bee106-tool fieldset{padding:10px}.bee106-tool>summary{font-size:21px}.bee106-actions{display:block}.bee106-key{min-width:28px;height:28px}.bee106-figure{padding:10px}.bee106-panel-title{min-height:0}.bee106-record-row{grid-template-columns:64px minmax(0,1fr);padding:10px;gap:12px}}
@media(prefers-reduced-motion:reduce){[data-bee106] *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{[data-bee106] .toc,.bee106-toc,.bee106-tool form,.bee106-tool button,.bee106-example-picker,#bee106-confirm,#bee106-readonly-examples,.bee106-tool[data-bee106-current="false"]{display:none!important}.bee106-panels-3{grid-template-columns:repeat(3,minmax(0,1fr))}.bee106-panel,.bee106-record-row{break-inside:avoid}.bee106-figure{break-inside:auto}[data-bee106] .source-list a[href^="https"]::after{content:" (" attr(href) ")";font:14px/1.5 system-ui,sans-serif;overflow-wrap:anywhere}[data-bee106] .source-list li{break-inside:auto}[data-bee106] .sources-content{display:block!important}}
.bee106-center{grid-column:1/-1;text-align:center;padding:18px;border:1px solid #b7bead;border-radius:12px;background:#e9e1cb}
.bee106-center img{display:block;width:100px;height:auto;max-width:100%;margin:0 auto 12px}
.bee106-figure .bee106-center strong,.bee106-figure .bee106-above{font-size:20px;line-height:1.5}
.bee106-figure-2 .bee106-center{order:-1}
@media(min-width:701px){.bee106-panels-2{grid-template-columns:repeat(2,minmax(0,1fr))}.bee106-figure-2 .bee106-center{order:0}}
@media(min-width:901px){.bee106-panels-4{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media print{.bee106-panels-2{grid-template-columns:repeat(2,minmax(0,1fr))}.bee106-panels-4{grid-template-columns:repeat(4,minmax(0,1fr))}.bee106-figure-2 .bee106-center{order:0}.bee106-tool:not([data-bee106-current="false"]){display:block!important}.bee106-tool>summary,.bee106-tool>p,#bee106-education,#bee106-errors,#bee106-status,#bee106-no-script-note,#bee106-fallback{display:none!important}}