.dowel-guide{box-sizing:border-box;width:min(860px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:0 20px 20px;border:1px solid var(--line,#c4cec7);border-radius:16px;background:var(--panel,#fffdf8);color:var(--ink,#203128);font:16px/1.6 system-ui,sans-serif;overflow:auto;overscroll-behavior:contain}
.dowel-guide::backdrop{background:rgba(0,0,0,.55)}
.dowel-guide header{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:0;background:var(--panel,#fffdf8);padding:14px 0;z-index:1;border-bottom:1px solid var(--line,#c4cec7)}
.dowel-guide h2{font-size:21px;line-height:1.3;margin:0}.dowel-guide button,.context-guide-bar button{min-height:44px;border:1px solid var(--line,#9caaa0);border-radius:9px;padding:9px 14px;font:600 14px system-ui;cursor:pointer;background:var(--panel,#fffdf8);color:var(--ink,#203128)}
.dowel-guide button{flex-shrink:0}.dowel-guide summary{cursor:pointer;min-height:44px;padding:12px 0;font-weight:700}.dowel-guide details{border-bottom:1px solid var(--line,#c4cec7)}
.dowel-guide .guide-body{padding:0 0 12px;overflow-wrap:anywhere}.dowel-guide p{margin:10px 0}.dowel-guide li{margin:8px 0}.dowel-guide a{color:var(--blue,#24629a);text-decoration:underline;display:inline-block;padding:8px 0}.dowel-guide .guide-hint{font-size:13px;color:var(--muted,#58665d)}
.dowel-guide :focus-visible,.context-guide-bar :focus-visible{outline:3px solid var(--accent,#a45327);outline-offset:3px}
.context-guide-bar{display:flex;justify-content:flex-end;margin:0 0 12px;gap:8px;flex-wrap:wrap}.help-group{margin:24px 0}.help-group h2{font-size:20px;margin:0 0 12px}.help-group[hidden]{display:none}
@media(max-width:540px){.dowel-guide{padding:0 14px 14px}.dowel-guide header{align-items:flex-start;flex-wrap:wrap}.dowel-guide h2{font-size:19px;flex:1 1 180px}.context-guide-bar button{width:100%}}