@media(max-width:1100px){
  .dtm-workbench{grid-template-columns:minmax(0,1fr) 310px}
  .dtm-unit-groups{grid-template-columns:1fr}
  .dtm-clock-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:860px){
  .dtm-intro{grid-template-columns:1fr;gap:14px}
  .dtm-local{max-width:780px}
  .dtm-workbench{grid-template-columns:1fr}
  .dtm-summary{position:static}
  .dtm-nav{display:none}
  .dtm-button.dtm-menu-button{display:inline-flex}
  .dtm-mobile-nav:not([hidden]){display:flex}
  .dtm-content-grid{grid-template-columns:1fr}
  .dtm-footer-inner{flex-direction:column}
  .dtm-footer nav{justify-content:flex-start}
}
@media(max-width:720px){
  .dtm-base-card{grid-template-columns:1fr}
  .dtm-clock-face{border-left:0;border-top:1px solid var(--dtm-line)}
  .dtm-clock-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:520px){
  .dtm-container{width:min(100% - 32px,1180px)}
  .dtm-header-inner{min-height:64px;gap:9px}
  .dtm-theme-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
  .dtm-header select{max-width:92px;min-width:0}
  .dtm-brand span{display:none}
  .dtm-panel,.dtm-summary{padding:16px}
  .dtm-panel-head{display:block}
  .dtm-calendar-grid{grid-template-columns:1fr 1fr}
  .dtm-clock-grid{grid-template-columns:1fr 1fr}
  .dtm-clock-grid>div:last-child{grid-column:1/-1}
  .dtm-result-grid{grid-template-columns:1fr}
  .dtm-metric-wide{grid-column:auto}
  .dtm-actions{display:grid}
  .dtm-actions .dtm-button{width:100%}
  .dtm-dialog-actions{display:grid}
  .dtm-dialog-actions .dtm-button{width:100%}
}
@media(max-width:390px){
  .dtm-container{width:min(100% - 28px,1180px)}
  .dtm-app h1{font-size:41px}
  .dtm-calendar-grid,.dtm-clock-grid{grid-template-columns:1fr}
  .dtm-clock-grid>div:last-child{grid-column:auto}
  .dtm-operation{grid-template-columns:1fr 1fr}
  .dtm-calendar-face,.dtm-clock-face,.dtm-unit-group{padding:14px}
  .dtm-result{font-size:31px}
}
@media(max-width:340px){
  .dtm-container{width:min(100% - 18px,1180px)}
  .dtm-header-controls{gap:5px}
  .dtm-header select{max-width:80px;padding-inline:7px}
  .dtm-panel,.dtm-summary,.dtm-card,.dtm-doc section,.dtm-doc-cta{padding:14px}
  .dtm-operation{grid-template-columns:1fr}
  .dtm-result{font-size:29px}
}
@media(prefers-reduced-motion:reduce){
  .dtm-app *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}
@media print{
  .dtm-header,.dtm-footer,.dtm-actions,.dtm-local,.dtm-doc-cta{display:none!important}
  .dtm-app{background:#fff;color:#111}
  .dtm-panel,.dtm-summary,.dtm-card,.dtm-doc section{box-shadow:none;border-color:#bbb}
}