.community{margin:0 0 46px;scroll-margin-top:20px}.community-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}.community-heading h2{font-size:29px;font-weight:500;margin:8px 0}.community-heading p{font-size:12px;color:var(--muted);margin:0}.join-challenge{font-size:12px;color:#8c6c31;border:1px solid #d8c79d;padding:11px 16px;border-radius:9px;white-space:nowrap;background:#fffcf4}.community-stats{display:grid;grid-template-columns:1.55fr 1fr 1fr 1fr;gap:15px;margin-bottom:26px}.community-stats article{border:1px solid #e2e7db;background:#fff;border-radius:17px;padding:23px;display:flex;flex-direction:column;align-items:flex-start;min-width:0}.community-stats article>span:not(.stat-symbol){font-size:11px;color:#758371}.community-stats strong{font:40px var(--font-number);letter-spacing:-1px;margin:12px 0 7px;overflow-wrap:anywhere;max-width:100%}.community-stats small{font-size:10px;color:#8b9388;line-height:1.7}.community-stats .total-stat{background:linear-gradient(135deg,#21483c,#36624e);color:#f9f7e9;border-color:#24483d}.community-stats .total-stat>span{color:#cfdbc8}.community-stats .total-stat strong{color:#ead7a1;font-size:45px}.community-stats .total-stat small{color:#c9d7c4}.stat-symbol{font-size:21px;color:#a58b51;background:#f7f3e7;border-radius:10px;width:38px;height:38px;display:grid;place-items:center;margin-bottom:12px}.goal-track{height:5px;border-radius:10px;overflow:hidden;background:#ffffff25;width:100%;margin:21px 0 8px}.goal-track i{display:block;width:0;height:100%;background:#dfc887;transition:width .4s}.goal-caption{display:flex;justify-content:space-between;gap:10px;width:100%;font-size:9px;color:#d1dbcc}.competition-grid{display:grid;grid-template-columns:minmax(0,1fr) 282px;gap:22px;align-items:start}.ranking-card{background:#fff;border:1px solid var(--line);border-radius:19px;padding:25px;min-width:0}.ranking-title{display:flex;justify-content:space-between;align-items:center;gap:15px}.ranking-title h3{font-family:var(--font-title);font-weight:500;font-size:23px;margin:7px 0 0}.period-label{font-size:9px;color:var(--muted)}.period-label select{display:block;margin-top:4px;padding:7px 9px;border-radius:7px;border:1px solid var(--line);font:11px 'Noto Sans Thai',sans-serif;color:var(--ink);background:#fff}.ranking-tabs{display:flex;gap:5px;background:#f4f5ef;border-radius:10px;padding:5px;margin:22px 0}.ranking-tabs button{flex:1;white-space:nowrap;border:0;border-radius:7px;background:transparent;color:#7c8775;font-size:11px;padding:9px 7px}.ranking-tabs button.selected{background:white;color:#24483d;box-shadow:0 2px 6px #24483d10;font-weight:600}.ranking-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:end;margin-bottom:23px}.podium-card{padding:17px 10px 14px;text-align:center;border-radius:13px;background:#f7f8f3;border:1px solid #e9ecdf;min-width:0}.podium-card.champion{background:linear-gradient(#fff8df,#f7eed5);border-color:#decb8f;padding-top:24px}.podium-medal{font-size:24px;display:block;margin-bottom:8px}.podium-card h4{font-size:11px;line-height:1.7;margin:6px 0;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:37px}.podium-card small{display:block;color:#8a927d;font-size:9px}.podium-card b{font:27px var(--font-number);color:#a38340;display:block;margin:8px 0 3px}.podium-rank{font-size:9px;color:#8d794a}.ranking-tools{display:flex;gap:10px;align-items:center}.ranking-tools input{min-width:0;flex:1;width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#fff;font:11px 'Noto Sans Thai',sans-serif;color:var(--ink)}.ranking-tools label{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted);max-width:45%}.ranking-tools select{min-width:0;width:100%;max-width:190px;border:1px solid var(--line);border-radius:8px;padding:9px 6px;font:10px 'Noto Sans Thai',sans-serif;color:var(--ink);background:#fff}.ranking-context{font-size:10px;color:var(--muted);margin:12px 0}.ranking-table-wrap{overflow:auto}.ranking-table{width:100%;border-collapse:collapse;font-size:11px;text-align:left}.ranking-table th{font-size:9px;font-weight:500;color:#8b9383;padding:10px 7px;border-bottom:1px solid var(--line);white-space:nowrap}.ranking-table td{padding:14px 7px;border-bottom:1px solid #eff1ea}.ranking-table td:first-child{width:48px;color:#a58a51;font-family:var(--font-number);font-size:17px}.ranking-table td:last-child{text-align:right;font-weight:600;color:#42634e;font-size:15px;white-space:nowrap}.ranking-table th:last-child{text-align:right}.ranking-table td:nth-child(2){max-width:250px}.ranking-table td:nth-child(2) small{display:block;font-size:9px;color:#909887;margin-top:3px}.ranking-table td:nth-child(3){font-size:10px;color:#7b8772}.ranking-table tr.is-me{background:#f0f6e9}.branch-drill{font:inherit;background:none;border:0;color:var(--ink);padding:0;text-align:left;text-decoration:underline;text-decoration-color:#c9d3bd;text-underline-offset:3px}.ranking-more{width:100%;margin-top:14px;background:#f4f6ef;border:1px solid #e3e8d8;border-radius:8px;padding:10px;color:#607553;font-size:11px}.ranking-rule{font-size:9px;color:#8b9480;line-height:1.9;margin:18px 0 0}.challenge-aside{display:grid;gap:18px}.personal-challenge{border-radius:18px;background:#eef2e6;border:1px solid #dfe6d4;padding:25px}.personal-challenge .eyebrow{font-size:9px;letter-spacing:1px}.personal-challenge h3{font:23px/1.8 var(--font-title);margin:12px 0 20px}.my-standing{background:#ffffff9c;border:1px solid #e0e7d5;border-radius:11px;padding:15px;font-size:11px;line-height:1.9}.my-standing strong{display:block;font:32px var(--font-number);color:#a08543;margin-top:6px}.personal-challenge>p{font-size:11px;color:#76846b;line-height:1.9}.challenge-button{background:#254b3c;color:white;display:block;padding:12px 8px;border-radius:9px;text-align:center;font-size:11px;margin-top:18px}.personal-challenge .challenge-note{font-size:9px;text-align:center;margin-bottom:0}.ranking-explainer{padding:10px 13px}.ranking-explainer h3{font-size:14px;font-weight:500;margin:10px 0}.ranking-explainer p{font-size:11px;line-height:1.9;color:#859078}.ranking-explainer a{font-size:10px;color:#9c8246}.community-notice{font-size:9px;color:#909887;line-height:1.8;margin:16px 0 0}.ranking-empty{grid-column:1/-1;text-align:center;border:1px dashed #dbe4ce;background:#fafbf6;padding:30px 18px;border-radius:12px;color:#7f8b72;font-size:12px;line-height:1.9}.ranking-empty strong{display:block;color:#526e44;font:20px var(--font-title);margin-bottom:8px}@media(max-width:950px){.community-stats{grid-template-columns:repeat(2,1fr)}.competition-grid{grid-template-columns:1fr}.challenge-aside{grid-template-columns:1fr 1fr}.personal-challenge h3 br{display:none}.personal-challenge h3{font-size:19px}.ranking-explainer{padding:25px}}@media(max-width:550px){.community-heading{display:block}.community-heading h2{font-size:24px}.join-challenge{display:inline-block;margin-top:17px}.community-stats{gap:10px}.community-stats article{padding:17px}.community-stats strong{font-size:32px}.community-stats .total-stat strong{font-size:34px}.goal-caption{flex-wrap:wrap;font-size:8px}.community-stats article>span:not(.stat-symbol){font-size:10px}.community-stats small{font-size:9px}.ranking-card{padding:18px 12px}.ranking-title{padding:0 4px}.ranking-title h3{font-size:21px}.ranking-tabs{gap:0}.ranking-tabs button{font-size:9px;padding:9px 5px}.ranking-podium{gap:6px}.podium-card{padding:12px 6px}.podium-card h4{font-size:10px}.podium-card b{font-size:23px}.ranking-tools{flex-wrap:wrap}.ranking-tools label{max-width:100%;width:100%}.ranking-tools select{max-width:none}.challenge-aside{grid-template-columns:1fr}.ranking-table{font-size:10px}.ranking-table td{padding:12px 5px}.ranking-table td:nth-child(3){min-width:66px;font-size:9px}.ranking-table td:first-child{width:38px}.community{margin-bottom:32px}}