.dks{margin-block:clamp(28px,4vw,44px)}.doc-section-body>.dks{--dks-w: min(100vw - 2 * clamp(24px, 5vw, 64px), 1080px);position:relative;left:50%;width:var(--dks-w);margin-left:calc(var(--dks-w) / -2)}.dks-shelf+.dks-shelf{margin-top:clamp(34px,5vw,56px)}.dks-shelf-head{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;padding-bottom:14px;border-bottom:1px solid var(--border-subtle);margin-bottom:clamp(18px,2.4vw,26px)}.dks-shelf-name{font-family:var(--font-display);font-size:clamp(1.4rem,3vw,1.85rem);line-height:1.1;color:var(--text-primary);margin:0}.dks-shelf-line{font-family:var(--font-body);font-style:italic;font-size:1.02rem;line-height:1.5;color:var(--text-secondary);flex:1;min-width:220px;margin:0;text-wrap:pretty}.dks-arc{display:flex;height:8px;width:104px;border-radius:var(--radius-full, 999px);overflow:hidden;flex:none;align-self:center}.dks-arc i{flex:1}.dks-panels{display:grid;grid-template-columns:repeat(auto-fill,minmax(258px,1fr));gap:clamp(16px,2.2vw,24px)}.dks-panel{--dks-band-h: 78px;display:flex;background:var(--kt);border-radius:18px;overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .15s var(--ease-out-quart),box-shadow .15s var(--ease-out-quart)}.dks-panel:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.dks-panel:focus-within{outline:2px solid var(--kp);outline-offset:2px}.dks .dks-link{display:flex;flex-direction:column;flex:1;min-width:0;text-decoration:none;color:inherit}.dks-band{display:block;position:relative;z-index:2;height:var(--dks-band-h);background:var(--kp);overflow:hidden;flex:none}.dks-band:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,color-mix(in oklch,var(--kp) 88%,black) 4%,transparent 62%);opacity:.5;pointer-events:none}.dks-band .kbd{transition:transform 1.2s var(--ease-out-quart)}.dks-panel:hover .dks-band .kbd{transform:translate(-6px)}.dks-dom{position:absolute;top:10px;right:13px;z-index:2;font-family:var(--font-ui);font-weight:500;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:#f8f3e9d1}.dks-tile{display:block;position:absolute;left:18px;top:calc(var(--dks-band-h) - 26px);z-index:3}.dks-body{display:flex;flex-direction:column;flex:1;gap:7px;padding:38px 19px 0}.dks-name{font-family:var(--font-display);font-size:1.28rem;line-height:1.15;color:var(--text-primary)}.dks-what{font-family:var(--font-body);font-size:1rem;line-height:1.48;color:var(--text-secondary);text-wrap:pretty;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.dks-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding:11px 0 14px;border-top:1px solid color-mix(in oklch,var(--kp) 14%,var(--border-subtle))}.dks-count{font-family:var(--font-ui);font-size:.78rem;color:var(--text-tertiary)}.dks-more{font-family:var(--font-ui);font-size:.86rem;color:color-mix(in oklch,var(--kp) 82%,var(--text-primary));white-space:nowrap;transition:transform .15s var(--ease-out-quart)}.dks-panel:hover .dks-more{transform:translate(4px)}.dks-note{font-family:var(--font-ui);font-size:.86rem;line-height:1.55;color:var(--text-tertiary);margin:clamp(24px,3vw,32px) 0 0;max-width:62ch}@media (max-width: 760px){.dks-panel{--dks-band-h: 70px}.dks-shelf-line{min-width:100%}}@media (prefers-reduced-motion: reduce){.dks-panel,.dks-band .kbd,.dks-more{transition:none}.dks-panel:hover,.dks-panel:hover .dks-band .kbd,.dks-panel:hover .dks-more{transform:none}}