.tool-shell:has(.dg-sec){& .dg-starts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 .75rem;display:grid}& .dg-start{text-align:left;border:1px solid var(--hairline);cursor:pointer;min-width:0;font:inherit;color:var(--text);background:#fff;border-radius:12px;flex-direction:column;align-items:flex-start;gap:4px;padding:12px 14px;display:flex}& .dg-start:hover{border-color:var(--accent)}& .dg-start:focus-visible{outline:2px solid var(--accent);outline-offset:2px}& .dg-start[aria-pressed=true]{border:2px solid var(--navy);background:var(--accent-soft);padding:11px 13px}& .dg-start b{color:var(--navy);overflow-wrap:anywhere;font-size:.92rem;line-height:1.5}& .dg-start.is-blank{border-style:dashed}& .dg-start-tag{color:var(--text-secondary);background:var(--bg-soft);border-radius:4px;padding:0 6px;font-size:.72rem;font-weight:700}& .dg-bar{flex-wrap:wrap;gap:6px;display:flex}& .dg-hbtn{min-width:0;padding:.32rem .85rem}& .dg-hbtn svg{flex:none}& .dg-hbtn:disabled{opacity:.4;cursor:default;pointer-events:none}& .dg-extag{background:var(--bg-soft);color:var(--text-secondary);vertical-align:1px;border-radius:4px;margin-left:.5rem;padding:0 .45rem;font-size:.72rem;font-weight:700}& .dg-exline{background:var(--bg-soft);color:var(--text-secondary);border-radius:8px;margin:.75rem 0 0;padding:.5rem .7rem;font-size:.82rem;line-height:1.65}& .dg-out{flex-wrap:wrap;gap:8px;margin:0 0 1rem;display:flex}& .dg-out .tool-btn{min-width:0}& .dg-prow .b .dg-to{color:var(--accent-strong);background:var(--accent-soft);border:1px solid var(--accent-soft);border-radius:999px;margin-top:.5rem;padding:4px 14px;font-size:.85rem;font-weight:700;text-decoration:none;display:inline-block}& .dg-prow .b .dg-to:hover{border-color:var(--accent)}& .dg-exnote{margin:.75rem 0 1.75rem}& .dg-sec+.dg-sec{margin-top:1.75rem;padding-top:1.5rem}& .dg-sec .step-head{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;font-size:1rem}& .dg-sec .step-head .hint{font-size:.78rem}& .dg-q{border-radius:0;margin:0;padding:1.5rem 0}& .dg-meta{align-items:center;gap:.6rem;margin:0 0 .6rem;font-size:.78rem;display:flex}& .dg-meta>span:last-child{margin-left:auto}& .dg-qnum{background:var(--bg-soft);width:1.7rem;height:1.7rem;color:var(--navy);font-variant-numeric:tabular-nums;border-radius:6px;place-items:center;font-weight:700;display:inline-grid}& .dg-ask{margin:0 0 .9rem;font-size:1rem;line-height:1.7}& .dg-q.done .dg-ask:before{content:none}& .dg-opts{gap:.5rem}& .dg-opt{border-radius:8px;min-width:0;min-height:48px;padding:.75rem .9rem .75rem 2.4rem;font-size:.92rem;line-height:1.6}& .dg-q.done .dg-opt:not(.on){opacity:1}& .dg-opt.on{border-color:var(--navy);background:var(--navy);color:#fff}& .dg-opt.on:before{box-shadow:inset 0 0 0 3px var(--navy);background:#fff;border-color:#fff}& .dg-ans{box-shadow:none;padding:1.5rem}& .dg-ans .answer-k{color:var(--text);letter-spacing:0;font-size:.88rem}& .dg-ans .answer-big{margin:.9rem 0 .6rem}& .dg-ans .answer-big .sub{font-size:1rem}& .dg-ans .answer-big.empty{color:var(--text);font-size:1.2rem}& .dg-sub,& .dg-next{color:var(--text-secondary);font-size:.9rem;line-height:1.75}& .dg-sub b,& .dg-next b{color:var(--navy)}& .dg-gauge{margin:2.4rem 0 1rem;padding:0 .5rem}& .dg-zl{gap:.2rem;font-size:.72rem}& .dg-zl span{white-space:normal;overflow-wrap:anywhere}& .dg-tk small{font-size:.7rem}& .dg-pin b{font-size:.75rem}& .dg-prio-card{margin-top:1.25rem;padding-top:1.25rem}& .dg-prow{grid-template-columns:1.65rem minmax(0,1fr) auto;gap:.6rem;padding:1rem 0;font-size:.9rem;display:grid}& .dg-prow .rank{background:var(--bg-soft);width:1.65rem;height:1.65rem;color:var(--navy);border-radius:6px;place-items:center;display:grid}& .dg-prow .b span{margin-top:.4rem;font-size:.87rem;line-height:1.8;display:block}& .dg-prow .lost{color:var(--text-secondary);font-size:.8rem}& .dg-empty{font-size:.88rem;line-height:1.8}& .dg-breakdown{margin-top:.75rem;padding-top:1rem}& .dg-breakdown summary{cursor:pointer;color:var(--navy);font-size:.9rem;font-weight:700}& .dg-breakdown summary:focus-visible,& .dg-cell:focus-visible{outline:2px solid var(--accent);outline-offset:3px}& .dg-cats{margin-top:1rem}& .dg-cat{grid-template-columns:minmax(0,1fr) auto;gap:.4rem;padding:.5rem 0;font-size:.85rem}& .dg-cat .cb{grid-area:2/1/auto/-1}& .dg-karte{grid-template-columns:minmax(0,1fr);gap:0}& .dg-cell{border:0;border-bottom:1px solid var(--hairline-soft);background:#fff;border-radius:0;gap:.6rem;padding:.7rem 0}& .dg-cell .cn{font-size:.82rem}& .dg-cell .cn span{white-space:normal}& .dg-cell .cs{font-size:.75rem}& .dg-rep summary .answer-k{letter-spacing:0;font-size:.85rem}}@media (width>=1100px){.tool-shell:has(.dg-sec) .dg-starts{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=840px){.tool-shell.layout-sheet:has(.dg-sec){grid-template-columns:minmax(0,1fr) minmax(380px,.8fr)}.tool-app.tool-shell.layout-sheet:has(.dg-sec) .tool-result-column>.result-panel{top:var(--dg-result-top,4.3rem);max-height:none;padding-right:0;overflow:visible}}.tool-shell .tool-workspace-details>.dg-details{max-height:none;position:static;top:auto;overflow:visible}.dg-details{scroll-margin-top:calc(var(--dg-result-top,4.3rem) + 1rem)}.dg-details-heading{margin:0 0 1rem;font-size:1.15rem}.dg-details-link{min-width:0;color:var(--accent);text-align:left;cursor:pointer;background:0 0;border:0;margin-top:1.25rem;padding:0;font-family:inherit;font-size:.9rem;font-weight:700;text-decoration:underline;display:block}.dg-details-link:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media print{.tool-app.tool-shell.layout-sheet:has(.dg-sec) .tool-result-column>.result-panel{max-height:none;padding-right:0;position:static;overflow:visible}}@media (width<=839px){.tool-shell:has(.dg-sec) .dg-ans,.dg-detail-card{padding:1rem}.tool-shell:has(.dg-sec) .dg-sec .step-head .q-count,.tool-shell:has(.dg-sec) .dg-sec .step-head .step-ok{margin-left:0}.tool-shell:has(.dg-sec) .dg-out{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}
