body{font-family:Arial,sans-serif;background-color:#f0f0f0;margin:0;padding:0}header{background-color:#333;color:#fff;padding:10px 0;text-align:center}header h1{font-size:50px;font-family:Sankofa Display,sans-serif;font-weight:900;font-style:normal}main{padding:20px}section{background-color:#fff;margin-bottom:20px;padding:20px;border-radius:8px;box-shadow:0 0 10px #0000001a;margin-left:3%;margin-right:3%}.chapter-title{text-indent:1em;font-size:30px;font-family:Do Hyeon,sans-serif;font-weight:400;font-style:normal}.text-body{font-size:16px;font-family:Noto Sans KR,sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal;padding-left:2%;padding-right:2%}.text-body p{margin-bottom:auto}.text-body .conclusion-table{width:80%;max-width:100%;border-collapse:collapse;margin:2% auto}.text-body .conclusion-table th,.text-body .conclusion-table td{border:1px solid black;text-align:center;padding:8px}.text-body .conclusion-table th{background-color:#f2f2f2}@media (max-width: 768px){.text-body .conclusion-table th,.text-body .conclusion-table td{padding:6px;font-size:14px}}@media (max-width: 480px){.text-body .conclusion-table th,.text-body .conclusion-table td{padding:4px;font-size:12px}}.chart-container{position:relative;height:600px;background-color:#dfdfdf6b;border-bottom-left-radius:8px;border-bottom-right-radius:8px;display:flex;flex-direction:row;margin:0 3%}.graph-space{flex-grow:1;display:flex;justify-content:center;align-items:center;color:#aaa;font-size:24px;position:relative}.checkbox-wrapper{position:absolute;top:10px;right:10px;padding:10px 10px 0;background-color:#fffc;border-radius:8px;box-shadow:0 0 5px #0000001a;margin-left:10px;height:auto;z-index:10}.checkbox-container{margin-bottom:10px}.checkbox-container label{display:block;margin-bottom:5px}#tier-legend{margin-top:10px;padding:5px;border-radius:8px;box-shadow:0 0 5px #0000001a}.legend-item{padding:5px;margin:5px 0;color:#000;text-align:center;border-radius:4px}.hidden{display:none}.graph-details{display:flex;flex-direction:row;margin:20px 3%;background-color:#f5f5f5ef;border-radius:8px;padding:20px;box-shadow:0 0 10px #0000001a}.table-container{width:50%;margin:0 10px}.table-title{text-align:center;margin-bottom:10px}.table-title-container{display:flex;justify-content:center;align-items:center;margin-bottom:10px;position:relative}.community-controls{position:absolute;right:0;display:flex;gap:10px}.control-button{padding:1px 2px;background-color:#f0f0f0;border:1px solid #ccc;cursor:pointer;border-radius:3px;transition:background-color .3s,border-color .3s;font-size:15px!important}.control-button:hover{background-color:#e0e0e0!important;border-color:#999!important}.details-table{width:100%;border-collapse:collapse;background-color:#fff;border-radius:8px;overflow:hidden;text-align:center}.details-table-container{max-height:400px;overflow-y:auto}.details-table th,.details-table td{border:1px solid #ddd;padding:8px}.details-table th{background-color:#f2f2f2}footer{background-color:#b6b6b6;color:#444;text-align:center;padding:10px 0}footer .footer-content{display:flex;align-items:center;justify-content:center}footer .footer-logo{height:50px;margin-right:10px}footer .footer-text p{margin:1px 0 0;text-align:right;font-size:12px}@media (max-width: 768px){main{padding:10px}section{padding:15px}.chart-container{height:300px}.checkbox-wrapper{padding:5px}.graph-space{font-size:18px}}@media (max-width: 480px){header{padding:5px 0}section{margin-bottom:15px;padding:10px}.chart-container{height:200px}.checkbox-wrapper{padding:3px}.graph-space{font-size:16px}footer .footer-logo{height:30px}}#chart p{display:flex;margin:0 3%}#chart button{flex:1;padding:10px;border:none;color:#696969;background-color:#fff;cursor:pointer;font-size:16px;transition:all .3s ease;box-shadow:inset 0 0 2px #0000004d}#chart button:hover{background-color:#ededed}#chart button.active{box-shadow:0 -2px 1px #0000004d;background-color:#dfdfdf6b;color:#000;font-weight:700}#chart button:first-child{border-top-left-radius:8px}#chart button:last-child{border-top-right-radius:8px}