*{box-sizing:border-box}
body{margin:0;background:#fff;color:#171717;font-family:Arial,Helvetica,sans-serif;font-size:14px}
header{background:#278b57;border-bottom:1px solid #1f7147;color:#fff}
.header-inner{max-width:1050px;margin:auto;padding:0 18px;height:56px;display:flex;align-items:center;justify-content:space-between}
.brand{font-size:20px;color:#fff}.brand span{font-size:10px;color:#d9f0e3;margin-left:7px;font-weight:normal}
nav{height:100%;display:flex}nav a{color:#fff;text-decoration:none;padding:0 13px;display:flex;align-items:center;border-bottom:3px solid transparent;font-size:13px}nav a:hover,nav a.active{background:#237c4e;border-bottom-color:#fff}
main{max-width:1050px;margin:28px auto 60px;padding:0 18px}.title-row{margin-bottom:18px}h1{font-size:25px;color:#111;margin:0 0 4px}h2{font-size:17px;color:#111;margin:0 0 10px}.title-row p{margin:0;color:#666;font-size:12px}
.controls{display:flex;gap:7px;margin-bottom:10px}input,select,button{font:inherit;background:#fff;border:1px solid #aaa;color:#171717;padding:7px 8px;border-radius:1px}button{cursor:pointer}button:hover{background:#f0f0f0}#search{flex:1}.filters{border:1px solid #bbb;background:#f7f7f7;padding:12px;margin-bottom:12px}.filters-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;color:#111}.filters-head button{border:0;background:none;padding:0;color:#555;font-size:11px}.filter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.filter-grid label{font-size:10px;color:#555;text-transform:uppercase}.filter-grid input,.filter-grid select{width:100%;margin-top:4px;text-transform:none;font-size:12px}.hidden{display:none!important}
.list-head{height:34px;padding:0 11px;display:flex;align-items:center;justify-content:space-between;background:#278b57;border:1px solid #1f7147;color:#fff;font-size:12px}.list-head span{font-size:10px;color:#e4f5eb}#levelList{border-left:1px solid #bbb;border-right:1px solid #bbb}.level{border-bottom:1px solid #bbb;background:#fff}.level:nth-child(even){background:#f7f7f7}.level-summary{min-height:70px;display:grid;grid-template-columns:58px 1fr 180px;cursor:pointer}.level-summary:hover{background:#eef7f2}.rank{display:flex;align-items:center;justify-content:center;border-right:1px solid #ccc;font-size:17px;font-weight:bold;color:#278b57}.level-main{padding:10px 13px}.level-name{font-size:15px;font-weight:bold;color:#111}.level-by{font-size:11px;color:#666;margin-top:2px}.small-info{font-size:10px;color:#666;margin-top:7px}.small-info span:after{content:"  /  ";color:#aaa}.small-info span:last-child:after{content:""}.level-stats{border-left:1px solid #ccc;padding:10px 12px;text-align:right;display:flex;flex-direction:column;justify-content:center;font-size:11px;color:#666}.level-stats b{color:#222}.details{border-top:1px solid #ccc;padding:13px 15px 15px 71px;background:#fafafa;font-size:11px;line-height:1.55;color:#555}.details-text{margin-bottom:10px}.details b{color:#222}.video-wrap{width:100%;max-width:700px;aspect-ratio:16/9;background:#000;border:1px solid #aaa;margin-top:12px}.video-wrap iframe,.video-wrap video{width:100%;height:100%;border:0;display:block}.video-link{display:inline-block;color:#176b42;margin-top:8px}.bottom-section{margin-top:28px}.method-row{border:1px solid #bbb;border-bottom:0;padding:8px 10px;font-size:11px;color:#555;background:#fff}.method-row:last-child{border-bottom:1px solid #bbb}.method-row b{color:#222}.empty{padding:20px;color:#666;border-bottom:1px solid #bbb}footer{text-align:center;border-top:1px solid #ccc;padding:18px;color:#777;font-size:10px;background:#f7f7f7}
@media(max-width:700px){.header-inner{height:auto;display:block;padding-top:12px}.brand{margin-bottom:7px}nav{overflow:auto}nav a{padding:10px}.filter-grid{grid-template-columns:1fr 1fr}.level-summary{grid-template-columns:45px 1fr}.level-stats{grid-column:2;border-left:0;text-align:left;padding:0 12px 10px}.details{padding-left:58px}}@media(max-width:450px){.filter-grid{grid-template-columns:1fr}}
.timeline-note{border:1px solid #bbb;background:#f7f7f7;padding:10px 12px;margin-bottom:12px;font-size:11px;color:#555}
#timelineList{border:1px solid #bbb;border-bottom:0}.timeline-row{display:grid;grid-template-columns:220px 1fr;gap:18px;padding:13px 14px;border-bottom:1px solid #bbb;background:#fff}.timeline-row:nth-child(even){background:#f7f7f7}.timeline-date{font-size:12px;color:#278b57;font-weight:bold}.timeline-date span{display:block;color:#777;font-size:10px;font-weight:normal;margin-top:3px}.timeline-sub{font-size:11px;color:#666;margin-top:3px}.timeline-empty{border-bottom:1px solid #bbb}.page{min-height:420px}@media(max-width:600px){.timeline-row{grid-template-columns:1fr;gap:5px}}