.things-to-do-hero{background-color:#000;width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;padding:40px 0 50px;margin-bottom:40px}.hero-content{max-width:1200px;margin:0 auto;padding:0 20px;text-align:center}.hero-title{color:#fff;font-size:3.5rem;font-weight:700;margin:0 0 30px;letter-spacing:2px;text-transform:uppercase;font-family:"Lulo Clean Outline Bold",Sans-serif}.hero-filters{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:25px;flex-wrap:wrap}.desktop-filters{display:flex}.mobile-filters{display:none}@media (max-width:768px){.desktop-filters{display:none!important}.mobile-filters{display:flex!important}}.location-toggle{background:#fff;color:#333;border:0;padding:12px 24px;border-radius:5px;font-size:16px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;min-width:140px;justify-content:center}.location-toggle:hover{background:#f0f0f0;transform:translateY(-1px)}.filter-dropdown{position:relative}.filter-button{background:#fff;color:#333;border:0;padding:12px 20px;border-radius:5px;font-size:16px;font-weight:500;cursor:pointer;min-width:200px;display:flex;align-items:center;gap:8px;transition:all .3s ease}.filter-button:hover{background:#f0f0f0}.filter-button i:first-child{font-size:18px;color:#666;width:20px;text-align:center}.filter-button .filter-label{flex:1;text-align:left}.dropdown-arrow{font-size:12px;margin-left:auto;transition:transform .3s ease}.filter-dropdown.open .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu,.mobile-filter-button{display:none;background:#fff;border-radius:5px}.dropdown-menu{position:absolute;top:100%;left:0;right:0;margin-top:4px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:1000;max-height:300px;overflow-y:auto;min-width:100%}.filter-dropdown.open .dropdown-menu{display:block}.mobile-filter-button{color:#333;border:0;padding:12px 24px;font-size:16px;font-weight:500;cursor:pointer;align-items:center;gap:8px;transition:all .3s ease;position:relative}.mobile-filter-button:hover{background:#f0f0f0;transform:translateY(-1px)}.mobile-filter-button .filter-count{background:#ec555c;color:#fff;border-radius:10px;padding:2px 8px;font-size:12px;margin-left:5px}.mobile-filter-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;z-index:99999;display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee;background:#f8f9fa}.modal-header h3{margin:0;font-size:20px;color:#333}.modal-close{background:0 0;border:0;font-size:24px;color:#666;cursor:pointer;padding:5px}.modal-body{flex:1;overflow-y:auto;padding:0}.filter-section{border-bottom:1px solid #eee}.filter-section:last-child{border-bottom:none}.filter-section-header{display:flex;justify-content:space-between;align-items:center;padding:20px;cursor:pointer;background:#f8f9fa;transition:background .2s ease}.filter-section-header:hover{background:#e9ecef}.filter-section-header h4{margin:0;font-size:18px;color:#333;flex:1}.filter-section-toggle{font-size:16px;color:#666;transition:transform .3s ease}.filter-section.expanded .filter-section-toggle{transform:rotate(180deg)}.filter-options{display:block;flex-direction:column;gap:0;padding:0;max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.filter-section.expanded .filter-options{max-height:500px;padding:0 0 20px}.filter-option{display:flex;align-items:center;padding:15px 20px;background:#fff;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:all .2s ease;position:relative}.filter-option:last-child{border-bottom:none}.filter-option:hover,.modal-footer{background:#f8f9fa}.filter-option.active{background:#007cba;color:#fff}.filter-option input[type=radio]{position:absolute;opacity:0}.dropdown-item i,.filter-option i{color:#666;display:inline-block!important}.filter-option i{font-size:20px;width:24px;margin-right:12px}.dropdown-item.active i,.filter-option.active i{color:#fff}.filter-option span,.modal-footer button{flex:1;font-size:16px}.filter-option .option-count{font-size:14px;opacity:.7;margin-left:auto}.modal-footer{display:flex;gap:10px;padding:20px;border-top:1px solid #eee}.modal-footer button{padding:15px;border:0;border-radius:5px;font-weight:500;cursor:pointer;transition:all .2s ease}.clear-filters{background:#fff;color:#666;border:1px solid #ddd}.clear-filters:hover{background:#f8f9fa}.apply-filters{background:#007cba;color:#fff}.apply-filters:hover{background:#005a87}.dropdown-item{padding:12px 20px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .2s ease;font-size:16px;color:#333}.dropdown-item:hover{background:#f8f9fa}.dropdown-item.active{background:#007cba;color:#fff}.dropdown-item i{font-size:18px;width:20px;text-align:center}.dropdown-item:not(.active):hover i{color:#333}.dropdown-item .item-count{margin-left:auto;font-size:14px;opacity:.7;color:#666}.dropdown-item.active .item-count{color:#fff;opacity:.8}.filter-select{background:#fff;color:#333;border:0;border-radius:5px;font-size:16px;font-weight:500;cursor:pointer;min-width:180px;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding:12px 40px 12px 20px}.filter-connector{color:#ec555c;font-size:18px;font-weight:700;margin:0 5px}.status-filters{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;width:100%}.things-to-do-hero .status-button{background:rgba(255,255,255,.1)!important;color:#fff!important;border:1px solid rgba(255,255,255,.3)!important;padding:10px 18px;border-radius:25px;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .3s ease;white-space:nowrap;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;line-height:normal;margin:0;text-decoration:none;outline:0;box-shadow:none}.things-to-do-hero .status-button:hover{background:rgba(255,255,255,.2)!important;border-color:rgba(255,255,255,.5)!important;color:#fff!important;transform:none}.things-to-do-hero .status-button.active{background:#fff!important;color:#333!important;border-color:#fff!important;font-weight:600}.things-to-do-hero .status-button:focus{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}.status-button i{display:inline-block!important}.things-to-do-content{min-height:60vh}.container{max-width:1200px;margin:0 auto;padding:0 20px}.posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:40px}.post-card,.post-thumbnail{overflow:hidden;position:relative}.post-card{background:#fff;border-radius:3px;box-shadow:0 0 10px 0 rgba(0,0,0,.15);transition:all .25s ease;display:flex;flex-direction:column}.post-card:hover{transform:translateY(-2px);box-shadow:0 5px 20px 0 rgba(0,0,0,.2)}.post-thumbnail{width:100%;height:200px;padding-bottom:66%}.post-thumbnail img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1.01);width:100%;height:100%;object-fit:cover;transition:filter .3s}.post-card:hover .post-thumbnail img{filter:brightness(1.05)}.completion-toggle{position:absolute;top:169px;left:12%;transform:translateX(-50%);z-index:10;opacity:.8;cursor:pointer;transition:all .3s ease}.completion-toggle img{border-radius:50%!important;width:60px;height:60px;display:block;background:#fff;border:3px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.15)}.completion-toggle:hover{transform:scale(1.1);opacity:1}.completion-toggle.processing{opacity:.6;pointer-events:none}.post-card:not(.has-thumbnail) .completion-toggle{display:none}.post-content{padding:0 30px 30px;margin-top:20px;flex-grow:1;display:flex;flex-direction:column}.item-distance-badge{display:inline-block;background:rgba(0,0,0,.7);color:#fff;font-size:.7em;font-weight:400;padding:4px 10px;border-radius:15px;margin-left:10px;vertical-align:middle;white-space:nowrap}.distance-badge-mobile{display:none}.post-title{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.post-title a{flex:1;min-width:0}.post-title a:hover{color:#007cba}.post-excerpt{color:#777;font-size:18px;line-height:1.5em;margin-bottom:25px;flex-grow:1;height:132px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.post-footer,.post-meta{display:flex;justify-content:space-between;align-items:center}.post-meta{font-size:13px;color:#999}.post-footer{margin-top:auto}.post-footer .read-more:hover,.read-more:hover{color:#5badd1;text-decoration:underline}.read-more{color:#6ec1e4;font-size:14px;font-weight:500;text-decoration:none;margin-top:auto;display:inline-block}.load-more-wrapper{text-align:center;margin:40px 0}.load-more-button{background:#007cba;color:#fff;border:0;padding:15px 30px;border-radius:3px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;min-width:120px}.load-more-button:hover{background:#005a87;transform:translateY(-1px)}.load-more-button:disabled{background:#ccc;cursor:not-allowed;transform:none}.loading-state,.main-loading{text-align:center;padding:60px 20px;color:#666}.loading-spinner{font-size:2em;margin-bottom:20px;color:#007cba}.no-more-message{text-align:center;padding:20px;color:#999;font-style:italic;font-size:14px}.error-message{text-align:center;padding:20px;background:#ffebee;color:#d32f2f;border:1px solid #ffcdd2;border-radius:4px;margin:20px 0}.error-message i{margin-right:10px}.no-results{text-align:center;padding:60px 20px;color:#666}.no-results i{font-size:3em;color:#ddd;margin-bottom:20px}.no-results h3{font-size:1.5em;margin:0 0 15px;color:#555}.no-results p{margin:0;color:#777;font-size:16px;line-height:1.5}.location-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:9999}.modal-content{background:#fff;padding:40px;border-radius:8px;max-width:400px;text-align:center}.modal-content h3{margin:0 0 20px;font-size:24px}.modal-content p{margin:0 0 30px;color:#666}.modal-content .button{margin:0 10px;padding:10px 20px;border:0;border-radius:4px;cursor:pointer;font-size:16px}.button-primary{background:#007cba;color:#fff}.button-primary:hover{background:#005a87}@media (max-width:1024px){.posts-grid{grid-template-columns:repeat(2,1fr);gap:25px}.hero-title{font-size:3rem}}@media (max-width:768px){.mobile-filter-button{display:flex}.post-card .distance-badge,.post-card .item-distance-badge{display:none!important}.mobile-filters{display:flex!important;gap:10px;justify-content:center;flex-wrap:nowrap;margin-bottom:15px}.location-toggle,.mobile-filter-button{flex:1;max-width:150px;min-width:140px;font-size:14px!important;padding:10px 16px!important;white-space:nowrap;box-sizing:border-box}.status-filters{gap:6px;margin-bottom:10px}.status-button{padding:8px 14px;font-size:13px;flex:1;max-width:100px;justify-content:center}body.modal-open{overflow:hidden;position:fixed;width:100%}.things-to-do-hero{position:relative;z-index:100}.hero-content,.hero-filters,.things-to-do-hero{overflow:visible!important}.hero-filters{position:relative;z-index:101}.posts-grid{grid-template-columns:1fr;gap:20px}.post-card{display:flex;flex-direction:row;height:auto}.post-thumbnail{width:120px;height:120px;flex-shrink:0;padding-bottom:0}.distance-badge-mobile{display:inline-block!important;background:rgba(0,0,0,.7)!important;color:#fff!important;padding:5px 10px!important;border-radius:4px!important;font-size:12px!important;font-weight:600!important;white-space:nowrap;flex-shrink:0}.post-footer .read-more{flex:1;min-width:0}.post-footer{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:10px;margin-top:10px}.completion-toggle{top:10px;left:10px;transform:none}.completion-toggle img{width:35px;height:35px}.post-content{flex:1;padding:15px;min-width:0;margin-top:0;display:flex;flex-direction:column}.post-title{font-size:16px;margin-bottom:8px}.post-excerpt{font-size:14px;margin-bottom:10px;-webkit-line-clamp:2;height:auto;flex-grow:1}.container{padding:0 15px}}@media (max-width:480px){.hero-title{font-size:2rem;line-height:1.2}.mobile-filters{gap:10px}.filter-select,.location-toggle{font-size:14px;padding:10px 16px}.status-button{padding:6px 10px;font-size:12px}.things-to-do-hero{padding:20px 0 30px}}i[class*=" fa"],i[class^=fa]{display:inline-block!important;font-style:normal!important;font-variant:normal!important;text-rendering:auto!important;-webkit-font-smoothing:antialiased}.filter-select:focus,.load-more-button:focus,.location-toggle:focus,.status-button:focus{outline:2px solid #007cba;outline-offset:2px}@media (prefers-contrast:high){.post-card{border:2px solid #333}.status-button{border-width:2px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}