.answer-button{background:linear-gradient(145deg,var(--warm-cream) 0%,#fff 100%);color:var(--deep-earth);padding:12px 16px;text-align:left;border:2px solid var(--warm-tan);transition:all .3s ease;font-weight:500;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.answer-button:not(.selected){background:linear-gradient(145deg,var(--warm-cream) 0%,#fff 100%)!important;color:var(--deep-earth)!important;border-color:var(--warm-tan)!important;transform:none!important}.answer-button:hover{background:linear-gradient(145deg,var(--warm-tan) 0%,var(--light-sand) 100%);border-color:var(--earth-brown);transform:translateY(-1px);box-shadow:0 4px 8px #8b451333}.answer-button:focus{outline:2px solid var(--earth-brown);outline-offset:2px}.answer-button:focus:not(:focus-visible){outline:none}.answer-button:active{transform:translateY(0);box-shadow:0 2px 4px #8b451333}.answer-button.selected{background:linear-gradient(145deg,var(--earth-brown) 0%,var(--deep-earth) 100%);color:var(--warm-cream);border-color:var(--deep-earth);box-shadow:0 4px 8px #8b45134d;transform:translateY(-1px)}.answer-button.selected:hover{background:linear-gradient(145deg,var(--deep-earth) 0%,var(--earth-brown) 100%);transform:translateY(-2px);box-shadow:0 6px 12px #8b451366}.answer-button.selected:focus{outline:2px solid var(--warm-cream);outline-offset:2px}.answer-button.selected:active{transform:translateY(-1px);box-shadow:0 3px 6px #8b45134d}.answer-button.selected .option-description{color:var(--light-sand)}.option-description{font-size:.9rem;color:#666;margin-top:.3rem;font-weight:400}.multiple-selection-info{margin-top:1rem;padding:1rem;background:linear-gradient(145deg,var(--light-sand) 0%,#fff 100%);border-radius:8px;border-left:4px solid var(--earth-brown)}.selected-items{margin:.8rem 0;padding:.8rem;background:linear-gradient(145deg,var(--earth-brown) 0%,var(--deep-earth) 100%);color:var(--warm-cream);border-radius:6px;font-size:.9rem;line-height:1.4;box-shadow:0 2px 4px #8b451333}.continue-button{margin-top:1rem;width:100%}.results-list{display:flex;flex-direction:column;gap:1rem}.result-card{background:linear-gradient(145deg,#fff 0%,var(--warm-cream) 100%);padding:1.5rem;border-radius:12px;border:2px solid var(--warm-tan);text-align:left;position:relative;box-shadow:0 2px 8px #8b45131a}.result-card.best-match{border-color:var(--earth-brown);background:linear-gradient(145deg,var(--light-sand) 0%,var(--warm-cream) 100%);box-shadow:0 4px 12px #8b451333}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.result-header h3{margin:0;color:var(--deep-earth);font-size:1.3rem}.confidence{background:linear-gradient(145deg,var(--earth-brown) 0%,var(--deep-earth) 100%);color:var(--warm-cream);padding:.3rem .8rem;border-radius:20px;font-size:.9rem;font-weight:700;box-shadow:0 2px 4px #8b45134d}.rock-type{font-weight:700;color:var(--deep-earth);margin:0 0 .5rem;text-transform:uppercase;font-size:.9rem}.description{color:var(--deep-earth);line-height:1.5;margin-bottom:1rem}.rock-info-link{margin-bottom:1rem}.geology-link{display:inline-block;background:#2e7d32;color:#fff;text-decoration:none;padding:8px 12px;border-radius:4px;font-size:.9rem;transition:background-color .3s;border:none}.geology-link:hover{background:#1b5e20;text-decoration:none}.geology-link:visited{color:#fff}.properties h4{margin:0 0 .5rem;color:var(--deep-earth);font-size:1rem}.properties ul{margin:0;padding-left:1.5rem}.properties li{margin-bottom:.3rem;text-transform:capitalize;color:var(--deep-earth)}.best-match-badge{position:absolute;top:-8px;right:1rem;background:#4caf50;color:#fff;padding:.3rem .8rem;border-radius:4px;font-size:.8rem}.no-results{background:#fff;padding:2rem;border-radius:8px;text-align:center}.no-results h3{color:#d32f2f;margin-top:0}.suggestions{text-align:left;margin-top:1.5rem}.suggestions h4{color:#2c5530;margin-bottom:.5rem}.suggestions ul{padding-left:1.5rem}.suggestions li{margin-bottom:.5rem}.result-actions{margin-top:2rem;text-align:center;display:flex;flex-direction:column;gap:1rem}.primary-button{background:linear-gradient(145deg,var(--earth-brown) 0%,var(--deep-earth) 100%);color:var(--warm-cream);padding:12px 24px;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:700;transition:all .3s ease;box-shadow:0 3px 6px #8b45134d}.primary-button:hover{background:linear-gradient(145deg,var(--deep-earth) 0%,var(--earth-brown) 100%);transform:translateY(-2px);box-shadow:0 5px 10px #8b451366}.secondary-button{background:linear-gradient(145deg,var(--stone-gray) 0%,var(--warm-tan) 100%);color:var(--warm-cream);padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .3s}.secondary-button:hover{background:#616161}.future-features{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #e0e0e0}.disabled-button{background:#e0e0e0;color:#9e9e9e;padding:8px 16px;border:none;border-radius:4px;cursor:not-allowed;font-size:.85rem}.results-summary{text-align:center;margin-bottom:1.5rem;padding:1rem;background:#e8f5e8;border-radius:8px;border-left:4px solid #4CAF50}.results-summary p{margin:0;font-weight:500;color:#2c5530}.high-confidence{margin-top:1rem;padding:.8rem;background:#e8f5e8;border-radius:4px;border-left:4px solid #4CAF50}.high-confidence p{margin:0;color:#2c5530;font-size:.9rem}.no-results ul{text-align:left;padding-left:1.5rem}.no-results li{margin-bottom:.5rem}@media (max-width: 768px){#root{padding:1rem}.App{max-width:100%}.header-content{flex-direction:column;gap:.5rem}.app-logo{width:90px;height:90px}.header-text h1{font-size:2rem}.start-screen,.questions-screen,.results-screen{padding:1.5rem}.result-header{flex-direction:column;align-items:flex-start;gap:.5rem}.result-actions{gap:.8rem}.future-features{margin-top:.8rem}}.carbonate-warning{margin:1.5rem 0;padding:1.5rem;background:linear-gradient(135deg,#fff4e6,#ffeaa7);border:2px solid #e17055;border-radius:12px;box-shadow:0 4px 12px #0000001a}.carbonate-warning h3{color:#b33c1f;margin:0 0 1rem;font-size:1.2rem;font-weight:600}.carbonate-warning p{color:#5d4e37;margin:.5rem 0;line-height:1.6}.carbonate-warning ol{color:#5d4e37;margin:1rem 0;padding-left:1.5rem}.carbonate-warning li{margin:.5rem 0;line-height:1.5}.carbonate-warning ul{margin:.5rem 0;padding-left:1.5rem}.carbonate-warning ul li{margin:.3rem 0;color:#5d4e37}.carbonate-warning em{color:#8b4513;font-style:italic;font-size:.95em}.diagnostic-identification{background:linear-gradient(145deg,#2d5a27,#1a4b1a);border:2px solid #4a8c57;border-radius:12px;padding:1.5rem;margin:1.5rem 0;box-shadow:0 4px 12px #2a502a4d}.diagnostic-identification h3{color:#90ee90;margin-top:0;margin-bottom:1rem;font-size:1.3rem;text-align:center}.diagnostic-identification p{color:#e8f5e8;margin-bottom:.8rem;line-height:1.5}.diagnostic-identification em{color:#90ee90;font-style:italic;font-size:.95em;display:block;text-align:center;margin-top:1rem;padding-top:1rem;border-top:1px solid #4a8c57}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body.fieldbook{font-family:Georgia,Times New Roman,Times,serif;background:#f8f5f0;color:#2c3e50;margin:0;padding:0}body.fieldbook header,body.fieldbook nav,body.fieldbook footer{background:#8b4513;color:#fff;padding:1rem 2rem}body.fieldbook h1,body.fieldbook h2,body.fieldbook h3,body.fieldbook h4,body.fieldbook h5,body.fieldbook h6{font-family:Georgia,Times New Roman,Times,serif;color:#8b4513;margin-top:1.5rem;margin-bottom:.5rem}body.fieldbook a{color:#2563eb;text-decoration:underline}body.fieldbook a:hover{color:tan}body.fieldbook main,body.fieldbook .container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #2c3e5014;margin:2rem auto;max-width:800px;padding:2rem}body.fieldbook button,body.fieldbook .btn{background:#2563eb;color:#fff;border:none;border-radius:4px;padding:.5rem 1.25rem;font-size:1rem;cursor:pointer;margin:.5rem 0;transition:background .2s}body.fieldbook button:hover,body.fieldbook .btn:hover{background:#8b4513}body.fieldbook .card,body.fieldbook .rock-card{background:#f8f5f0;border:1px solid #d2b48c;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 1px 4px #2c3e500d}body.fieldbook img{max-width:100%;border-radius:4px}.text-center{text-align:center}.mt-2{margin-top:2rem}.mb-2{margin-bottom:2rem}@media (max-width: 600px){body.fieldbook{font-size:1.05rem;padding:0}body.fieldbook main,body.fieldbook .container{margin:.5rem;padding:.75rem;max-width:100vw;border-radius:.5rem;box-shadow:0 1px 4px #2c3e500f}body.fieldbook header,body.fieldbook nav,body.fieldbook footer{padding:.75rem 1rem;font-size:1.1rem}body.fieldbook h1,body.fieldbook h2,body.fieldbook h3,body.fieldbook h4,body.fieldbook h5,body.fieldbook h6{margin-top:1rem;margin-bottom:.4rem;font-size:1.15em}body.fieldbook button,body.fieldbook .btn{width:100%;font-size:1.1rem;padding:1rem .5rem;margin:.5rem 0;border-radius:.5rem}body.fieldbook .card,body.fieldbook .rock-card{padding:1rem;margin-bottom:1rem;border-radius:.5rem}body.fieldbook img{border-radius:.5rem}}
