@import"https://fonts.googleapis.com/css2?family=Chivo+Mono:ital,wght@0,100..900;1,100..900&family=Chivo:ital,wght@0,100..900;1,100..900&display=swap";:root{--text-color: #141210;--background-color: #fafaf9;--primary-color: #998975;--secondary-color: #c2b7a8;--accent-color: #af9d88;--border-color: var(--secondary-color);--background-color-light: #fdfdfc;--secondary-color-t: rgba(194, 183, 168, .1)}:root[data-theme=light]{--text-val: #141210;--background-val: #fafaf9;--primary-val: #998975;--secondary-val: #c2b7a8;--accent-val: #af9d88;--input-background-val: #fff;--input-text-val: #141210;--input-border-val: var(--secondary-val);--background-color-light-val: #fdfdfc;--secondary-color-t-val: rgba(194, 183, 168, .1)}:root[data-theme=dark]{--text-val: #efedeb;--background-val: #060605;--primary-val: #8a7a66;--secondary-val: #574c3d;--accent-val: #776550;--input-background-val: #1a1a18;--input-text-val: #efedeb;--input-border-val: var(--secondary-val);--background-color-light-val: #1a1a18;--secondary-color-t-val: rgba(87, 76, 61, .1)}:root{--text-color: var(--text-val, #141210);--background-color: var(--background-val, #fafaf9);--primary-color: var(--primary-val, #998975);--secondary-color: var(--secondary-val, #c2b7a8);--accent-color: var(--accent-val, #af9d88);--input-background: var(--input-background-val, #fff);--input-text-color: var(--input-text-val, #141210);--input-border-color: var(--input-border-val, #c2b7a8);--border-color: var(--secondary-color);--background-color-light: var(--background-color-light-val, #fdfdfc);--secondary-color-t: var(--secondary-color-t-val, rgba(194, 183, 168, .1))}body{font-family:Chivo,sans-serif;font-weight:400;background-color:var(--background-color);color:var(--text-color);margin:0;padding:0}h1{font-family:Chivo Mono,monospace;font-weight:800;color:var(--primary-color)}h2,h3,h4,h5{font-family:Chivo Mono,monospace;font-weight:700;color:var(--primary-color)}html{font-size:100%}h1{font-size:4.21rem}h2{font-size:3.158rem}h3{font-size:2.369rem}h4{font-size:1.777rem}h5{font-size:1.333rem}small{font-size:.75rem}@media (max-width: 768px){html{font-size:93.75%}h1{font-size:3.5rem}h2{font-size:2.625rem}h3{font-size:2rem}h4{font-size:1.5rem}h5{font-size:1.125rem}small{font-size:.7rem}}@media (max-width: 480px){html{font-size:87.5%}body{line-height:1.5}h1{font-size:2.8rem}h2{font-size:2.1rem}h3{font-size:1.6rem}h4{font-size:1.25rem}h5{font-size:1rem}small{font-size:.65rem}}.main-nav{background-color:var(--background-color);color:var(--text-color);padding:1rem 2rem;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:1000}.nav-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.nav-logo{font-size:1.5rem;font-weight:700;text-decoration:none}.nav-links{list-style:none;padding:0;margin:0;display:flex;align-items:center}.nav-links li{margin-left:20px}.nav-links a{text-decoration:none;color:var(--text-color);font-weight:500;transition:color .3s ease}.nav-links a:hover,.nav-links a.active-link{color:var(--accent-color)}.nav-actions{display:flex;align-items:center}.theme-toggle-button{background:none;border:none;color:var(--text-color);cursor:pointer;padding:.5rem;margin-left:15px;display:flex;align-items:center;justify-content:center}.mobile-menu-toggle{background:none;border:none;color:var(--text-color);cursor:pointer;padding:.5rem;display:none!important;z-index:1100}.mobile-nav-links{display:none;flex-direction:column;position:absolute;top:100%;left:0;right:0;background-color:var(--background-color);padding:1rem 0;box-shadow:0 2px 4px #0000001a;z-index:1050;border-top:1px solid var(--border-color)}.mobile-nav-links.mobile-open{display:flex}.mobile-nav-links li{margin:0;width:100%}.mobile-nav-links a{display:block;padding:.75rem 2rem;text-align:center;border-bottom:1px solid var(--border-color-soft)}.mobile-nav-links li:last-child a{border-bottom:none}.main-content{padding:4rem 1rem 1rem}@media (max-width: 768px){.desktop-nav-links{display:none!important}.mobile-menu-toggle{display:flex!important;align-items:center;justify-content:center}.main-nav{padding:.75rem 1rem}.nav-logo{font-size:1.3rem}}.homepage-container{padding:2rem}.homepage-header{text-align:center;margin-bottom:3rem}.homepage-header h1{font-size:3.5rem;color:var(--primary-color);white-space:nowrap;letter-spacing:.01em;display:inline-block}.homepage-header h1 .typing-text{display:inline-block;overflow:hidden;border-right:.15em solid var(--accent-color);width:0;animation:typing 2s steps(13,end) forwards,blink-caret .75s step-end infinite;white-space:nowrap}.homepage-header p{font-size:1.125rem;color:var(--text-color)}.welcome-section{background-color:var(--background-color);padding:2rem;border:1px solid var(--secondary-color);border-radius:8px;margin-bottom:3rem;text-align:center}.welcome-section h2{color:var(--primary-color);margin-bottom:1rem}.welcome-section p{color:var(--text-color);line-height:1.6;margin-bottom:1rem}.welcome-section a{color:var(--accent-color);text-decoration:underline}.explore-sequences-section{text-align:center;margin-bottom:2rem}.explore-sequences-section h2{color:var(--primary-color);margin-bottom:2rem}.sequences-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.sequence-card{background-color:var(--background-color);border:1px solid var(--secondary-color);border-radius:8px;padding:1.5rem;text-align:left;box-shadow:0 4px 6px #0000000d;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;min-height:450px}.sequence-card:hover{transform:translateY(-5px);box-shadow:0 6px 12px #0000001a}.sequence-card h3{font-size:1.75rem;color:var(--primary-color);margin-bottom:1rem;min-height:3.5rem}.visualization-area{width:100%;height:120px;background-color:rgba(var(--secondary-rgb, 199, 173, 148),.3);border-radius:4px;border:1px solid var(--secondary-color);color:var(--accent-color);display:flex;justify-content:center;align-items:center;height:150px;overflow:hidden;margin-bottom:1rem}.sequence-image{width:100%;height:100%;object-fit:cover}.sequence-card p{font-size:.9rem;color:var(--text-color);margin-bottom:1.5rem;line-height:1.5;flex-grow:1}.explore-button{display:inline-block;background-color:var(--primary-color);color:#fff;padding:.75rem 1.5rem;border-radius:4px;text-decoration:none;font-weight:700;transition:background-color .3s ease;margin-top:auto}.explore-button:hover{background-color:var(--accent-color)}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:var(--accent-color, orange)}}@media (max-width: 768px){.homepage-container{padding:1.5rem}.homepage-header h1{font-size:2.8rem}.homepage-header p{font-size:1rem}.welcome-section{padding:1.5rem}.sequences-grid{grid-template-columns:1fr}.sequence-card{margin-bottom:1.5rem}}@media (max-width: 480px){.homepage-container{padding:1rem}.homepage-header h1{font-size:2.2rem}.homepage-header p{font-size:.9rem}.welcome-section{padding:1rem}.welcome-section h2{font-size:1.5rem}.welcome-section p{font-size:.9rem}.explore-sequences-section h2{font-size:1.6rem}.sequence-card h3{font-size:1.3rem}.sequence-card p{font-size:.85rem}.explore-button{padding:.6rem 1.2rem;font-size:.9rem}}.app-container{display:flex;flex-direction:column;min-height:100vh;background-color:var(--background-color);color:var(--text-color)}.main-nav{background-color:var(--background-color);padding:1.5rem 2rem;box-shadow:0 2px 4px #0000001a;border-bottom:1px solid var(--secondary-color);width:100%;box-sizing:border-box}.nav-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.nav-logo{font-family:Chivo Mono,monospace;font-size:2rem;text-decoration:none;font-weight:700;text-transform:uppercase}.nav-logo .logo-automata{color:var(--primary-color)}.nav-logo .logo-pedia{color:var(--accent-color)}.nav-links{list-style:none;padding:0;margin:0;display:flex}.nav-links li{margin-left:2rem}.nav-links li a{text-decoration:none;color:var(--text-color);font-family:Chivo,sans-serif;font-size:1.1rem}.nav-links li a:hover{color:var(--accent-color)}.main-content{flex-grow:1;padding:2rem;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}.main-footer{background-color:var(--background-color);border-top:1px solid var(--secondary-color);padding:1rem 2rem;text-align:center;font-size:.875rem;color:var(--secondary-color)}.main-footer p{margin:.25rem 0}.container{padding:20px;background-color:var(--background-color);border:1px solid var(--secondary-color);border-radius:8px;margin-bottom:20px}.container h1{color:var(--primary-color);margin-bottom:1rem}.input-container{margin-bottom:1rem}.input-container label{display:block;margin-bottom:.5rem;color:var(--text-color)}.input-container input[type=number]{padding:.5rem;border:1px solid var(--secondary-color);border-radius:4px;font-family:Syne,sans-serif;color:var(--text-color);background-color:#fff}.input-container input[type=number]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px var(--accent-color-t)}.sequence-container,.euclidean-steps-container,.pascal-triangle-container{margin-top:1rem;padding:1rem;background-color:var(--background-color);border:1px solid var(--secondary-color);border-radius:4px;overflow-x:auto}.sequence-element,.euclidean-step,.pascal-number{display:inline-block;padding:.25rem .5rem;margin:.25rem;background-color:var(--secondary-color-t);border:1px solid var(--secondary-color);border-radius:4px;color:var(--text-color)}.sequence-element:hover,.euclidean-step:hover,.pascal-number:hover{background-color:var(--accent-color-t);border-color:var(--accent-color)}.pascal-row{display:flex;justify-content:center;margin-bottom:.5rem}.info-container{margin-top:1.5rem;padding:1rem;background-color:var(--background-color);border:1px solid var(--secondary-color);border-radius:4px;line-height:1.6}@media (max-width: 768px){.nav-content{flex-direction:column;align-items:flex-start}.nav-links{margin-top:1rem;flex-direction:column;width:100%}.nav-links li{margin-left:0;margin-bottom:.5rem;width:100%}.nav-links li a{display:block;padding:.5rem 0;text-align:left}.main-content{padding:1rem}}@media (max-width: 480px){.nav-logo .logo-automata{font-size:1.5rem}.nav-logo .logo-pedia{font-size:1.2rem}.main-content{padding:.5rem}.main-footer{padding:.8rem}.main-footer p{font-size:.8rem}.container h1{font-size:1.8rem}.input-container input[type=number]{padding:.6rem;font-size:.9rem}}.sequence-page-container{padding:2rem;max-width:900px;margin:0 auto}.sequence-page-header h1{text-align:center;margin-bottom:2rem;font-size:3.158rem;color:var(--primary-color)}.card{background-color:var(--background-color);border:1px solid var(--secondary-color);border-radius:8px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 2px 5px #0000000d}.card h2{font-size:2.369rem;color:var(--primary-color);margin-top:0;margin-bottom:1rem;border-bottom:1px solid var(--secondary-color);padding-bottom:.5rem}.sequence-rules{list-style-type:disc;margin-left:20px;padding-left:0;margin-bottom:1rem}.sequence-rules li{margin-bottom:.5rem;line-height:1.6}.input-group{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.input-group label{font-weight:700;color:var(--text-color)}.input-group input[type=number]{padding:.75rem;border:1px solid var(--input-border-color);border-radius:4px;font-family:Chivo,sans-serif;color:var(--input-text-color);background-color:var(--input-background);width:100px;text-align:right}.input-grid{display:grid;grid-template-columns:auto 1fr;gap:10px 20px;align-items:center;margin-bottom:20px;max-width:500px}.input-grid label{text-align:right;font-weight:700;color:var(--text-color)}.input-grid input[type=number]{padding:8px;border:1px solid var(--input-border-color);border-radius:4px;font-family:var(--font-body);font-size:1rem;background-color:var(--input-background);color:var(--input-text-color);width:100%;box-sizing:border-box}.generate-button{padding:.75rem 1.5rem;background-color:var(--primary-color);color:var(--background-color);border:none;border-radius:4px;font-family:Chivo,sans-serif;font-weight:700;cursor:pointer;transition:background-color .2s ease-in-out}.generate-button:hover{background-color:var(--accent-color)}.results-display h3{font-size:1.777rem;margin-top:0;margin-bottom:.5rem}.results-display p{margin-bottom:1rem}.visualization-placeholder{border:2px dashed var(--secondary-color);padding:2rem;text-align:center;margin:1.5rem 0;background-color:var(--secondary-color-t, rgba(199, 173, 148, .1));border-radius:4px}.visualization-placeholder p{color:var(--text-color);font-style:italic}.results-display h4{font-size:1.333rem;margin-top:1.5rem;margin-bottom:.5rem}.sequence-values{background-color:var(--secondary-color-t, rgba(199, 173, 148, .05));padding:1rem;border-radius:4px;border:1px solid var(--secondary-color);overflow-x:auto;overflow-y:hidden;white-space:nowrap}.sequence-list{display:flex;flex-wrap:nowrap;gap:.5rem;align-items:center;min-width:max-content;padding:.5rem 0}.sequence-values code,.euclidean-step{display:inline-block;padding:.5rem .75rem;margin:0;background-color:var(--background-color-light);border:1px solid var(--border-color);border-radius:4px;font-family:var(--font-code, monospace);color:var(--text-color);white-space:nowrap;vertical-align:top;flex-shrink:0}.sequence-element{display:inline-block;margin:0;flex-shrink:0;white-space:nowrap}.euclidean-steps-display{background-color:var(--secondary-color-t, rgba(199, 173, 148, .05));padding:1rem;border-radius:4px;border:1px solid var(--secondary-color)}.gcd-result{margin-top:1rem;font-weight:700;font-size:1.1rem;color:var(--primary-color)}.gcd-result-display{margin-bottom:1rem;font-weight:700;font-size:1.2rem;color:var(--primary-color);text-align:left}.algorithm-rules{margin-top:1rem;margin-bottom:1rem;padding:1rem;background-color:var(--background-color-light);border:1px solid var(--border-color);border-radius:4px}.algorithm-rules ol{margin-left:20px;padding-left:10px}.algorithm-rules li{margin-bottom:.5rem}.error-message{color:#d9534f;margin-top:.5rem}.button-style{padding:.6rem 1.2rem;background-color:var(--primary-color);color:var(--button-text-color, #ffffff);border:1px solid var(--primary-color);border-radius:4px;font-family:Chivo,sans-serif;font-weight:600;cursor:pointer;transition:background-color .2s ease-in-out,color .2s ease-in-out,border-color .2s ease-in-out;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.button-style:hover{background-color:var(--accent-color);border-color:var(--accent-color);color:var(--button-hover-text-color, #ffffff)}.button-style:focus{outline:2px solid var(--accent-color);outline-offset:2px}.button-style-secondary{background-color:var(--secondary-color);border-color:var(--secondary-color);color:var(--text-color)}.button-style-secondary:hover{background-color:var(--secondary-color-darker, #a09383);border-color:var(--secondary-color-darker, #a09383);color:var(--background-color)}.fullscreen-visualization-header{display:flex;justify-content:flex-end;padding:10px;background-color:var(--background-color);border-bottom:1px solid var(--secondary-color)}.tribonacci-grid{grid-template-columns:auto 1fr}.pascal-triangle-container{display:flex;flex-direction:column;align-items:center;margin-top:1rem;padding:1rem;background-color:var(--background-color-light);border:1px solid var(--border-color);border-radius:4px;overflow-x:auto}.pascal-row{display:flex;justify-content:center;margin-bottom:.5rem;white-space:nowrap}.pascal-number{display:inline-block;padding:.3rem .6rem;margin:0 .3rem;border:1px solid var(--secondary-color);border-radius:4px;background-color:var(--background-color);color:var(--text-color);min-width:2em;text-align:center;font-family:var(--font-code, monospace)}.table-container{overflow-x:auto;margin-bottom:1.5rem}.euclidean-table{width:100%;border-collapse:collapse;margin-top:1rem;font-size:.95rem}.euclidean-table th,.euclidean-table td{border:1px solid var(--secondary-color);padding:.6rem .8rem;text-align:center;color:var(--text-color)}.euclidean-table th{background-color:var(--background-color-light);color:var(--primary-color);font-weight:700}.euclidean-table tbody tr:nth-child(2n){background-color:var(--background-color-light)}.euclidean-table tbody tr:hover{background-color:var(--secondary-color-t, rgba(199, 173, 148, .2))}.euclidean-table td:last-child{text-align:left;font-family:var(--font-code, monospace)}.explanation-section{margin-top:1.5rem;padding:1rem;background-color:var(--background-color-light);border:1px solid var(--border-color);border-radius:4px}.explanation-section h3{margin-top:0;color:var(--primary-color);font-size:1.333rem}.explanation-section p{line-height:1.6;margin-bottom:.5rem}@media (max-width: 768px){.sequence-page-container{padding:1.5rem}.sequence-page-header h1{font-size:2.5rem}.card{padding:1.5rem}.input-grid{grid-template-columns:1fr;gap:.5rem}.input-group input[type=number],.input-grid input[type=number]{width:100%}.generate-button{padding:.7rem 1.4rem;font-size:.95rem}.sequence-values{overflow-x:auto}.sequence-values code,.euclidean-step{font-size:.85rem;padding:.4rem .6rem}.pascal-number{min-width:30px;height:30px;font-size:.8rem}}@media (max-width: 480px){.sequence-page-container{padding:1rem}.sequence-page-header h1{font-size:2rem}.card{padding:1rem}.card h2{font-size:1.4rem}.input-group label,.input-grid label{font-size:.9rem}.input-group input[type=number],.input-grid input[type=number]{padding:.7rem;font-size:.9rem}.generate-button{width:100%;padding:.8rem;font-size:1rem}.results-display h3{font-size:1.3rem}.sequence-values{overflow-x:auto;padding:.75rem}.sequence-list{gap:.375rem}.sequence-values code,.euclidean-step{font-size:.8rem;padding:.375rem .5rem}.pascal-triangle-container{overflow-x:auto}.pascal-number{min-width:25px;height:25px;font-size:.7rem;margin:1px}.error-message{font-size:.85rem}.table-container{overflow-x:auto}.euclidean-table th,.euclidean-table td{padding:.4rem;font-size:.8rem}}.about-page{padding:var(--spacing-large);max-width:900px;margin:0 auto}.about-page-container{padding:2rem;max-width:900px;margin:0 auto}.about-page h1,.about-page h2{font-family:var(--font-heading);color:var(--primary-color);margin-bottom:var(--spacing-medium)}.about-page h1{text-align:center;font-size:2.8rem;margin-bottom:var(--spacing-large);border-bottom:2px solid var(--accent-color-1);padding-bottom:var(--spacing-small)}.about-page-header h1{text-align:center;margin-bottom:2rem;font-size:3.158rem;color:var(--primary-color)}.about-page h2{font-size:2rem;margin-top:var(--spacing-large);color:var(--secondary-color)}.about-page p,.about-page ul{font-family:var(--font-body);color:var(--text-color);line-height:1.7;margin-bottom:var(--spacing-medium)}.about-page ul{list-style-type:disc;padding-left:var(--spacing-large)}.about-page li{margin-bottom:var(--spacing-small)}.about-page .section{margin-bottom:var(--spacing-xlarge);padding:var(--spacing-medium);background-color:var(--background-color-soft);border-radius:var(--border-radius-medium);box-shadow:0 2px 5px #0000000d}.about-page .tech-stack-list code{background-color:var(--background-color-light);color:var(--accent-color-2);padding:.2em .4em;border-radius:var(--border-radius-small);font-family:Courier New,Courier,monospace}.about-page a{color:var(--primary-color);text-decoration:none}.about-page a:hover{text-decoration:underline;color:var(--accent-color-1)}.about-page-container .card h2{font-size:2.369rem;color:var(--primary-color);margin-top:0;margin-bottom:1rem;border-bottom:1px solid var(--secondary-color);padding-bottom:.5rem}.about-page-container .card p,.about-page-container .card ul{line-height:1.7;margin-bottom:1rem}.about-page-container .card ul{list-style-type:disc;margin-left:20px;padding-left:0}.about-page-container .card li{margin-bottom:.5rem}.about-page-container .card strong{color:var(--primary-color)}.glossary-card dt{font-family:var(--font-heading);font-weight:700;color:var(--primary-color);margin-top:1rem}.glossary-card dd{font-family:var(--font-body);color:var(--text-color);margin-left:1.5rem;margin-bottom:.75rem;line-height:1.6}.glossary-card dt:first-child{margin-top:0}.about-page-container .card .available-sequences-list li{margin-bottom:.75rem;list-style-type:none}.about-page-container .card .available-sequences-list a{font-family:var(--font-body);color:var(--accent-color-1);text-decoration:none;font-weight:700;padding:.25rem .5rem;border-radius:var(--border-radius-small);transition:background-color .3s ease,color .3s ease}.about-page-container .card .available-sequences-list a:hover,.about-page-container .card .available-sequences-list a:focus{color:var(--primary-color);text-decoration:none;outline:none}.about-page .available-sequences-list li a{display:inline-block;padding:.5rem 1rem;margin:.25rem 0;border:1px solid var(--primary-color);border-radius:var(--border-radius-medium);color:var(--primary-color);text-decoration:none;transition:background-color .3s ease,color .3s ease;list-style:none}.about-page .available-sequences-list li a:hover{background-color:var(--accent-color);color:var(--primary-color);text-decoration:none;border-color:var(--accent-color)}.about-page .available-sequences-list li{list-style-type:none}.about-page .glossary-terms dt{font-family:var(--font-heading);color:var(--primary-color);font-weight:700;margin-top:var(--spacing-medium)}.about-page .glossary-terms dd{font-family:var(--font-body);color:var(--text-color);margin-left:var(--spacing-medium);margin-bottom:var(--spacing-small);padding-left:var(--spacing-small);border-left:2px solid var(--secondary-color)}@media (max-width: 768px){.about-page-container{padding:1.5rem}.about-page-header h1{font-size:2.5rem}.about-page .card{padding:1.5rem}.about-page h1,.about-page h2{font-size:1.8rem}.about-page-container .card h2{font-size:1.6rem}}@media (max-width: 480px){.about-page-container{padding:1rem}.about-page-header h1{font-size:2rem}.about-page .card{padding:1rem;margin-bottom:1rem}.about-page h1,.about-page h2{font-size:1.5rem}.about-page-container .card h2{font-size:1.3rem}.about-page p,.about-page ul,.about-page-container .card p,.about-page-container .card ul{font-size:.9rem}.about-page li{margin-bottom:.3rem}.about-page .tech-stack-list code{font-size:.8rem;padding:.2rem .4rem}.glossary-card dt{font-size:.95rem}.glossary-card dd{font-size:.85rem;margin-left:1rem}}.main-nav{background-color:var(--background-color);color:var(--text-color);padding:.75rem 1rem;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:1000}.nav-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;width:100%}.nav-logo{font-size:1.3rem;font-weight:700;text-decoration:none;z-index:1100}.logo-automata{color:var(--primary-color)}.logo-pedia{color:var(--secondary-color)}.nav-links.desktop-nav-links{display:none;list-style:none;padding:0;margin:0;align-items:center}.nav-links.desktop-nav-links li{margin-left:20px}.nav-links.desktop-nav-links a{text-decoration:none;color:var(--text-color);font-weight:500;transition:color .3s ease}.nav-links.desktop-nav-links a:hover,.nav-links.desktop-nav-links a.active-link{color:var(--accent-color)}.nav-actions{display:flex;align-items:center;gap:.5rem}.theme-toggle-button,.mobile-menu-toggle{background:none;border:none;color:var(--text-color);cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center}.mobile-menu-toggle{z-index:1100}.nav-links.mobile-nav-links{display:none;flex-direction:column;position:absolute;top:100%;left:0;right:0;background-color:var(--background-color);padding:0 0 1rem;box-shadow:0 4px 6px #0000001a;z-index:1050;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);max-height:calc(100vh - 60px);overflow-y:auto}.nav-links.mobile-nav-links.mobile-open{display:flex}.nav-links.mobile-nav-links li{margin:0;width:100%}.nav-links.mobile-nav-links a{display:block;padding:.9rem 1.5rem;text-align:left;color:var(--text-color);text-decoration:none;font-weight:500;border-bottom:1px solid var(--border-color-soft);transition:background-color .2s ease-in-out,color .2s ease-in-out}.nav-links.mobile-nav-links a:hover,.nav-links.mobile-nav-links a:focus{background-color:var(--hover-background-color);color:var(--accent-color)}@media (min-width: 769px){.main-nav{padding:1rem 2rem}.nav-logo{font-size:1.5rem}.nav-links.desktop-nav-links{display:flex}.mobile-menu-toggle{display:none}.nav-links.mobile-nav-links{display:none!important}}