/* DKT extension based on the archived Flattern design */
.dkt-hero{background:linear-gradient(120deg,#164d51,#287a74);color:white;padding:45px 0}.dkt-hero h1{color:white;font-size:clamp(2.3rem,5vw,4rem)}.dkt-hero h2{color:white;font-size:clamp(1.3rem,2.5vw,2.1rem)}.dkt-hero .lead{max-width:880px}.dkt-overline{letter-spacing:.13em;text-transform:uppercase}.dkt-hero .btn-primary,.dkt-card .btn-primary{background:#f0b71f;border-color:#f0b71f;color:#242424}.dkt-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.dkt-card{border:1px solid #e1e7e6;border-radius:8px;padding:25px;background:#fff}.dkt-card small{display:block;color:#667;min-height:40px}.dkt-card strong{display:block;font-size:clamp(1.2rem,3vw,2rem)}.dkt-soft{background:#f4f7f6}.dkt-placeholder{min-height:220px;border:2px dashed #c8d7d4;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:30px;text-align:center;gap:10px}.dkt-placeholder .bi{font-size:36px;color:#287a74}.dkt-math{font-weight:600;padding:14px;background:#f4f7f6}.progress-bar{background:#287a74}@media(max-width:650px){.dkt-cards{grid-template-columns:1fr}.dkt-card{padding:16px}.dkt-card small{min-height:0}}

/* Demo views added without changing archived theme */
.dkt-pagehead{margin-bottom:18px}.dkt-panel{background:#fff;border:1px solid #dce7e4;border-radius:12px;padding:24px;box-shadow:0 5px 24px rgba(17,52,49,.05)}.dkt-panel .form-label{display:block;width:100%;font-weight:600}.dkt-panel .form-label .form-control,.dkt-panel .form-label .form-select{margin-top:7px}.dkt-consent{display:grid;gap:12px}.dkt-consent label{font-weight:400}.dkt-sticky{position:sticky;top:90px}.dkt-share-card{border-radius:13px;overflow:hidden;border:1px solid #d5e3df;background:#eaf4f0}.dkt-share-photo{height:180px;display:flex;align-items:center;justify-content:center;background:linear-gradient(125deg,#164d51,#34857a);overflow:hidden}.dkt-share-photo img{max-width:75%;max-height:78%;object-fit:contain}.dkt-share-photo img.photo{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover}.dkt-share-content{padding:20px}.dkt-brandline{font-size:12px;font-weight:700;letter-spacing:.07em;color:#23675f;text-transform:uppercase}.dkt-share-content h4{margin:7px 0}.dkt-public-posts{display:grid;gap:14px}.dkt-post{border:1px solid #dce7e4;border-radius:10px;padding:16px;display:flex;gap:14px;align-items:start}.dkt-post img{width:110px;height:96px;object-fit:cover;border-radius:8px}.dkt-post button{background:#287a74;color:white;border:0;border-radius:5px;padding:7px 12px}.dkt-admin-shell{min-height:100vh;background:#f3f7f6}.dkt-admin-nav{background:#164d51;color:#fff;padding:18px 0}.dkt-admin-nav a{color:#fff}.dkt-kpi{padding:20px;border:1px solid #dce7e4;border-radius:9px;background:white}.dkt-kpi strong{font-size:1.8rem;display:block}.dkt-admin-table{background:white;border-radius:8px;overflow:auto}.dkt-admin-table table{min-width:800px}.dkt-admin-table button{margin:2px}.dkt-admin-badge{font-size:12px;padding:4px 8px;background:#e4f1ed;border-radius:6px}.dkt-thumb-sm{width:55px;height:55px;object-fit:cover;border-radius:6px}.dkt-admin-title{border-bottom:1px solid #dce7e4;padding-bottom:12px}@media(max-width:760px){.dkt-sticky{position:static}.dkt-panel{padding:16px}.dkt-post{flex-direction:column}}

/* Match the index buttons, including hover, keyboard focus and active states. */
.dkt-hero .btn-primary,.dkt-card .btn-primary,.btn-danger,.btn-outline-danger{
 --bs-btn-color:#242424;--bs-btn-bg:#f0b71f;--bs-btn-border-color:#f0b71f;
 --bs-btn-hover-color:#242424;--bs-btn-hover-bg:#ffd25c;--bs-btn-hover-border-color:#ffd25c;
 --bs-btn-active-color:#242424;--bs-btn-active-bg:#ffd25c;--bs-btn-active-border-color:#ffd25c;
 --bs-btn-disabled-color:#242424;--bs-btn-disabled-bg:#f0b71f;--bs-btn-disabled-border-color:#f0b71f;
 background:#f0b71f;border-color:#f0b71f;color:#242424;
}
.dkt-hero .btn-primary:is(:hover,:focus,:active),.dkt-card .btn-primary:is(:hover,:focus,:active),
.btn-danger:is(:hover,:focus,:active),.btn-outline-danger:is(:hover,:focus,:active){
 background:#ffd25c;border-color:#ffd25c;color:#242424;
}
.dkt-hero .btn-primary:focus-visible,.dkt-card .btn-primary:focus-visible,
.btn-danger:focus-visible,.btn-outline-danger:focus-visible{outline:3px solid #242424;outline-offset:4px}

.dkt-gpx-panel{min-width:0;border:1px solid #dce7e4;border-radius:6px;padding:18px}.dkt-gpx-panel legend{float:none;width:auto;font-size:1.1rem;padding:0 6px;font-weight:600}.dkt-gpx-panel input{max-width:100%}#dkt-gpx-result{overflow-wrap:anywhere}#dkt-gpx-result p:last-child:empty{display:none}

/* DKT home: same cards as the information page; compact actions. */
.dkt-home-sections{display:grid;gap:28px}
.dkt-info-section .dkt-compact-button,.dkt-post button{
 display:inline-block;max-width:100%;padding:6px 20px;border:0;
 border-radius:4px;background:#f0b71f;color:#242424;
 font-size:14px;font-weight:400;line-height:24px;white-space:normal;
 overflow-wrap:anywhere;text-decoration:none;cursor:pointer;
}
.dkt-info-section .dkt-compact-button:hover,.dkt-post button:hover{
 background:#ffd25c;color:#242424;
}
.dkt-info-section .dkt-compact-button:focus-visible,.dkt-post button:focus-visible{
 outline:3px solid #242424;outline-offset:4px;
}
.dkt-post>div{min-width:0;overflow-wrap:anywhere}
@media(max-width:600px){.dkt-home-sections{gap:18px}}