.kalk-layout{display:grid;grid-template-columns:1fr 340px;gap:25px;align-items:start}
.kalk-main{min-width:0}
.kalk-sidebar{position:sticky;top:120px}
.kalk-container{max-width:100%;margin:0;font-family:inherit} .kalk-section{background:#f8f9fa;border-radius:12px;padding:20px;margin-bottom:15px}
.kalk-section h3{margin:0 0 15px 0;color:#2c5530;border-bottom:2px solid #2c5530;padding-bottom:8px;font-size:16px}
.kalk-section h3 span{font-size:12px;color:#666;font-weight:400} .kalk-row{display:grid;grid-template-columns:1fr 150px;gap:15px;align-items:center;padding:12px 0;border-bottom:1px solid #e0e0e0}
.kalk-row:last-child{border-bottom:none}
.kalk-row label{font-weight:500;font-size:14px}
.kalk-row label small{display:block;color:#666;font-weight:400;font-size:11px;margin-top:2px}
.kalk-row input[type=number],
.kalk-row select{width:100%;padding:10px;border:2px solid #ddd;border-radius:8px;font-size:14px;text-align:center}
.kalk-row input:focus,.kalk-row select:focus{border-color:#2c5530;outline:none} .kalk-check-row{display:grid;grid-template-columns:28px 1fr;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #e0e0e0}
.kalk-check-row:last-child{border-bottom:none}
.kalk-check-row input[type=checkbox]{width:20px;height:20px;cursor:pointer}
.kalk-check-row label{font-size:14px;cursor:pointer}
.kalk-check-row label small{display:block;color:#666;font-size:11px} .kalk-summary{background:linear-gradient(135deg,#2c5530 0%,#1a3a1f 100%);color:#fff;border-radius:12px;padding:20px;margin-bottom:15px}
.kalk-summary h3{color:#fff;margin:0 0 20px 0;text-align:center;font-size:18px;border-bottom:1px solid rgba(255,255,255,0.3);padding-bottom:10px}
.kalk-stat{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,0.15)}
.kalk-stat:last-child{border-bottom:none}
.kalk-stat-label{font-size:13px;opacity:0.9}
.kalk-stat-value{font-size:24px;font-weight:700}
.kalk-stat-unit{font-size:12px;opacity:0.7;margin-left:4px} .kalk-result{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px rgba(0,0,0,0.1);margin-bottom:15px}
.kalk-result h4{color:#2c5530;margin:0 0 15px 0;font-size:14px;text-transform:uppercase}
.kalk-result-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #eee}
.kalk-result-item:last-child{border-bottom:none}
.kalk-result-item span:first-child{font-size:13px;color:#666}
.kalk-result-item span:last-child{font-size:16px;font-weight:700;color:#2c5530} .kalk-tips{background:#e8f5e9;border-radius:12px;padding:15px;border-left:4px solid #2c5530}
.kalk-tips h4{margin:0 0 10px 0;color:#2c5530;font-size:13px}
.kalk-tips ul{margin:0;padding-left:18px;color:#2c5530;font-size:12px}
.kalk-tips li{margin-bottom:6px} .kalk-warning{background:#fff3cd;border:2px solid #ffc107;border-radius:12px;padding:15px;margin-bottom:15px;display:none}
.kalk-warning.show{display:block}
.kalk-warning h4{color:#856404;margin:0 0 8px 0;font-size:13px}
.kalk-warning p{color:#856404;margin:0;font-size:12px} .kalk-btn{background:#2c5530;color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:700;font-size:14px;width:100%;margin-top:15px}
.kalk-btn:hover{background:#1a3a1f}
.kalk-btn-secondary{background:#ff6315}
.kalk-btn-secondary:hover{background:#e55a13} .kalk-progress{background:#e0e0e0;border-radius:10px;height:20px;overflow:hidden;margin:10px 0}
.kalk-progress-bar{background:linear-gradient(90deg,#2c5530,#4a8f50);height:100%;border-radius:10px;transition:width 0.3s;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:700} .kalk-checklist-category{margin-bottom:20px}
.kalk-checklist-progress{font-size:12px;color:#666;margin-top:5px}
.kalk-checked{text-decoration:line-through;opacity:0.6} @media(max-width:1024px){
.kalk-layout{grid-template-columns:1fr;gap:20px}
.kalk-sidebar{position:relative;top:0;order:-1}
} @media(max-width:600px){
.kalk-section{padding:15px}
.kalk-row{grid-template-columns:1fr;gap:8px}
.kalk-row input,.kalk-row select{text-align:left}
.kalk-summary{padding:15px}
.kalk-stat-value{font-size:20px}
} .page-template-default.page.page-id-1029 #secondary,
.page-template-default.page.page-id-1237 #secondary,
.page-template-default.page.page-id-1238 #secondary,
.page-template-default.page.page-id-1239 #secondary,
.page-template-default.page.page-id-1029 .ct-sidebar-wrapper,
.page-template-default.page.page-id-1237 .ct-sidebar-wrapper,
.page-template-default.page.page-id-1238 .ct-sidebar-wrapper,
.page-template-default.page.page-id-1239 .ct-sidebar-wrapper {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
} .page-template-default.page.page-id-1029 #primary,
.page-template-default.page.page-id-1237 #primary,
.page-template-default.page.page-id-1238 #primary,
.page-template-default.page.page-id-1239 #primary,
.page-template-default.page.page-id-1029 .content-area,
.page-template-default.page.page-id-1237 .content-area,
.page-template-default.page.page-id-1238 .content-area,
.page-template-default.page.page-id-1239 .content-area {
width: 70% !important;
max-width: 70% !important;
float: left !important;
} .page-template-default.page:not(.page-id-1029):not(.page-id-1237):not(.page-id-1238):not(.page-id-1239) #primary,
.page-template-default.page:not(.page-id-1029):not(.page-id-1237):not(.page-id-1238):not(.page-id-1239) .content-area {
width: 100% !important;
max-width: 100% !important;
float: none !important;
}