:root{--white:#FFFFFF;--golden-amber:#b08e5e;--warm-sand:#D2CAB9;--deep-charcoal:#333333;--olive-green:#2b3e34;}*{margin:0;padding:0;box-sizing:border-box;}body{font-family:'Montserrat',sans-serif;color:var(--deep-charcoal);background-color:#f4f7f6;line-height:1.6;overflow-x:hidden;width:100%;}.container{max-width:1200px;margin:0 auto;padding:0 20px;}html,body{overflow-x:hidden;position:relative;width:100%;}.main-header{position:fixed!important;top:0;left:0;width:100%;z-index:9999;background-color:#f4f7f6;box-shadow:0 2px 10px rgba(0,0,0,0.1);}body{padding-top:80px;}@media (max-width:768px){#nav-menu{position:fixed!important;top:0;right:0!important;transform:translateX(100%);width:300px;max-width:80vw;height:100vh;overflow-y:auto;background-color:var(--white);box-shadow:-5px 0 15px rgba(0,0,0,0.1);transition:transform 0.3s ease-in-out;}#nav-menu.active{transform:translateX(0)!important;}}.btn-primary,.btn-secondary,.btn-outline,.btn-register{display:inline-block;padding:12px 25px;border-radius:4px;text-decoration:none;font-weight:bold;transition:all 0.3s ease;cursor:pointer;text-align:center;}.btn-primary{background-color:var(--golden-amber);color:white;border:2px solid var(--golden-amber);}.btn-primary:hover{background-color:#90744c;border-color:#90744c;}.btn-outline{background-color:transparent;color:var(--golden-amber);border:2px solid var(--golden-amber);}.btn-outline:hover{background-color:var(--golden-amber);color:white;}.btn-register{background-color:var(--golden-amber);color:white;border:none;border-radius:30px;padding:16px 30px;box-shadow:0 4px 10px rgba(0,0,0,0.1);}.btn-register:hover{background-color:#9a7b50;transform:translateY(-2px);box-shadow:0 6px 15px rgba(0,0,0,0.15);}.btn-clear{background-color:transparent;color:#666;border:1px solid #ccc;transition:background 0.3s;}.btn-clear:hover{background:#e4e4e4;}.standard-text-page{padding:60px 0 80px 0;background-color:var(--white);}.text-container{max-width:800px;margin:0 auto;}.text-container h2{font-size:2rem;font-weight:300;margin:40px 0 20px 0;}.text-container h2:first-child{margin-top:0;}.text-container h3{font-size:1.4rem;color:var(--olive-green);margin:30px 0 15px 0;font-weight:600;}.text-container p{margin-bottom:20px;color:#444;font-size:1.05rem;line-height:1.8;}.text-container ul,.text-container ol{margin-bottom:25px;padding-left:20px;color:#444;}.text-container li{margin-bottom:10px;font-size:1.05rem;line-height:1.8;}.alert,.alert-box{padding:15px 20px;border-radius:6px;margin-bottom:25px;font-weight:600;border:1px solid transparent;text-align:center;}.alert-success{background:#d4edda;color:#155724;border-color:#c3e6cb;}.alert-danger,.alert-error{background:#fff0f1;color:#d73a49;border-color:#ffdce0;}.alert-info{background-color:#f0f7ff;border-color:#cce5ff;color:#004085;}.alert-warning{background-color:#fff3cd;border-color:#ffeeba;color:#856404;}.spinner{border:4px solid #f3f3f3;border-top:4px solid var(--golden-amber);border-radius:50%;width:35px;height:35px;animation:spin 1s linear infinite;margin:0 auto 10px;}@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}.main-header{background-color:#ffffff;padding:15px 0;box-shadow:0 2px 10px rgba(0,0,0,0.05);position:sticky;top:0;z-index:1000;}.nav-container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px;}.logo h2{font-weight:300;letter-spacing:2px;font-size:24px;margin:0;}.logo span{font-weight:600;}.nav-list{list-style:none;margin:0;padding:0;}.nav-list a{text-decoration:none;color:#333;font-weight:600;transition:color 0.3s ease;}.nav-list a:hover{color:var(--golden-amber);}.nav-item-dropdown{position:relative;}@media (min-width:769px){.menu-toggle{display:none;}.nav-list{display:flex;gap:30px;align-items:center;}.sub-menu{display:none;position:absolute;top:100%;left:0;background:#fff;min-width:230px;box-shadow:0 5px 15px rgba(0,0,0,0.1);border-radius:4px;border:1px solid #eee;z-index:1001;padding:10px 0;}.nav-item-dropdown:hover .sub-menu{display:block;}.sub-menu li a{display:block;padding:10px 20px;font-size:0.95rem;font-weight:500;}.sub-menu li a:hover{background:#fdfaf4;}}@media (max-width:768px){.menu-toggle{display:flex;flex-direction:column;justify-content:space-between;width:30px;height:21px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1002;}.menu-toggle .bar{height:3px;width:100%;background-color:var(--golden-amber);border-radius:3px;transition:all 0.3s ease-in-out;}.main-nav{position:absolute;top:100%;right:-100%;width:100%;background:#ffffff;box-shadow:0 10px 15px rgba(0,0,0,0.1);transition:right 0.3s ease-in-out;border-top:1px solid #eee;}.main-nav.active{right:0;}.nav-list{display:flex;flex-direction:column;padding:20px;gap:0;}.nav-list li{width:100%;}.nav-list li a{display:block;padding:15px 0;border-bottom:1px solid #eee;}.sub-menu{display:none;padding:0 0 0 20px;border-left:2px solid var(--golden-amber);background:#fdfaf4;}.nav-item-dropdown.active-sub .sub-menu{display:block;}.menu-toggle.is-active .bar:nth-child(1){transform:translateY(9px) rotate(45deg);}.menu-toggle.is-active .bar:nth-child(2){opacity:0;}.menu-toggle.is-active .bar:nth-child(3){transform:translateY(-9px) rotate(-45deg);}}.page-header,.hub-page-header{background-size:cover;background-position:center;text-align:center;color:white;}.hero-text-shadow{text-shadow:0 2px 10px rgba(0,0,0,0.5);}.site-footer{background-color:var(--deep-charcoal);color:var(--white);padding:60px 0 20px 0;}.footer-container{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;margin-bottom:40px;}.footer-logo{display:block;max-width:100%;width:300px;height:auto;margin-bottom:10px;}.footer-brand h3{font-weight:300;letter-spacing:2px;margin-bottom:10px;}.footer-brand span{font-weight:600;color:var(--golden-amber);}.footer-links h4,.footer-legal h4{color:var(--golden-amber);margin-bottom:20px;font-weight:600;}.footer-links ul,.footer-legal ul{list-style:none;}.footer-links a,.footer-legal a{color:#CCC;text-decoration:none;line-height:2;transition:color 0.3s ease;}.footer-links a:hover,.footer-legal a:hover{color:var(--white);}.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid rgba(255,255,255,0.1);font-size:0.9rem;color:#888;}@media (max-width:768px){.footer-container{grid-template-columns:1fr;text-align:center;gap:30px;}.footer-logo{margin:0 auto 10px auto;}}.dashboard-wrapper{max-width:1200px;margin:0 auto;}.dashboard-hero{background:#2b3e34;padding:40px;border-radius:12px;margin-bottom:30px;color:white;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,0.1);}.dashboard-nav-link{display:inline-block;margin-top:15px;padding:10px 20px;background:rgba(255,255,255,0.1);color:white;text-decoration:none;border-radius:6px;font-size:0.9rem;transition:background 0.2s;}.dashboard-nav-link:hover{background:rgba(255,255,255,0.2);}.dashboard-grid,.hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:25px;width:100%;}.dash-card,.hub-card{background:#fff;padding:30px 25px;border-radius:12px;border:1px solid #eaeaea;box-shadow:0 4px 10px rgba(0,0,0,0.05);display:flex;flex-direction:column;text-align:center;transition:transform 0.2s ease,box-shadow 0.2s ease;height:100%;}.dash-card:hover,.hub-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,0.12);}.dash-icon,.card-icon{font-size:2.5rem;width:70px;height:70px;line-height:70px;background:#fdfbf7;border:2px solid #f2e9db;border-radius:50%;margin:0 auto 15px auto;display:block;}.dash-card h3,.hub-card h3{margin-top:0;margin-bottom:10px;color:#333;font-size:1.3rem;}.dash-card p,.hub-card p{color:#666;margin-bottom:20px;flex-grow:1;}.article-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:30px;}.puzzles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:30px;}.puzzles-grid .featured-puzzle{grid-column:1 / -1;}.article-card,.puzzle-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 8px 20px rgba(0,0,0,0.06);border:1px solid #eaeaea;display:flex;flex-direction:column;transition:transform 0.2s ease;}.article-card:hover,.puzzle-card:hover{transform:translateY(-5px);box-shadow:0 12px 25px rgba(0,0,0,0.12);}.article-card-img{height:200px;background:#fdfdfd;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:center;padding:15px;}.article-card-img img{max-width:100%;max-height:100%;object-fit:contain;}.article-card-body{padding:30px 25px;flex-grow:1;display:flex;flex-direction:column;}.article-category-label{font-size:0.75rem;color:#b08e5e;font-weight:bold;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;display:block;}.puzzle-card-header{background:linear-gradient(135deg,#2b3e34 0%,#1a2620 100%);color:white;padding:18px 25px;text-align:center;border-bottom:3px solid #b08e5e;}.puzzle-container{padding:25px;flex-grow:1;background:#fafbfc;overflow:hidden;max-height:650px;}.forum-container{max-width:1100px;margin:60px auto;padding:0 15px;}.forum-board{background:#fff;border:1px solid #eaeaea;border-radius:12px;box-shadow:0 8px 25px rgba(0,0,0,0.04);overflow:hidden;margin-bottom:40px;}.board-header{background:#fcfbf9;padding:18px 30px;border-bottom:2px solid #b08e5e;display:flex;justify-content:space-between;font-weight:bold;font-size:1.05rem;}.board-row{display:flex;align-items:center;padding:30px;border-bottom:1px solid #eaeaea;transition:background 0.2s ease;}.board-row:hover{background:#fafafa;}.board-icon{font-size:2.2rem;color:#b08e5e;margin-right:25px;width:60px;height:60px;line-height:60px;text-align:center;background:#fdfbf7;border:1px solid #f2e9db;border-radius:50%;}.board-details{flex-grow:1;}.board-title{margin:0 0 8px 0;font-size:1.4rem;}.board-title a{color:#2b3e34;text-decoration:none;}.board-title a:hover{color:#b08e5e;}.board-stats{text-align:right;min-width:100px;padding-left:20px;border-left:1px solid #eaeaea;}.post-card{background:#fff;border:1px solid #eaeaea;border-radius:12px;margin-bottom:25px;box-shadow:0 4px 15px rgba(0,0,0,0.03);display:flex;overflow:hidden;}.post-author{background:#fcfbf9;padding:30px 20px;width:160px;border-right:1px solid #eaeaea;text-align:center;flex-shrink:0;}.author-avatar{font-size:3rem;margin-bottom:10px;color:#b08e5e;}.post-content{padding:30px;flex-grow:1;display:flex;flex-direction:column;}.reply-section{margin-top:50px;background:#fff;padding:40px;border-radius:12px;border:1px solid #eaeaea;box-shadow:0 8px 25px rgba(0,0,0,0.04);}.chat-container{max-width:800px;margin:40px auto;background:#fff;border-radius:12px;box-shadow:0 8px 25px rgba(0,0,0,0.05);border:1px solid #eaeaea;display:flex;flex-direction:column;}.chat-header{background:linear-gradient(135deg,#2b3e34 0%,#1a2620 100%);color:white;padding:20px 25px;text-align:center;border-bottom:3px solid #b08e5e;}.chat-box{height:500px;padding:25px;overflow-y:auto;background:#f4f7f6;display:flex;flex-direction:column;gap:15px;}.chat-message{background:#fff;padding:14px 18px;border-radius:15px 15px 15px 2px;box-shadow:0 2px 5px rgba(0,0,0,0.04);max-width:80%;align-self:flex-start;border:1px solid #eaeaea;}.chat-message.me{background:#fdfbf7;border:1px solid #eaddc4;border-radius:15px 15px 2px 15px;align-self:flex-end;}.chat-input-area{display:flex;padding:20px;background:#fff;border-top:1px solid #eaeaea;gap:15px;align-items:center;width:100%;}.chat-input-area input{flex:1;padding:14px 20px;border:1px solid #dcdcdc;border-radius:30px;font-size:1rem;min-height:50px;outline:none;box-sizing:border-box;}.chat-btn-send{height:50px;padding:0 30px;background-color:#b08e5e;color:white;border:none;border-radius:30px;font-weight:bold;font-size:1rem;cursor:pointer;white-space:nowrap;transition:all 0.2s ease;}.chat-btn-send:hover{background-color:#9a7b50;}@media(max-width:768px){.board-row{flex-direction:column;align-items:flex-start;}.board-icon{display:none;}.board-stats{text-align:left;padding-left:0;border-left:none;display:flex;gap:8px;margin-top:15px;}.post-card{flex-direction:column;}.post-author{width:auto;border-right:none;border-bottom:1px solid #eaeaea;display:flex;align-items:center;gap:20px;}}.faq-accordion{max-width:850px;margin:40px auto;padding:0 15px;}.faq-item{background:white;border:1px solid #eee;border-radius:6px;margin-bottom:15px;overflow:hidden;}.faq-question{width:100%;background:white;border:none;padding:20px;text-align:left;font-size:1.15rem;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background 0.2s;}.faq-question:hover{background:#fdfbf7;color:#b08e5e;}.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.3s ease-out,padding 0.3s ease-out;background:#fdfbf7;padding:0 20px;}.faq-item.active .faq-answer{max-height:500px;padding:5px 20px 20px 20px;}.faq-item.active .faq-arrow{transform:rotate(180deg);color:#b08e5e;}.calc-hero{background:#2b3e34;color:white;padding:40px 20px;text-align:center;}.calculator-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;max-width:1000px;margin:40px auto;padding:0 15px;}.calc-panel{background:white;padding:30px;border-radius:8px;border:1px solid #eee;box-shadow:0 4px 10px rgba(0,0,0,0.02);}.input-panel{border-top:4px solid #666;}.estimate-panel{border-top:4px solid #b08e5e;background:#fdfbf7;}.calc-panel h3{margin-top:0;margin-bottom:20px;font-size:1.3rem;color:#333;}.calc-input{padding:12px;border:1px solid #ccc;border-radius:4px;font-size:1rem;font-family:inherit;}.static-value{padding:12px 0;font-size:1.2rem;font-weight:bold;color:#2b3e34;}.results-panel{max-width:1000px;margin:0 auto 60px auto;padding:0 15px;}.results-wrapper{background:white;border:1px solid #eee;padding:35px;border-radius:8px;text-align:center;box-shadow:0 4px 15px rgba(0,0,0,0.03);}.savings-grid{display:flex;gap:20px;justify-content:center;margin:25px 0;}.savings-highlight{background:#f4f7f6;padding:20px 40px;border-radius:6px;border:1px solid #e0e0e0;min-width:200px;}.savings-label{display:block;font-size:0.9rem;color:#666;font-weight:bold;text-transform:uppercase;margin-bottom:5px;}.savings-amount{font-size:2rem;font-weight:bold;color:#777;transition:color 0.3s;}.insights-box{margin-top:30px;background-color:#fdfbf7;border-left:4px solid #b08e5e;padding:20px;text-align:left;border-radius:0 4px 4px 0;}@media(max-width:768px){.calculator-grid{grid-template-columns:1fr;gap:20px;}.savings-grid{flex-direction:column;align-items:center;}.savings-highlight{width:100%;box-sizing:border-box;}}.tool-hero{background:#2b3e34;color:white;padding:40px 20px;text-align:center;}.tool-layout{max-width:1100px;margin:40px auto;padding:0 15px;display:grid;grid-template-columns:2fr 1fr;gap:30px;}.tool-main{background:white;padding:35px;border-radius:8px;border:1px solid #eee;box-shadow:0 4px 10px rgba(0,0,0,0.02);}.tool-sidebar{display:flex;flex-direction:column;gap:20px;}.sidebar-box{background:#fdfbf7;border:1px solid #e9dfd1;padding:25px;border-radius:8px;}.input-helper-row{display:flex;align-items:center;gap:10px;margin-top:8px;}.btn-helper{background:#e9ecef;border:1px solid #ccc;padding:5px 10px;border-radius:4px;font-size:0.8rem;cursor:pointer;font-weight:bold;color:#555;transition:background 0.2s;}.btn-helper:hover{background:#ddd;}.btn-calculate{background:#b08e5e;color:white;border:none;padding:15px 30px;font-size:1.1rem;font-weight:bold;border-radius:4px;cursor:pointer;width:100%;transition:background 0.2s;}.btn-calculate:hover{background:#9a7b52;}.results-box{margin-top:40px;border-top:2px solid #eee;padding-top:30px;}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;}.btn-print{background:#fff;border:1px solid #b08e5e;color:#b08e5e;padding:8px 15px;border-radius:4px;cursor:pointer;font-weight:bold;transition:all 0.2s;}.btn-print:hover{background:#b08e5e;color:white;}.calc-table{width:100%;border-collapse:collapse;}.calc-table th,.calc-table td{padding:12px 15px;text-align:left;border-bottom:1px solid #eee;}.calc-table th{background:#f4f7f6;color:#333;}@media(max-width:768px){.tool-layout{grid-template-columns:1fr;}}@media print{.main-header,.site-footer,.tool-hero,.tool-sidebar,form,.btn-print{display:none!important;}.tool-main{border:none;box-shadow:none;padding:0;}.results-box{border-top:none;margin-top:0;padding-top:0;}}.resource-hero{background:#2b3e34;color:white;padding:40px 20px;text-align:center;}.resource-container{max-width:1000px;margin:40px auto;padding:0 15px;}.search-box{width:100%;padding:15px;border:1px solid #ccc;border-radius:4px;margin-bottom:25px;font-size:1rem;box-sizing:border-box;}.tab-group{display:flex;gap:10px;margin-bottom:30px;flex-wrap:wrap;}.tab-btn{background:#fff;border:1px solid #ccc;padding:10px 20px;border-radius:20px;cursor:pointer;color:#444;font-weight:bold;transition:all 0.2s;}.tab-btn.active,.tab-btn:hover{background:#b08e5e;color:white;border-color:#b08e5e;}.doc-item{background:#fff;border:1px solid #eee;border-radius:8px;padding:20px;margin-bottom:15px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 5px rgba(0,0,0,0.02);}.doc-left{display:flex;align-items:center;gap:20px;}.doc-icon{background:#f4f7f6;color:#b08e5e;font-weight:bold;width:60px;height:60px;display:flex;justify-content:center;align-items:center;border-radius:8px;font-size:1.1rem;border:1px solid #e0e0e0;flex-shrink:0;}.doc-info h4{margin:0 0 5px 0;font-size:1.2rem;color:#333;}.doc-info p{margin:0;color:#666;font-size:0.95rem;line-height:1.4;}.doc-actions{display:flex;gap:10px;flex-shrink:0;}.btn-view{background:#f4f7f6;color:#333;padding:10px 20px;border-radius:4px;text-decoration:none;font-weight:bold;border:1px solid #ddd;transition:background 0.2s;}.btn-download{background:#b08e5e;color:white;padding:10px 20px;border-radius:4px;text-decoration:none;font-weight:bold;transition:background 0.2s;}.btn-view:hover{background:#e9ecef;}.btn-download:hover{background:#9a7b52;}@media(max-width:768px){.doc-item{flex-direction:column;align-items:flex-start;gap:20px;}.doc-actions{width:100%;}.doc-actions a{flex:1;text-align:center;}}.library-hero{background:linear-gradient(rgba(43,62,52,0.4),rgba(0,0,0,0.5)),url('/assets/images/article-banner.webp');background-size:cover;background-position:center center;padding:80px 0 70px 0;text-align:center;color:white;}.article-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;max-width:1200px;margin:0 auto;}.article-card{background:#fff;border:1px solid #eee;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;transition:transform 0.2s;}.article-card:hover{transform:translateY(-5px);}.article-card-img{height:200px;overflow:hidden;}.article-card-img img{width:100%;height:100%;object-fit:cover;}.article-card-body{padding:20px;display:flex;flex-direction:column;flex-grow:1;}.article-category-label{font-size:0.85rem;color:#b08e5e;font-weight:bold;text-transform:uppercase;margin-bottom:10px;display:block;}.article-card-title{margin:0 0 15px 0;color:#333;font-size:1.3rem;line-height:1.4;}.faq-hero{background:linear-gradient(rgba(43,62,52,0.4),rgba(0,0,0,0.5)),url('/assets/images/faqs-banner.webp') no-repeat center center;background-size:cover;padding:80px 20px;text-align:center;}.faq-search-wrapper{max-width:600px;margin:0 auto;position:relative;display:flex;gap:10px;}.faq-search-input{flex-grow:1;padding:15px 25px;border-radius:30px;border:none;font-size:1.05rem;box-shadow:0 4px 15px rgba(0,0,0,0.3);outline:none;}.faq-clear-btn{display:none;padding:12px 25px;background:#f4f7f6;color:#555;border:none;border-radius:30px;font-weight:bold;cursor:pointer;box-shadow:0 4px 15px rgba(0,0,0,0.3);transition:background 0.2s;}.faq-accordion{max-width:900px;margin:40px auto;padding:0 15px;}.faq-category-title{margin:30px 0 15px 0;color:#333;font-size:1.5rem;}.faq-item{background:#fff;border:1px solid #ddd;margin-bottom:10px;border-radius:6px;overflow:hidden;}.faq-question{width:100%;padding:20px;text-align:left;background:#fff;border:none;cursor:pointer;font-size:1.1rem;font-weight:600;display:flex;justify-content:space-between;align-items:center;}.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.3s ease-out;padding:0 20px;color:#555;line-height:1.6;}.faq-item.active .faq-answer{max-height:500px;padding-bottom:20px;}.faq-arrow{font-size:0.8rem;}.faq-item.active .faq-arrow{transform:rotate(180deg);}.faq-contribute-section{padding:60px 20px;text-align:center;}.article-main{max-width:900px;margin:40px auto;padding:0 15px;margin-bottom:80px;}.article-content{background:white;padding:40px;border-radius:8px;border:1px solid #eee;box-shadow:0 4px 15px rgba(0,0,0,0.02);}.article-header{text-align:center;margin-bottom:40px;border-bottom:1px solid #eee;padding-bottom:30px;}.article-title{color:#333;font-size:2.6rem;line-height:1.2;margin-bottom:15px;}.article-body{line-height:1.8;color:#444;font-size:1.05rem;}.article-body h2{color:#2b3e34;margin-top:40px;font-size:1.6rem;border-bottom:2px solid #b08e5e;padding-bottom:8px;}.article-highlight-box{margin-top:50px;background-color:#fdfbf7;border-left:4px solid #b08e5e;padding:25px;border-radius:0 8px 8px 0;box-shadow:0 2px 8px rgba(0,0,0,0.01);}.article-highlight-box strong{color:#b08e5e;display:flex;align-items:center;gap:8px;font-size:1.2rem;margin-bottom:10px;}.page-header{text-align:center;margin:40px 0 30px 0;padding:0 15px;}.article-container{max-width:800px;margin:0 auto 80px auto;background:#fff;padding:40px;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,0.05);border:1px solid #eee;line-height:1.8;color:#444;font-size:1.05rem;}.article-container h2{color:#b08e5e;margin:35px 0 15px 0;font-size:1.5rem;border-bottom:1px solid #eee;padding-bottom:10px;}.article-container ul{margin-bottom:25px;padding-left:20px;}.article-container li{margin-bottom:10px;}.info-box{background:#f8f9fa;border-left:4px solid #b08e5e;padding:20px;margin:25px 0;border-radius:0 4px 4px 0;}.fav-btn{background:rgba(255,255,255,0.9);border:1px solid #eee;border-radius:50%;width:40px;height:40px;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,0.1);transition:transform 0.2s;float:right;margin-left:15px;}.fav-btn:hover{transform:scale(1.1);}body.archive-view,body.article-view,body.property-view{background-color:#f4f7f6;}.advanced-search{background:#fff;padding:30px 35px;border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,0.08);border:1px solid #eaeaea;margin-top:-50px;position:relative;z-index:10;width:100%;box-sizing:border-box;}.filter-form{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;align-items:flex-end;width:100%;}.filter-group{flex:1;min-width:180px;display:flex;flex-direction:column;}.filter-group label{font-weight:600;margin-bottom:8px;color:#333;font-size:0.95rem;text-transform:uppercase;letter-spacing:1px;}.filter-group input{width:100%;padding:12px 15px;border:1px solid #dcdcdc;border-radius:6px;font-size:0.95rem;background-color:#fafbfc;box-sizing:border-box;height:46px;outline:none;transition:all 0.2s ease;}.filter-group select{width:100%;padding:10px 12px;border:1px solid #dcdcdc;border-radius:6px;font-size:0.95rem;background-color:#fafbfc;box-sizing:border-box;min-height:46px;height:auto;line-height:normal;appearance:auto;outline:none;transition:all 0.2s ease;}.filter-group input:focus,.filter-group select:focus{border-color:#b08e5e;background-color:#fff;box-shadow:0 0 0 4px rgba(176,142,94,0.15);}.filter-btn-group{display:flex;flex-direction:row;flex-wrap:wrap;gap:15px;flex:1.5;min-width:250px;align-items:flex-end;}@media (max-width:768px){.advanced-search{padding:20px;}.filter-form{flex-direction:column;align-items:stretch;}.filter-btn-group{flex-direction:column;width:100%;margin-top:10px;}.filter-btn-group button{width:100%;justify-content:center;}}.property-grid,.archive-results,.sites-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;margin-top:30px;width:100%;}.prop-card,.site-card,.card.model-card{background:#fff;border-radius:12px;box-shadow:0 8px 20px rgba(0,0,0,0.06);border:1px solid #eaeaea;display:flex;flex-direction:column;transition:transform 0.2s ease,box-shadow 0.2s ease;position:relative;height:100%;padding:20px;}.prop-card:hover,.site-card:hover,.card.model-card:hover{transform:translateY(-5px);box-shadow:0 12px 25px rgba(0,0,0,0.12);}.prop-card img,.site-card img,.card.model-card .company-img{width:calc(100% + 40px);margin:-20px -20px 20px -20px;height:150px;object-fit:cover;border-bottom:1px solid #eee;display:block;}.prop-placeholder{height:150px;background:#fafbfc;display:flex;align-items:center;justify-content:center;font-size:3.5rem;border-bottom:1px solid #eee;margin:-20px -20px 20px -20px;}.prop-card-content,.card-content{flex-grow:1;display:flex;flex-direction:column;}.prop-card-price{font-size:1.5rem;font-weight:bold;color:#b08e5e;margin:0 0 10px 0;}.prop-card-title{margin:0 0 8px 0;font-size:1.2rem;line-height:1.4;}.prop-card-stats{display:flex;gap:15px;border-top:1px solid #eee;padding-top:15px;margin-top:auto;font-weight:600;font-size:0.9rem;text-transform:uppercase;}.status-badge{position:absolute;top:15px;right:15px;background:#2b3e34;color:white;padding:8px 14px;border-radius:30px;font-size:0.85rem;font-weight:bold;text-transform:uppercase;z-index:2;}.status-badge.sold{background:#b08e5e;}.property-detail-page{padding:40px 20px;max-width:1200px;margin:0 auto;}.property-layout{display:grid;grid-template-columns:2fr 1fr;gap:40px;padding:20px;background:#fff;border-radius:8px;border:1px solid #eee;}.property-gallery{display:grid;grid-template-columns:2fr 1fr;gap:15px;margin-bottom:40px;height:500px;}.main-image{border-radius:8px;overflow:hidden;height:100%;}.thumbnail-grid{display:grid;grid-template-rows:repeat(3,1fr);gap:15px;}.thumb{border-radius:8px;overflow:hidden;height:100%;cursor:pointer;}.property-info{padding-right:20px;}.property-header-info{border-bottom:1px solid #EEE;padding-bottom:20px;margin-bottom:30px;}.property-header-info h1{font-size:2.5rem;font-weight:300;}.property-stats{display:flex;gap:20px;margin-bottom:40px;flex-wrap:wrap;}.stat-box{background-color:#FAFAFA;padding:15px 25px;border-radius:8px;text-align:center;border:1px solid #EEE;min-width:120px;}.property-features{background:#fdfbf7;border:1px solid #eee;border-radius:8px;padding:25px;margin:30px 0;}.property-features ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;}.property-features li{position:relative;padding-left:25px;font-weight:500;}.property-features li::before{content:'✓';position:absolute;left:0;color:#b08e5e;font-weight:bold;}.contact-owner-card{background-color:#fff;padding:30px;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,0.08);position:sticky;top:100px;}.error-container{padding:100px 20px;text-align:center;font-family:sans-serif;}.error-link{color:#b08e5e;font-weight:bold;text-decoration:none;}.empty-main-img{height:100%;display:flex;align-items:center;justify-content:center;font-size:4rem;color:#ccc;background-color:#eaeaea;}.empty-thumb{background-color:#f9f9f9;display:flex;align-items:center;justify-content:center;border:1px dashed #ddd;}.empty-thumb-icon{color:#ccc;font-size:1.5rem;}.badge-sold{background:var(--olive-green,#556b2f);color:white;padding:4px 10px;font-size:1rem;border-radius:4px;vertical-align:middle;margin-left:10px;}.sold-title{color:var(--olive-green,#556b2f);text-align:center;margin-top:0;}.sold-text{text-align:center;margin-bottom:20px;}.btn-primary.full-width{display:block;box-sizing:border-box;width:100%;text-align:center;}@media (max-width:900px){.property-layout,.property-gallery{grid-template-columns:1fr;}.directory-wrapper{flex-direction:column;}.region-sidebar{width:100%;}}.directory-wrapper{display:flex;gap:30px;max-width:1300px;margin:40px auto 80px auto;padding:0 20px;}.region-sidebar{width:220px;flex-shrink:0;}.sidebar-title{font-size:1.1rem;font-weight:700;color:#333;margin-bottom:15px;border-bottom:2px solid #b08e5e;padding-bottom:5px;}.filter-btn,.cat-btn{display:block;width:100%;padding:12px 15px;background:#fff;border:1px solid #eaeaea;border-radius:6px;text-align:left;margin-bottom:8px;cursor:pointer;font-weight:500;color:#555;transition:all 0.2s ease;}.filter-btn:hover,.cat-btn:hover{background:#fdfbf7;border-color:#eaddc4;}.filter-btn.active,.cat-btn.active{background:#b08e5e;color:#fff;border-color:#b08e5e;}.main-content{flex-grow:1;}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:3px 3px;margin-bottom:40px;}.supplier-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;}.supplier-card{background:#fff;border-radius:12px;border:1px solid #eaeaea;box-shadow:0 8px 20px rgba(0,0,0,0.04);display:flex;flex-direction:column;overflow:hidden;position:relative;transition:transform 0.2s ease;}.supplier-card:hover{transform:translateY(-5px);box-shadow:0 12px 25px rgba(0,0,0,0.1);}.supplier-card.is-featured{border:2px solid #b08e5e;}.supplier-card .company-img{width:100%;height:170px;object-fit:cover;margin:0;border-bottom:1px solid #eee;background-color:#f9f9f9;display:block;}.supplier-card-body{padding:20px;display:flex;flex-direction:column;flex-grow:1;}.featured-badge-container{position:absolute;top:15px;right:15px;z-index:10;}.featured-badge{background:#b08e5e;color:white;padding:4px 10px;border-radius:4px;font-size:0.75rem;font-weight:bold;text-transform:uppercase;box-shadow:0 2px 5px rgba(0,0,0,0.2);}.btn-row{display:flex;gap:10px;margin-top:auto;padding-top:20px;}.btn-row a{flex:1;text-align:center;padding:10px;border-radius:4px;text-decoration:none;font-weight:600;font-size:0.9rem;}.btn-row .web{background:#f4f7f6;color:#2b3e34;}.btn-row .tel{background:#b08e5e;color:#fff;}.archive-hero,.sites-hero{background:linear-gradient(rgba(43,62,52,0.8),rgba(43,62,52,0.95)),url('/assets/images/ParkhomePropertyBanner.webp');background-size:cover;background-position:center;color:white;padding:80px 20px;text-align:center;}dl.site-features{display:grid;grid-template-columns:max-content 1fr;gap:8px 10px;margin:0 0 15px 0;font-size:0.95rem;color:#555;}dl.site-features dt{font-weight:bold;margin:0;display:flex;align-items:flex-start;}dl.site-features dd{margin:0;display:flex;align-items:flex-start;}.view-hero{background-color:#2b3e34;color:white;padding:40px 20px;text-align:center;}.archive-hero-container{max-width:1200px;margin:0 auto;padding:0 15px;position:relative;}.back-link-wrapper{text-align:left;margin-bottom:20px;}.btn-back{color:#b08e5e;text-decoration:none;font-weight:bold;font-size:0.9rem;}.hero-manufacturer{color:#b08e5e;font-weight:bold;text-transform:uppercase;margin-bottom:5px;letter-spacing:1px;}.hero-model-name{margin:0;font-size:2.5rem;color:white;}.model-container{max-width:1200px;margin:40px auto;padding:0 15px;display:grid;grid-template-columns:1fr 1fr;gap:40px;}.model-image-box img{width:100%;height:auto;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,0.1);border:1px solid #eee;}.model-specs{background:#fff;padding:30px;border-radius:8px;border:1px solid #eee;box-shadow:0 4px 10px rgba(0,0,0,0.03);}.specs-title{margin-top:0;margin-bottom:20px;font-size:1.5rem;}.specs-list{margin:0;padding:0;}.spec-row{display:flex;padding:12px 0;border-bottom:1px solid #eee;}.spec-row:last-child{border-bottom:none;}.spec-label{font-weight:bold;color:#333;width:150px;}.spec-value{color:#666;flex-grow:1;margin-left:0;}.model-description{color:#555;line-height:1.6;margin:0;}.floorplan-wrapper{text-align:center;background:#fdfbf7;padding:15px;border-radius:6px;border:1px solid #eaddc4;}.floorplan-img{max-width:100%;height:auto;border-radius:4px;}.floorplan-hint{font-size:0.85rem;color:#888;margin:10px 0 0 0;}.archive-view .section-subtitle{margin-top:30px;margin-bottom:15px;font-size:1.2rem;border-top:1px solid #eee;padding-top:20px;}.archive-view a.btn-outline{text-decoration:none;}.gallery-section{max-width:1200px;margin:60px auto;padding:40px 15px;background:#fff;border-radius:8px;border:1px solid #eee;}.gallery-header{text-align:center;margin-bottom:30px;}.gallery-title{font-size:2rem;margin-bottom:10px;}.gallery-subtitle{color:#666;font-size:1.1rem;margin:0;}.empty-gallery-msg{text-align:center;color:#888;font-style:italic;padding:20px 0;}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-top:30px;}.gallery-item img{width:100%;height:200px;object-fit:cover;border-radius:6px;border:1px solid #ccc;}.gallery-caption{font-size:0.9rem;color:#555;margin-top:10px;font-style:italic;text-align:center;}.upload-cta{background:#fdfbf7;border:2px dashed #b08e5e;padding:40px;text-align:center;border-radius:8px;margin-top:40px;}.upload-title{margin-top:0;color:#333;}.upload-desc{color:#555;margin-bottom:25px;}.btn-upload{padding:12px 30px;border-radius:4px;text-decoration:none;font-weight:bold;display:inline-block;}.login-warning{font-size:0.95rem;color:#721c24;background:#f8d7da;display:inline-block;padding:10px 20px;border-radius:4px;margin:0;}@media(max-width:800px){.model-container{grid-template-columns:1fr;}}.article-container{max-width:800px;margin:40px auto;padding:20px;}.locked-box{background:#fff;padding:40px;border-radius:8px;border:1px solid #ddd;text-align:center;box-shadow:0 4px 6px rgba(0,0,0,0.05);}.locked-icon{font-size:3rem;margin-bottom:20px;}.locked-title{color:#333;}.locked-text{color:#555;margin-bottom:30px;}.btn-join{display:inline-block;padding:12px 30px;background:#b08e5e;color:#fff;text-decoration:none;border-radius:4px;font-weight:bold;}.login-prompt{margin-top:20px;font-size:0.9rem;}.article-category{color:#b08e5e;text-transform:uppercase;font-weight:bold;font-size:0.8rem;letter-spacing:1px;}.article-title{margin:10px 0;color:#333;}.article-meta{color:#777;margin-bottom:30px;}.article-featured-img{width:100%;border-radius:8px;margin-bottom:30px;}.article-contribution-img{width:100%;max-height:450px;object-fit:cover;border-radius:8px;margin-bottom:30px;}.article-body{line-height:1.8;color:#444;font-size:1.1rem;}.hub-header-container{max-width:850px;margin:0 auto;}.hero-actions{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;}.hero-browse-btn{background:rgba(255,255,255,0.1);color:white!important;border:2px solid white!important;padding:16px 40px;text-decoration:none;border-radius:6px;font-weight:bold;font-size:1.1rem;transition:all 0.3s ease;}.hero-browse-btn:hover{background:white;color:var(--olive-green)!important;}.keyword-search-wrapper{position:relative;width:100%;display:flex;align-items:center;}.keyword-search-wrapper input{width:100%;box-sizing:border-box;padding-right:90px;margin:0;}.keyword-clear-btn{position:absolute;right:45px;width:40px;height:100%;background:none;border:none;cursor:pointer;display:none;align-items:center;justify-content:center;font-size:1.5rem;color:#aaa;transition:color 0.2s;z-index:10;}.keyword-voice-btn{position:absolute;right:5px;width:40px;height:80%;background:none;border:none;border-radius:50%;cursor:pointer;display:none;align-items:center;justify-content:center;transition:background-color 0.3s;font-size:1.2rem;z-index:10;}.marketplace-filter-btn-row{margin-top:0;padding:14px 20px;flex:2;}.marketplace-clear-all-btn{flex:1;text-align:center;border-radius:30px;}.prop-card-description{margin-bottom:25px;color:#666;font-size:0.95rem;line-height:1.5;flex-grow:1;}.prop-card-link-btn{display:block;text-align:center;border-radius:30px;}.no-results-alert{display:none;text-align:center;width:100%;grid-column:1 / -1;font-size:1.2rem;color:#666;padding:60px 0;background:#fff;border-radius:8px;border:1px solid #eaeaea;}.empty-marketplace-alert{text-align:center;width:100%;grid-column:1 / -1;font-size:1.2rem;color:#666;padding:60px 0;background:#fff;border-radius:8px;border:1px solid #eaeaea;}.property-view .hub-page-header{background:linear-gradient(rgba(43,62,52,0.7),rgba(0,0,0,0.6)),url('/assets/images/properties-banner.webp');background-position:center center;background-repeat:no-repeat;background-size:cover;padding:100px 20px 120px 20px;text-align:center;}.archive-hero{background:linear-gradient(rgba(43,62,52,0.4),rgba(0,0,0,0.5)),url('/assets/images/archive-banner.webp') no-repeat center center;background-size:cover;padding:100px 20px 120px 20px;text-align:center;}.archive-hero .container{max-width:800px;margin:0 auto;}.archive-hero h1{color:white;font-size:3rem;margin-top:0;margin-bottom:15px;}.archive-hero p{font-size:1.25rem;color:white;margin-bottom:35px;}.btn-submit-model{display:inline-block;padding:15px 35px;font-size:1.1rem;font-weight:bold;background-color:#b08e5e;color:white;text-decoration:none;border-radius:30px;box-shadow:0 4px 10px rgba(0,0,0,0.2);transition:transform 0.2s;}.directory-wrapper{margin-top:40px;}.filter-btn.ceased{opacity:0.8;}.search-container{margin-bottom:30px;display:flex;gap:10px;}.search-input-wrapper{position:relative;flex-grow:1;}.search-input-wrapper .search-box{width:100%;box-sizing:border-box;padding:14px 90px 14px 20px;font-size:1.1rem;border:1px solid #ccc;border-radius:4px;outline:none;}.search-input-wrapper .icon-btn{position:absolute;top:8px;bottom:8px;width:40px;background:none;border:none;cursor:pointer;display:none;align-items:center;justify-content:center;z-index:10;}#clear-btn{right:48px;font-size:1.5rem;color:#aaa;}#voice-btn{right:8px;border-radius:50%;font-size:1.2rem;}.btn-search{padding:14px 30px;font-size:1.1rem;}.archive-results .model-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;height:100%;}.model-card .fav-btn{position:absolute;top:15px;right:15px;z-index:5;background:rgba(255,255,255,0.8);border:none;padding:5px;border-radius:50%;cursor:pointer;}.model-card img{width:100%;height:220px;object-fit:cover;display:block;flex-shrink:0;}.model-card .card-info{display:flex;flex-direction:column;flex-grow:1;padding:20px;box-sizing:border-box;}.model-card .maker-label{font-size:0.85rem;color:#b08e5e;font-weight:bold;text-transform:uppercase;margin-bottom:5px;}.model-card h3{margin-bottom:15px;font-size:1.4rem;margin-top:0;}.model-card dl{color:#555;font-size:0.95rem;margin-bottom:20px;margin-top:0;flex-grow:1;}.model-card dl div{margin-bottom:5px;}.model-card dl dt,.model-card dl dd{display:inline;}.model-card dl dt{font-weight:bold;}.model-card .btn-row{margin-top:auto;width:100%;}.model-card .btn-outline{border:2px solid #b08e5e;color:#b08e5e;width:100%;box-sizing:border-box;text-align:center;display:block;text-decoration:none;padding:10px 0;font-weight:bold;border-radius:4px;}.form-group{margin-bottom:25px;}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333;font-size:1.05rem;}.form-group input,.form-group textarea,.form-group select{width:100%;padding:14px 16px;border:1px solid #dcdcdc;border-radius:6px;box-sizing:border-box;font-size:1rem;color:#444;transition:all 0.2s ease-in-out;background-color:#fafbfc;font-family:inherit;}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#b08e5e;background-color:#fff;box-shadow:0 0 0 4px rgba(176,142,94,0.15);}.form-help-text{font-size:0.85rem;color:#777;margin-top:5px;display:block;line-height:1.4;}.auth-container{max-width:500px;margin:60px auto;padding:40px 30px;background:#fff;border-radius:12px;box-shadow:0 8px 25px rgba(0,0,0,0.05);border:1px solid #eaeaea;}.auth-gate{text-align:center;background:#fff;padding:60px 40px;border-radius:12px;box-shadow:0 8px 25px rgba(0,0,0,0.05);max-width:650px;margin:0 auto;border:1px solid #eaeaea;}.listing-form-container{max-width:850px;margin:-40px auto 80px auto;background:#fff;padding:40px 50px;border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,0.08);border:1px solid #eaeaea;position:relative;z-index:2;}.form-section{margin-bottom:45px;}.form-section-title{border-bottom:2px solid #b08e5e;padding-bottom:12px;margin-bottom:25px;color:#333;font-size:1.5rem;}.form-row{display:flex;gap:20px;}.checkbox-group{margin-bottom:15px;display:flex;align-items:center;background:#fdfbf7;padding:15px 20px;border:1px solid #eaddc4;border-radius:6px;cursor:pointer;transition:background 0.2s;}.checkbox-group:hover{background:#f5eedf;}.checkbox-group input[type="checkbox"]{margin-right:15px;width:22px;height:22px;accent-color:#b08e5e;cursor:pointer;}.checkbox-group label,.checkbox-group span{color:#444;font-size:1.05rem;cursor:pointer;width:100%;margin:0;}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:15px;}.checkbox-grid .checkbox-group{margin-bottom:0;padding:12px 15px;}.image-upload-area{background:#fafbfc;padding:40px 20px;border:2px dashed #b08e5e;border-radius:8px;text-align:center;transition:background 0.2s;}.image-upload-area:hover{background:#fdfbf7;}.price-banner{background:#fdfbf7;border:1px solid #eaddc4;padding:25px;text-align:center;border-radius:8px;margin-bottom:35px;}.price-banner strong{font-size:1.6rem;color:#b08e5e;display:block;margin-bottom:8px;}.loading-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.95);z-index:9999;justify-content:center;align-items:center;flex-direction:column;}@media (max-width:650px){.form-row{flex-direction:column;gap:0;}.listing-form-container{padding:30px 20px;margin-top:-20px;}}.btn-register{width:100%;padding:15px;background:#b08e5e;color:white;border:none;border-radius:30px;cursor:pointer;font-weight:bold;font-size:1.1rem;transition:all 0.2s;display:block;text-align:center;text-decoration:none;margin-top:15px;}.btn-register:hover{background:#9a7b50;transform:translateY(-2px);box-shadow:0 4px 10px rgba(176,142,94,0.3);}.alert-error,.alert-warning{background:#fdf2f2;color:#d9534f;padding:15px;border-radius:6px;margin-bottom:25px;border:1px solid #fadddd;}.alert-error ul,.alert-warning ul{margin:0;padding-left:20px;}
#wordle-wrapper{font-family:'Clear Sans','Helvetica Neue',Arial,sans-serif;background-color:#121213;color:#fff;display:flex;flex-direction:column;align-items:center;padding:20px 20px 80px 20px;box-sizing:border-box;width:100%;border-radius:0 0 8px 8px}#word-message-container{height:40px;display:flex;justify-content:center;align-items:center;margin-bottom:10px;position:relative;width:100%}.word-message{background-color:#fff;color:#000;padding:10px 15px;border-radius:4px;font-weight:700;opacity:0;transition:opacity .3s ease;pointer-events:none;position:absolute;z-index:10}.word-message.show{opacity:1}#word-reset-button{display:none;background-color:#538d4e;color:#fff;border:none;padding:10px 20px;font-size:1rem;font-weight:700;border-radius:4px;cursor:pointer;margin-bottom:10px;transition:background-color .2s}#word-reset-button:hover{background-color:#43703e}#word-board{display:grid;grid-template-rows:repeat(6,1fr);grid-gap:5px;margin-bottom:30px}.word-row{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:5px}.word-tile{position:relative;width:60px;height:60px;border:2px solid #3a3a3c;display:flex;justify-content:center;align-items:center;font-size:2rem;font-weight:700;text-transform:uppercase;box-sizing:border-box;color:#fff}.word-tile.correct::after{content:'✔';position:absolute;top:2px;right:4px;font-size:.9rem;color:#fff}.word-tile.correct{background-color:#538d4e;border-color:#538d4e}.word-tile.present{background-color:#b59f3b;border-color:#b59f3b}.word-tile.absent{background-color:#3a3a3c;border-color:#3a3a3c}.word-tile.active{border-color:#565758;animation:pop .1s ease-in-out}@keyframes pop{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes flip{0%{transform:rotateX(0);background-color:transparent;border-color:#565758}50%{transform:rotateX(90deg);background-color:transparent;border-color:#565758}50.1%,100%{background-color:var(--bg-colour);border-color:var(--bg-colour)}100%{transform:rotateX(0)}}.flip{animation:flip .5s ease-in forwards}#word-keyboard{display:flex;flex-direction:column;align-items:center;width:100%;max-width:500px}.word-keyboard-row{display:flex;justify-content:center;width:100%;margin-bottom:8px;touch-action:manipulation}.word-key{font-family:inherit;font-weight:700;border:0;padding:0;margin:0 3px;height:58px;border-radius:4px;cursor:pointer;background-color:#818384;color:#fff;flex:1;display:flex;justify-content:center;align-items:center;text-transform:uppercase;font-size:1.1rem;user-select:none;transition:background-color .2s}.word-key:active{transform:scale(.95)}.word-key.large{flex:1.5;font-size:.9rem}.word-key.correct{background-color:#538d4e}.word-key.present{background-color:#b59f3b}.word-key.absent{background-color:#3a3a3c}.centered-card{grid-column:1 / -1;margin:0 auto;width:100%;max-width:600px}
.centered-card .puzzle-container{max-height:none;padding-bottom:0}