:root {
    --dt-bg: #eef4f8;
    --dt-card: #ffffff;
    --dt-border: #c9d6df;
    --dt-blue: #2f6f9f;
    --dt-blue-dark: #1f4f73;
    --dt-blue-light: #dbeaf3;
    --dt-text: #1f2933;
    --dt-muted: #6b7c8f;
}

body {
    margin: 0;
    background: var(--dt-bg);
    color: var(--dt-text);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}

.dt-container {
    width: min(1100px, calc(100% - 32px));
    margin: 0 auto;
}

.dt-header {
    background: linear-gradient(180deg, #ffffff, #e8f1f7);
    border-bottom: 1px solid var(--dt-border);
    box-shadow: 0 4px 14px rgba(31, 79, 115, .10);
}

.dt-header-inner {
    min-height: 74px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.dt-brand {
    display: flex;
    align-items: center;
    gap: 14px;
    color: var(--dt-blue-dark);
    text-decoration: none;
}

.dt-brand img {
    width: 54px;
    height: 54px;
    object-fit: contain;
}

.dt-brand-name {
    font-size: 1.45rem;
    font-weight: 800;
    letter-spacing: .2px;
}

.dt-brand-name span {
    color: var(--dt-blue);
}

.dt-brand-baseline {
    color: var(--dt-muted);
    font-size: .92rem;
}

.dt-nav {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.dt-nav a {
    color: var(--dt-blue-dark);
    text-decoration: none;
    font-weight: 650;
    padding: 8px 11px;
    border-radius: 999px;
}

.dt-nav a:hover {
    background: var(--dt-blue-light);
}

.dt-doc-section{
    margin:40px 0;
}

.dt-doc-section h2{
    color:#1f4f73;
    border-bottom:2px solid #dbeaf3;
    padding-bottom:8px;
    margin-bottom:18px;
}

.dt-doc-grid{
    display:grid;
    gap:12px;
}

.dt-doc-card{
    background:#fff;
    border:1px solid #c9d6df;
    border-radius:12px;
    padding:14px 18px;
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.dt-doc-card:hover{
    box-shadow:0 4px 12px rgba(0,0,0,.08);
}

.dt-doc-title{
    font-weight:700;
}

.dt-doc-meta{
    color:#6b7c8f;
    font-size:.9rem;
}

.dt-doc-open{
    background:#dbeaf3;
    color:#1f4f73;
    padding:8px 12px;
    border-radius:999px;
    text-decoration:none;
    font-weight:600;
}
.dt-device-card{
    background:#fff;
    border:1px solid #c9d6df;
    border-radius:14px;
    padding:16px 20px;
    margin:20px 0 30px;
}

.dt-device-brand{
    color:#6b7c8f;
    font-size:.95rem;
}

.dt-device-model{
    font-size:1.4rem;
    font-weight:700;
}
.dt-brand-logo{
    width:58px;
    height:58px;
}
.dt-device-card{
    background:#fff;
    border:1px solid #c9d6df;
    border-radius:16px;
    padding:18px 22px;
    margin:20px 0 30px;
}

.dt-device-brand{
    color:#6b7c8f;
    font-size:.95rem;
}

.dt-device-model{
    font-size:1.45rem;
    font-weight:700;
    color:#1f2937;
}

.dt-doc-summary{
    display:flex;
    flex-wrap:wrap;
    gap:16px;
    margin-bottom:40px;
}

.dt-counter{
    background:#fff;
    border:1px solid #c9d6df;
    border-radius:16px;
    padding:18px;
    min-width:120px;
    text-align:center;
    box-shadow:0 2px 10px rgba(31,79,115,.06);
}

.dt-counter strong{
    display:block;
    font-size:2rem;
    color:#1f4f73;
    line-height:1;
}

.dt-counter span{
    display:block;
    margin-top:8px;
    color:#6b7c8f;
    font-size:.9rem;
}
.dt-back-button{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 16px;
    margin-bottom:20px;
    background:#dce9f2;
    border:1px solid #b9cad7;
    border-radius:999px;
    color:#1f4f73;
    text-decoration:none;
    font-weight:600;
    transition:.15s;
}

.dt-back-button:hover{
    background:#cfe1ee;
    text-decoration:none;
}
.dt-counter{
    min-width:110px;
    padding:12px;
    border-radius:14px;
}

.dt-counter strong{
    font-size:1.6rem;
}

.dt-counter span{
    margin-top:4px;
    font-size:.85rem;
}
.dt-counter.zero strong,
.dt-counter.zero span{
    color:#9aa7b4;
}
.dt-document-item{
    display:flex;
    gap:18px;
    align-items:flex-start;
    padding:16px;
    margin-bottom:14px;

    background:#fff;
    border:1px solid #c9d6df;
    border-radius:14px;

    color:#1f2937;
    text-decoration:none;

    transition:.15s;
}

.dt-document-item:hover{
    border-color:#6f98b8;
    box-shadow:0 4px 12px rgba(0,0,0,.08);
    text-decoration:none;
}
.dt-document-thumb{
    width:90px;
    height:120px;
    object-fit:contain;

    border:1px solid #d8e1e8;
    border-radius:8px;

    background:#fafafa;

    flex-shrink:0;
}
.dt-document-title{
    font-size:1.1rem;
    font-weight:700;
    color:#1f4f73;
    margin-bottom:8px;
}
.dt-document-meta{
    color:#6b7c8f;
    font-size:.92rem;
    line-height:1.5;
}
.dt-doc-section{
    max-width:950px;
}