header.card{background:teal;border-radius:8px;margin:1rem 1.5rem 0;display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;color:#fff;box-shadow:0 4px 6px #0000001a}.layout{display:flex;justify-content:center;align-items:flex-start;gap:1rem;padding:0 1rem}.nav-card{background:#fff;border:1px solid #ddd;border-radius:8px;padding:1rem;box-shadow:0 2px 4px #0000000d}.nav-vertical button{background:#fff;border:2px solid #008080;padding:.6rem 1rem;text-align:left;cursor:pointer;font-weight:600;border-radius:4px;transition:background .2s ease,color .2s ease;color:teal}.nav-vertical button.active{background:teal;color:#fff}.content-area.card{background:#fff;border:1px solid #ddd;border-radius:8px;padding:1.5rem;margin-bottom:1rem;box-shadow:0 2px 4px #0000000d;flex:1;max-width:720px}.btn{background:teal;border:none;margin:5px;padding:.6rem 1.2rem;color:#fff;border-radius:4px;cursor:pointer;transition:background .3s ease}.btn:hover{background:#066}.card--result>h2{margin-top:0}.inputLabel{margin-right:5px}footer.card{background:#e0f2f1;border:1px solid #ddd;border-radius:8px;padding:1rem;margin:0 1.5rem 1rem;text-align:center;font-size:.9rem;color:#555}@media (max-width: 800px){.layout{flex-direction:column;align-items:center}.ad-side,.nav-card{display:none}.content-area.card{width:100%;padding:1rem}}body{margin:0;font-family:Segoe UI,Tahoma,sans-serif;background:#f5f5f5;color:#333}header{display:flex;justify-content:space-between;align-items:center;background:teal;padding:.75rem 1.5rem;color:#fff;box-shadow:0 4px 6px #0000001a}header .title{font-size:1.75rem;font-weight:700;cursor:pointer}header .donate-btn button{background:#20b2aa;border:none;padding:.6rem 1.2rem;border-radius:6px;color:#fff;font-size:1rem;cursor:pointer;transition:background .3s ease}header .donate-btn button:hover{background:#17a398}.ad-banner{width:100%;text-align:center;margin:.75rem 0}.nav-vertical button{background:none;border:none;padding:.6rem 1rem;text-align:left;cursor:pointer;font-weight:600;border-radius:4px;transition:background .2s ease}.nav-vertical button:hover{background:#0080801a}.nav-vertical button.active{background:#00808033}.content-area{flex:1;max-width:720px}footer{text-align:center;padding:1rem;background:#e0f2f1;font-size:.9rem;color:#555}body{margin:0;font-family:Arial,sans-serif;background:#f5f5f5;color:#333}header{display:flex;justify-content:space-between;align-items:center;background:#004080;padding:.5rem 1rem;color:#fff}header .title{font-size:1.5rem;cursor:pointer}header .donate-btn button{background:#ff8c00;border:none;padding:.5rem 1rem;border-radius:4px;color:#fff;cursor:pointer}.ad-banner{width:100%;text-align:center;margin:.5rem 0}.ad-side{width:160px;min-width:160px}.layout{display:flex;justify-content:center;align-items:flex-start;gap:1rem}.nav-vertical{display:flex;flex-direction:column;gap:.5rem}.nav-vertical button{background:none;border:none;padding:.5rem;text-align:left;cursor:pointer;font-weight:700}.nav-vertical button.active{background:#ddd}.content-area{flex:1;max-width:700px}footer{text-align:center;padding:1rem;background:#eee;font-size:.9rem}.small{margin:5px}@media (max-width: 800px){.layout{flex-direction:column;align-items:center}.ad-side{display:none}.nav-card{display:block;width:100%;max-width:700px;margin-bottom:1rem}.nav-vertical{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:.5rem}.nav-vertical button{flex:1 1 auto;min-width:100px;padding:.5rem 1rem;text-align:center}.content-area.card{width:100%;padding:1rem}}