.tabs{margin:0}.tab-links,.tabs{display:flex;flex-direction:column}.tab-links{border-bottom:1px solid #ddd;padding-bottom:15px}.tab-links a{background-color:#fff;border:none;color:#000;cursor:pointer;font-size:16px;outline:none;padding:15px 20px;text-decoration:none}.tab-links a.active,.tab-links a:hover{background-color:var(--primary-100);color:#fff}.tab-section{display:none;min-height:100px;padding:30px 20px;width:100%}.tab-section.active{display:block}.tab-section :is(p){color:var(--neutral-100)}h2{margin-top:0}@media (max-width:768px){.tabs{flex-direction:column}.tab-links{order:1;position:relative;width:100%}.tab-section{order:2}}@media (min-width:769px){.tabs{align-items:flex-start;flex-direction:row}.tab-links{box-shadow:none;height:auto;position:relative;width:400px}.tab-links a{margin-right:0;text-align:left;width:100%}.tab-section{height:auto;padding:0 20px 20px;width:calc(100% - 200px)}.tab-section :is(p){font-size:16px}}